@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
.crew-metrics{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.crew-metrics>div{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:13px;padding:18px;display:flex}.crew-metrics>div>span{width:42px;height:42px;color:var(--blue);background:#e5f3f7;border-radius:9px;place-items:center;display:grid}.crew-metrics p{color:var(--muted);flex-direction:column;margin:0;font-size:11px;display:flex}.crew-metrics strong{color:var(--navy);margin-top:3px;font-size:22px}.crew-filters{justify-content:flex-start;gap:10px}.crew-filters .search-field{flex:1;max-width:520px}.crew-filters>select{height:38px}.crew-person{align-items:center;gap:10px;display:flex}.crew-person>span,.crew-avatar{color:#11688c;background:linear-gradient(145deg,#d9eef5,#b9dce9);place-items:center;font-weight:800;display:grid}.crew-person>span{border-radius:50%;width:38px;height:38px}.crew-person>div{flex-direction:column;display:flex}.crew-person strong{color:#284258}.crew-person small{color:#8795a0;margin-top:3px;font-size:10px}.crew-modal{width:min(820px,100%)}.crew-form-grid{gap:11px 14px}.crew-form-grid label{margin:0}.crew-form-grid .full{grid-column:1/-1}.status.available,.status.onboard{color:#267f62;background:#e6f4ef}.status.on_leave,.status.planned{color:#b56a10;background:#fff2df}.status.unavailable,.status.inactive{color:#687887;background:#eef1f3}.rank-name{align-items:center;gap:9px;display:flex}.rank-name>span{width:32px;height:32px;color:var(--blue);background:#e4f2f7;border-radius:7px;place-items:center;display:grid}.rank-name svg,.row-action svg{width:15px}.row-action{border:1px solid var(--line);color:#687d8e;background:#fff;border-radius:6px;place-items:center;width:31px;height:31px;display:grid}.crew-hero{border:1px solid var(--line);background:linear-gradient(120deg,#fff,#f4fafc);border-radius:11px;align-items:center;gap:17px;padding:23px;display:flex}.crew-avatar{border-radius:50%;width:72px;height:72px;font-size:22px;box-shadow:0 8px 20px #183f5714}.crew-identity>div{align-items:center;gap:12px;display:flex}.crew-identity h1{color:var(--navy);margin:0;font-size:27px}.crew-identity p{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.crew-identity p svg{width:14px}.crew-hero>.secondary{margin-left:auto}.crew-profile-grid{grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr);gap:17px;margin-top:17px;display:grid}.crew-main,.crew-aside{flex-direction:column;gap:17px;display:flex}.detail-panel{padding-bottom:18px}.profile-dl{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.profile-dl>div{border-bottom:1px solid #edf1f4;padding:14px 8px}.profile-dl>div.wide{grid-column:1/-1}.profile-dl dt{text-transform:uppercase;letter-spacing:.8px;color:#8997a2;font-size:9px}.profile-dl dd{color:#30495d;margin:5px 0 0;font-size:12px;font-weight:650}.document-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.document-cards>div{border:1px solid var(--line);border-radius:8px;gap:10px;padding:13px;display:flex}.document-cards>div>span{color:var(--blue)}.document-cards svg{width:18px}.document-cards p{flex-direction:column;min-width:0;margin:0;display:flex}.document-cards small{text-transform:uppercase;color:#8796a1;letter-spacing:.7px;font-size:8px}.document-cards strong{color:#30495d;text-overflow:ellipsis;margin:5px 0;font-size:11px;overflow:hidden}.document-cards em{color:var(--green);font-size:9px;font-style:normal}.document-cards em.expired{color:var(--red)}.availability-block{flex-direction:column;gap:16px;padding-top:12px;display:flex}.availability-block>span:last-child{color:#8796a1;text-transform:uppercase;flex-direction:column;font-size:9px;display:flex}.availability-block strong{color:#30495d;text-transform:none;margin-top:5px;font-size:12px}.emergency-card{flex-direction:column;padding-top:9px;display:flex}.emergency-card>small{color:var(--muted);margin:3px 0 9px}.emergency-card p{color:#5f7485;align-items:flex-start;gap:8px;margin:6px 0;font-size:11px;display:flex}.emergency-card p svg{flex:none;width:14px}.resume-upload{background:#f7fbfc;border:1px dashed #a8c6d4;border-radius:9px;align-items:center;gap:12px;margin-top:14px;padding:14px;display:flex}.resume-upload label{cursor:pointer;flex:1;align-items:center;gap:10px;display:flex}.resume-upload label>svg{color:var(--blue)}.resume-upload label>span{flex-direction:column;font-size:11px;font-weight:700;display:flex}.resume-upload small{color:var(--muted);margin-top:3px;font-weight:400}.resume-upload input{max-width:230px;margin-left:auto;font-size:10px}.resume-list{margin-top:12px}.resume-list>div{border-bottom:1px solid #edf1f4;align-items:center;gap:10px;padding:11px 3px;display:flex}.resume-list>div>span{width:35px;height:35px;color:var(--blue);background:#e4f2f7;border-radius:7px;place-items:center;display:grid}.resume-list>div>span svg{width:17px}.resume-list>div>div{flex-direction:column;min-width:0;display:flex}.resume-list strong{color:#314a5e;font-size:11px}.resume-list small{color:#8796a1;margin-top:3px;font-size:9px}.resume-list button{border:1px solid var(--line);width:32px;height:32px;color:var(--blue);background:#fff;border-radius:6px;place-items:center;margin-left:auto;display:grid}.resume-list button svg{width:15px}.inline-empty{color:var(--muted);margin:14px 0 2px;font-size:11px}.status.suspended{color:#b5424a;background:#f9e9ea}@media (max-width:1100px){.crew-profile-grid,.document-cards{grid-template-columns:1fr}.crew-metrics{grid-template-columns:1fr 1fr}}@media (max-width:800px){.crew-filters{flex-direction:column}.crew-filters .search-field{max-width:none}.crew-filters>select{width:100%}.crew-hero{flex-wrap:wrap;align-items:flex-start}.crew-hero>.secondary{margin-left:89px}.profile-dl{grid-template-columns:1fr 1fr}.resume-upload{flex-direction:column;align-items:stretch}.resume-upload label{flex-wrap:wrap;align-items:flex-start}.resume-upload input{max-width:100%;margin-left:0}}@media (max-width:560px){.crew-metrics,.crew-form-grid{grid-template-columns:1fr}.crew-form-grid .full{grid-column:auto}.crew-hero>.secondary{width:100%;margin-left:0}.crew-identity h1{font-size:21px}.profile-dl{grid-template-columns:1fr}.profile-dl>div.wide{grid-column:auto}}.crew-hero-actions{gap:8px;margin-left:auto;display:flex}.crew-hero-actions .primary{display:inline-flex}.profile-assignments>div{border-bottom:1px solid #edf1f4;align-items:center;gap:10px;padding:11px 3px;display:flex}.profile-assignments>div>span{width:35px;height:35px;color:var(--blue);background:#e4f2f7;border-radius:7px;place-items:center;display:grid}.profile-assignments>div>span svg{width:17px}.profile-assignments p{flex-direction:column;flex:1;margin:0;display:flex}.profile-assignments strong{color:#314a5e;font-size:11px}.profile-assignments small{color:#8796a1;margin-top:3px;font-size:9px}@media (max-width:800px){.crew-hero-actions{margin-left:89px}}@media (max-width:560px){.crew-hero-actions{flex-direction:column;width:100%;margin-left:0}.crew-hero-actions>*{width:100%}}
.certificate-metrics{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.certificate-metrics>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:9px;align-items:center;gap:10px;padding:15px;display:flex}.certificate-metrics>button:hover,.certificate-metrics>button.active{border-color:#83b8cd;box-shadow:0 0 0 3px #deeff5}.certificate-metrics>button>span{width:38px;height:38px;color:var(--blue);background:#e5f2f7;border-radius:8px;place-items:center;display:grid}.certificate-metrics>button>span.good{color:var(--green);background:#e6f4ef}.certificate-metrics>button>span.warn{color:var(--amber);background:#fff2df}.certificate-metrics>button>span.danger{color:var(--red);background:#f9e9ea}.certificate-metrics svg{width:18px}.certificate-metrics p{color:var(--muted);flex-direction:column;margin:0;font-size:9px;display:flex}.certificate-metrics strong{color:var(--navy);margin-top:3px;font-size:20px}.expiry-strip{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:7px;margin-bottom:16px;padding:10px 13px;display:flex}.expiry-strip>strong{color:#506678;text-transform:uppercase;letter-spacing:.7px;margin-right:5px;font-size:10px}.expiry-strip button{border:1px solid var(--line);color:#637787;background:#f8fafb;border-radius:6px;padding:7px 10px;font-size:10px}.expiry-strip button.active{background:var(--blue);border-color:var(--blue);color:#fff}.certificate-filters{justify-content:flex-start;gap:10px}.certificate-filters .search-field{flex:1;max-width:500px}.certificate-filters>select{height:38px}.compact-person>span{width:34px;height:34px}.expiry-cell{flex-direction:column;display:flex}.expiry-cell strong{color:#314a5e;font-size:11px}.expiry-cell small{color:#8796a1;margin-top:3px;font-size:9px}.status.valid{color:#267f62;background:#e6f4ef}.status.expiring_soon,.status.pending_verification{color:#b56a10;background:#fff2df}.status.expired{color:#b5424a;background:#f9e9ea}.document-link{color:var(--blue);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:10px;font-weight:700;display:flex}.document-link svg{width:14px}.muted-cell{color:#9aa6af;font-size:10px}.row-actions{gap:5px;display:flex}.row-actions button{border:1px solid var(--line);color:#657a8b;background:#fff;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.row-actions button.verify{color:var(--green)}.row-actions button.danger{color:var(--red)}.row-actions svg{width:14px}.certificate-modal{width:min(720px,100%)}.file-label{position:relative}.file-label small{margin-top:5px;display:block;float:none!important}.certificate-type-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.certificate-type-card{border:1px solid var(--line);background:#fff;border-radius:10px;gap:13px;padding:18px;display:flex}.certificate-type-card>span{width:40px;height:40px;color:var(--blue);background:#e5f2f7;border-radius:8px;flex:none;place-items:center;display:grid}.certificate-type-card>span svg{width:19px}.certificate-type-card>div{flex:1;min-width:0}.certificate-type-card>div>div{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.certificate-type-card h2{color:var(--navy);margin:2px 0;font-size:14px}.certificate-type-card p{color:var(--muted);min-height:30px;font-size:10px;line-height:1.5}.certificate-type-card footer{border-top:1px solid #edf1f4;align-items:center;padding-top:10px;display:flex}.certificate-type-card footer small{color:#7f909d;font-size:9px}.certificate-type-card footer button{color:#678092;background:0 0;border:0;margin-left:auto}.certificate-type-card footer svg{width:15px}@media (max-width:1200px){.certificate-metrics{grid-template-columns:repeat(3,1fr)}.certificate-type-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.certificate-metrics{grid-template-columns:1fr 1fr}.expiry-strip{flex-wrap:wrap;align-items:stretch}.expiry-strip>strong{width:100%}.certificate-filters{flex-direction:column}.certificate-filters .search-field{max-width:none}.certificate-filters>select{width:100%}.certificate-type-grid{grid-template-columns:1fr}}@media (max-width:560px){.certificate-metrics{grid-template-columns:1fr}.expiry-strip button{flex:1}.certificate-modal .compact-grid{grid-template-columns:1fr}}.section-link{color:var(--blue);font-size:10px;font-weight:700}.profile-certificates>div{border-bottom:1px solid #edf1f4;align-items:center;gap:10px;padding:11px 3px;display:flex}.profile-certificates>div>span{width:35px;height:35px;color:var(--blue);background:#e5f2f7;border-radius:7px;place-items:center;display:grid}.profile-certificates>div>span svg{width:17px}.profile-certificates p{flex-direction:column;flex:1;margin:0;display:flex}.profile-certificates strong{color:#30495d;font-size:11px}.profile-certificates small{color:#8796a1;margin-top:3px;font-size:9px}
.sea-metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.sea-metrics>div{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:17px;display:flex}.sea-metrics>div>span{width:41px;height:41px;color:var(--blue);background:#e4f2f7;border-radius:9px;place-items:center;display:grid}.sea-metrics p{color:var(--muted);flex-direction:column;margin:0;font-size:10px;display:flex}.sea-metrics strong{color:var(--navy);margin-top:3px;font-size:20px}.sea-filters{justify-content:flex-start;gap:10px}.sea-filters .search-field{flex:1;max-width:600px}.sea-filters>select{height:38px}.sea-vessel{align-items:center;gap:8px;display:flex}.sea-vessel>span{width:34px;height:34px;color:var(--blue);background:#e4f2f7;border-radius:7px;place-items:center;display:grid}.sea-vessel svg{width:16px}.sea-vessel p,.service-period{flex-direction:column;margin:0;display:flex}.sea-vessel strong,.service-period strong{color:#30495d;font-size:11px}.sea-vessel small,.service-period small{color:#8796a1;margin-top:3px;font-size:9px}.duration-badge{color:#176f94;white-space:nowrap;background:#e8f3f7;border-radius:18px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.sea-modal{width:min(760px,100%)}.experience-timeline{margin-top:12px;position:relative}.experience-timeline:before{content:"";background:#dce8ee;width:2px;position:absolute;top:14px;bottom:14px;left:17px}.experience-entry{grid-template-columns:36px 1fr auto;gap:12px;padding:10px 0;display:grid;position:relative}.experience-entry>span{width:36px;height:36px;color:var(--blue);z-index:1;background:#e2f1f6;border:4px solid #fff;border-radius:50%;place-items:center;display:grid}.experience-entry>span svg{width:15px}.experience-entry>div{flex-direction:column;padding-top:2px;display:flex}.experience-entry h3{color:#294358;margin:0;font-size:12px}.experience-entry p{color:#657989;margin:4px 0;font-size:10px}.experience-entry small{color:#8a98a3;font-size:9px}.experience-entry>strong{color:#176f94;background:#e9f4f8;border-radius:15px;align-self:start;padding:5px 8px;font-size:9px}.experience-summary{gap:8px;display:flex}.experience-summary span{color:#536d7e;background:#f1f6f8;border-radius:6px;padding:7px 9px;font-size:9px;font-weight:700}@media (max-width:1050px){.sea-metrics{grid-template-columns:1fr 1fr}}@media (max-width:800px){.sea-filters{flex-direction:column}.sea-filters .search-field{max-width:none}.sea-filters>select{width:100%}}@media (max-width:560px){.sea-metrics,.sea-modal .compact-grid{grid-template-columns:1fr}.experience-entry{grid-template-columns:36px 1fr}.experience-entry>strong{grid-column:2}}
.assignment-metrics{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;display:grid}.assignment-metrics>div{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:13px;padding:18px;display:flex}.assignment-metrics>div>span{width:42px;height:42px;color:var(--blue);background:#e4f2f7;border-radius:9px;place-items:center;display:grid}.assignment-metrics p{color:var(--muted);flex-direction:column;margin:0;font-size:11px;display:flex}.assignment-metrics strong{color:var(--navy);margin-top:3px;font-size:22px}.assignment-metrics small{margin-top:2px;font-size:9px}.assignment-filters{justify-content:flex-start;gap:9px}.assignment-filters .search-field{flex:1}.assignment-filters>select{height:38px}.assignment-vessel{align-items:center;gap:9px;display:flex}.assignment-vessel>svg{width:28px;height:28px;color:var(--blue);background:#e5f3f7;border-radius:6px;padding:6px}.assignment-vessel p{flex-direction:column;margin:0;display:flex}.assignment-vessel small{color:var(--muted);margin-top:3px;font-size:9px}.review-button{color:var(--blue);background:#f4fbfd;border:1px solid #9fc7d6;border-radius:6px;padding:7px 10px;font-size:10px;font-weight:700}.assignment-modal{width:min(790px,100%)}.workflow-strip{color:#26799d;word-spacing:4px;background:#eef7fa;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:700}.assignment-review{width:min(680px,100%)}.review-route{border:1px solid var(--line);background:#f7fafb;border-radius:9px;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:16px;display:grid}.review-route>div{flex-direction:column;display:flex}.review-route small{letter-spacing:1px;color:var(--muted);font-size:8px}.review-route strong{color:var(--navy);margin:5px 0;font-size:13px}.review-route span{color:#718391;font-size:10px}.review-route>i{color:#76a6b9;font-style:normal}.compliance-good{color:#25725a;background:#e9f6f1;border-radius:7px;align-items:center;gap:8px;padding:13px;font-size:11px;font-weight:700;display:flex}.compliance-good svg,.compliance-mode svg{width:18px}.compliance-mode{border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:9px 11px;font-size:10px;font-weight:800;display:flex}.compliance-mode.block{color:#a63c44;background:#fcebed}.compliance-mode.require_override{color:#a96812;background:#fff3df}.compliance-mode.informational{color:#297398;background:#e9f3fa}.warning-list{gap:7px;max-height:245px;display:grid;overflow:auto}.warning-list>div{background:#fffbf3;border:1px solid #edd9b7;border-radius:7px;gap:9px;padding:10px;display:flex}.warning-list svg{color:#c08228;flex:none;width:16px}.warning-list p{flex-direction:column;display:flex;margin:0!important}.warning-list strong{color:#5f4c30;font-size:11px}.warning-list span{color:#826f54;margin-top:3px;font-size:9px}.workflow-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:17px;display:flex}.danger-button{color:#b1454d;background:#fff;border:1px solid #e5b7bb;border-radius:7px;padding:9px 13px;font-weight:700}.override-note{border-left:3px solid var(--blue);color:#607281;background:#edf3f6;margin-top:9px;padding:10px 12px;font-size:10px}.override-note strong{color:var(--navy);margin-bottom:4px;display:block}.policy-check{align-items:center;gap:8px;margin-top:15px!important;display:flex!important}.policy-check input{width:auto!important;height:auto!important;margin:0!important}.status.pending_approval,.status.sign_off_pending{color:#b56a10;background:#fff2df}.status.approved,.status.joining{color:#3070a0;background:#e8f1fa}.status.completed{color:#267f62;background:#e6f4ef}.status.cancelled{color:#b5424a;background:#f9e9ea}@media (max-width:1100px){.assignment-metrics{grid-template-columns:1fr 1fr}.assignment-filters{flex-wrap:wrap}.assignment-filters .search-field{flex-basis:100%;max-width:none}}@media (max-width:650px){.assignment-metrics{grid-template-columns:1fr}.assignment-filters{flex-direction:column}.assignment-filters>select{width:100%}.review-route{grid-template-columns:1fr}.review-route>i{justify-self:center;transform:rotate(90deg)}.workflow-actions>*{width:100%}}
.planning-metrics{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;display:grid}.planning-metrics>div{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:17px;display:flex}.planning-metrics>div>span{width:41px;height:41px;color:var(--blue);background:#e5f3f7;border-radius:9px;place-items:center;display:grid}.planning-metrics p{color:var(--muted);flex-direction:column;margin:0;font-size:10px;display:flex}.planning-metrics strong{color:var(--navy);margin-top:3px;font-size:20px}.planning-metrics small{margin-top:2px;font-size:8px}.planning-command{color:#fff;background:linear-gradient(120deg,#173b54,#146d8e);border-radius:10px;align-items:flex-end;gap:15px;padding:16px 18px;display:flex}.planning-command label{letter-spacing:1px;text-transform:uppercase;flex-direction:column;font-size:8px;display:flex}.planning-command select{color:#31495d;background:#fff;border:1px solid #ffffff42;border-radius:7px;width:310px;height:39px;margin-top:6px;padding:0 11px}.planning-command>span{color:#c1dce7;align-items:center;gap:7px;padding-bottom:11px;font-size:10px;display:flex}.planning-command>span svg{width:15px}.planning-command>a{align-items:center;gap:5px;margin-left:auto;padding-bottom:10px;font-size:10px;font-weight:700;display:flex}.planning-command>a svg{width:14px}.planning-tabs{border-bottom:1px solid var(--line);margin:18px 0;display:flex}.planning-tabs button{color:#738592;background:0 0;border:0;border-bottom:2px solid #0000;padding:12px 16px;font-size:10px}.planning-tabs button.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:800}.planning-panel{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.planning-panel-head,.planning-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.planning-panel-head h2,.planning-title h2{color:var(--navy);margin:4px 0 0;font-size:17px}.planning-panel-head label{color:var(--muted);text-transform:uppercase;font-size:9px}.planning-panel-head input{border:1px solid var(--line);border-radius:6px;height:35px;margin-left:8px;padding:0 8px}.planning-title>strong{color:#64798a;background:#eef3f5;border-radius:20px;padding:6px 9px;font-size:10px}.matrix-totals{border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;background:#f8fafb;gap:25px;padding:12px 19px;font-size:9px;display:flex}.matrix-totals strong{color:var(--navy);margin-left:5px;font-size:13px}.matrix-missing{color:#b33e47;background:#fbeaec;border-radius:50%;place-items:center;min-width:25px;height:25px;font-weight:800;display:inline-grid}.matrix-status{letter-spacing:.4px;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.matrix-status.critical{color:#b23e47;background:#fbeaec}.matrix-status.short{color:#aa6510;background:#fff1dc}.matrix-status.manned{color:#267f62;background:#e6f4ef}.matrix-status.overmanned{color:#3070a0;background:#e8f1fa}.planning-card-list{padding:0 18px}.planning-card-list>article{border-bottom:1px solid #edf1f4;grid-template-columns:45px 1fr 140px 150px auto;align-items:center;gap:13px;padding:13px 0;display:grid}.crew-initial{width:39px;height:39px;color:var(--blue);background:#dfeff5;border-radius:50%;place-items:center;font-weight:800;display:grid}.planning-card-list h3,.movement-list h3,.calendar-events h3{color:var(--navy);margin:0;font-size:11px}.planning-card-list p,.movement-list p,.calendar-events p{color:var(--muted);margin:3px 0 0;font-size:9px}.planning-card-list article>div{flex-direction:column;display:flex}.planning-card-list article>div>small{color:var(--muted);font-size:8px}.planning-card-list article>div>strong{color:#425a6d;margin-top:4px;font-size:10px}.vacancy-grid{grid-template-columns:repeat(3,1fr);gap:13px;padding:17px;display:grid}.vacancy-grid>article{border:1px solid var(--line);border-radius:9px;padding:15px}.vacancy-grid h3{color:var(--navy);margin:11px 0 6px}.vacancy-grid p{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.vacancy-grid p svg{width:14px}.vacancy-grid article>div{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:12px 0;display:grid}.vacancy-grid article>div>span{color:var(--muted);flex-direction:column;padding:10px 2px;font-size:8px;display:flex}.vacancy-grid article>div strong{color:var(--navy);margin-top:3px;font-size:14px}.vacancy-grid a{color:var(--blue);justify-content:space-between;align-items:center;font-size:10px;font-weight:700;display:flex}.vacancy-grid a svg{width:14px}.movement-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.movement-list{padding:8px 17px}.movement-list article{border-bottom:1px solid #edf1f4;gap:11px;padding:11px 0;display:flex}.movement-list article>span{border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.movement-list article>span.join{color:#27789d;background:#e7f3fa}.movement-list article>span.signoff{color:#a96a19;background:#fff0de}.movement-list svg{width:17px}.movement-list small{color:#7f8f9c;font-size:8px}.rotation-list{padding:17px}.rotation-list>article{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr 45px 1.2fr;align-items:center;margin-bottom:10px;padding:14px;display:grid}.rotation-list>article>svg{color:#77a2b4;justify-self:center;width:19px}.rotation-off,.rotation-candidates{flex-direction:column;display:flex}.rotation-off small,.rotation-candidates>small{letter-spacing:.8px;color:var(--muted);font-size:8px}.rotation-off strong{color:var(--navy);margin:5px 0;font-size:12px}.rotation-off span,.rotation-candidates a span,.no-candidate{color:#758794;font-size:9px}.rotation-candidates a{color:var(--blue);border-bottom:1px solid #edf1f4;justify-content:space-between;padding:7px 0;font-size:10px;display:flex}.calendar-events{padding:10px 18px}.calendar-events>article{border-bottom:1px solid #edf1f4;grid-template-columns:52px 70px 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.calendar-events time{background:#edf4f7;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.calendar-events time strong{color:var(--navy);font-size:16px}.calendar-events time span{text-transform:uppercase;color:var(--muted);font-size:8px}.calendar-events article>span.joining{color:#27789d;background:#e7f3fa}.calendar-events article>span.sign_off{color:#a96a19;background:#fff0de}.calendar-events article>span:nth-child(2){text-align:center;border-radius:20px;padding:5px 7px;font-size:8px;font-weight:800}.planning-empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:45px}.planning-empty>span{color:var(--blue)}.planning-empty svg{width:35px}.planning-empty h3{color:var(--navy);margin:9px 0 4px}.planning-empty p{margin:0;font-size:10px}.requirement-modal{width:min(720px,100%)}.requirement-editor{border:1px solid var(--line);border-radius:8px;max-height:450px;overflow:auto}.requirement-head,.requirement-editor>div{grid-template-columns:1fr 100px 100px;align-items:center;gap:10px;padding:8px 12px;display:grid}.requirement-head{text-transform:uppercase;color:var(--muted);font-size:8px;position:sticky;top:0;background:#f2f6f8!important}.requirement-editor>div+div{border-top:1px solid #edf1f4}.requirement-editor p{flex-direction:column;margin:0;display:flex}.requirement-editor p strong{color:var(--navy);font-size:10px}.requirement-editor p small{color:var(--muted);margin-top:2px;font-size:8px}.requirement-editor input{height:33px!important;margin:0!important}.page-error{margin-bottom:14px}@media (max-width:1100px){.planning-metrics,.vacancy-grid{grid-template-columns:1fr 1fr}}@media (max-width:780px){.planning-command{flex-direction:column;align-items:stretch}.planning-command select{width:100%}.planning-command>a{margin:0;padding:0}.planning-command>span{padding:0}.planning-tabs{overflow:auto}.movement-columns{grid-template-columns:1fr}.planning-card-list>article{grid-template-columns:45px 1fr auto}.planning-card-list article>div:nth-of-type(n+2){display:none}.rotation-list>article{grid-template-columns:1fr}.rotation-list>article>svg{margin:10px;transform:rotate(90deg)}.vacancy-grid{grid-template-columns:1fr}}@media (max-width:560px){.planning-metrics{grid-template-columns:1fr}.matrix-totals{grid-template-columns:1fr 1fr;display:grid}.calendar-events>article{grid-template-columns:48px 1fr}.calendar-events article>span:nth-child(2),.calendar-events article>.status{display:none}.requirement-head,.requirement-editor>div{grid-template-columns:1fr 70px 70px}}.vessel-crew-preview{grid-template-columns:1fr 330px;gap:16px;display:grid}.crew-preview-head,.crew-preview-totals{border:1px solid var(--line);background:#fff;border-radius:10px;grid-column:1;padding:20px}.crew-preview-head{justify-content:space-between;align-items:center;display:flex}.crew-preview-head h2{color:var(--navy);margin:5px 0}.crew-preview-head p{color:var(--muted);margin:0;font-size:10px}.crew-preview-head .primary{display:inline-flex}.crew-preview-totals{grid-template-columns:repeat(4,1fr);display:grid}.crew-preview-totals>div{border-right:1px solid var(--line);flex-direction:column;padding:5px 14px;display:flex}.crew-preview-totals>div:last-child{border:0}.crew-preview-totals span{text-transform:uppercase;color:var(--muted);font-size:8px}.crew-preview-totals strong{color:var(--navy);margin-top:6px;font-size:24px}.crew-preview-rows{border:1px solid var(--line);background:#fff;border-radius:10px;grid-area:1/2/3;padding:12px 16px}.crew-preview-rows>div{border-bottom:1px solid #edf1f4;align-items:center;gap:9px;padding:11px 0;display:flex}.crew-preview-rows>div>svg{color:#bf7721;width:17px}.crew-preview-rows p{flex-direction:column;flex:1;margin:0;display:flex}.crew-preview-rows strong{color:var(--navy);font-size:10px}.crew-preview-rows small{color:var(--muted);margin-top:3px;font-size:8px}@media (max-width:900px){.vessel-crew-preview{grid-template-columns:1fr}.crew-preview-head,.crew-preview-totals,.crew-preview-rows{grid-area:auto/1}}@media (max-width:560px){.crew-preview-head{flex-direction:column;align-items:flex-start;gap:12px}.crew-preview-totals{grid-template-columns:1fr 1fr}.crew-preview-totals>div{border:0;border-bottom:1px solid var(--line)}}