.crew-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.crew-kpis article{display:grid;background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.crew-kpis small{font:700 8px Roboto Mono;color:var(--muted)}.crew-kpis b{font-size:27px;margin:4px 0}.crew-kpis span{font-size:9px;color:var(--muted)}.crew-kpis .safety-kpi{background:var(--ink);color:#fff;border-color:var(--ink)}.crew-kpis .safety-kpi b{color:var(--aqua)}.crew-tabs{display:flex;gap:4px;background:#e5edef;padding:5px;border-radius:8px;width:max-content;margin-bottom:18px}.crew-tabs button{border:0;background:transparent;color:#657983;padding:10px 16px;border-radius:6px}.crew-tabs button.active{background:#fff;color:var(--ink);font-weight:800;box-shadow:0 3px 10px rgba(0,0,0,.08)}.crew-panel{display:none}.crew-panel.active{display:block}.crew-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px}.crew-card .panel-head p{font-size:9px;color:var(--muted);margin:3px 0}.crew-card select{border:1px solid var(--line);border-radius:5px;padding:8px;background:#fff}.roster-layout,.certificate-layout,.rest-layout,.safety-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:17px}.crew-list article{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.crew-list article>b{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e7f0f2;color:var(--ink);font:700 9px Roboto Mono}.crew-list article div{display:grid}.crew-list strong{font-size:10px}.crew-list small{font-size:8px;color:var(--muted)}.crew-list article>span{font:700 7px Roboto Mono;color:var(--muted)}.crew-list em{font:700 7px Roboto Mono;font-style:normal;padding:5px;border-radius:4px}.ready-status{background:#e1f5f1;color:#08786d}.warning-status{background:#fff1d6;color:#956700}.leave-status{background:#e5f1fa;color:#256c9e}.crew-profile,.renew-cert,.drill-action{border:1px solid var(--line);background:#fff;border-radius:5px;padding:7px 9px;font-size:8px}.manning-card>small,.expiry-card .panel-head span,.watch-card>small,.emergency-card>small{font:700 8px Roboto Mono;color:var(--sea)}.manning-score{display:flex;align-items:end;margin-top:14px}.manning-score b{font-size:48px;line-height:1}.manning-score span{font-size:9px;color:var(--muted)}.manning-card h2{font-size:17px;color:#08786d}.manning-card ul,.emergency-card ul{list-style:none;padding:0;margin:18px 0}.manning-card li,.emergency-card li{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;font-size:9px}.certificate-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.certificate-row{display:grid;grid-template-columns:1.3fr repeat(5,.65fr);gap:10px;align-items:center;padding:13px;border-top:1px solid var(--line);font-size:9px}.certificate-head{border:0;font:700 7px Roboto Mono;color:var(--muted)}.certificate-row>span{display:grid;font-weight:800}.certificate-row>span small{font-size:7px;color:var(--muted);font-weight:500}.certificate-row b{font-size:8px}.certificate-row em{font-style:normal;font-weight:800;color:#08786d}.certificate-row.attention{background:#fffaf0}.certificate-row .expires{color:#b36d00}.expiry-card>article{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:13px 0}.expiry-card time{width:38px;height:38px;display:grid;place-items:center;background:#fff1d6;border-radius:6px}.expiry-card time b{font-size:14px;margin-top:5px}.expiry-card time{font-size:6px;color:#956700}.expiry-card article div{display:grid}.expiry-card strong{font-size:9px}.expiry-card article small{font-size:7px;color:var(--muted)}.rest-pass{font:700 7px Roboto Mono;color:#08786d;background:#e1f5f1;padding:6px;border-radius:4px}.rest-grid article{display:grid;grid-template-columns:1fr 1.2fr .5fr auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:14px 0}.rest-grid article>div{display:grid}.rest-grid b{font-size:10px}.rest-grid small{font-size:7px;color:var(--muted)}.rest-grid article>span{height:7px;background:#e5edef;border-radius:5px;overflow:hidden}.rest-grid article>span i{display:block;height:100%;background:var(--aqua)}.rest-grid strong{font-size:8px}.rest-grid em{font:700 7px Roboto Mono;font-style:normal;color:#08786d}.rest-rule{display:flex;gap:12px;align-items:center;background:#edf4f5;border-radius:7px;padding:12px;margin-top:8px}.rest-rule b{font-size:9px}.rest-rule span{font-size:8px;color:var(--muted)}.watch-card h2{font-size:17px}.watch-card>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);padding:11px 0}.watch-card time{font:700 8px Roboto Mono}.watch-card div span{display:grid;font-size:9px;font-weight:800}.watch-card div small{font-size:7px;color:var(--muted)}.watch-card div>b{font-size:7px;color:var(--muted)}.watch-card div.current{background:#effaf7;margin:0 -10px;padding:11px 10px}.watch-card div.current>b{color:#08786d}.drill-list article{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:15px 0}.drill-icon{width:40px;height:40px;background:var(--navy);color:var(--aqua);border-radius:7px;display:grid;place-items:center;font:700 8px Roboto Mono}.drill-list article>div:nth-child(2){display:grid}.drill-list small{font:700 7px Roboto Mono;color:var(--sea)}.drill-list h3{font-size:10px;margin:3px 0}.drill-list p{font-size:8px;color:var(--muted);margin:0}.drill-score{font:700 7px Roboto Mono;background:#e5f1fa;color:#256c9e;padding:5px;border-radius:4px}.drill-score.pass{background:#e1f5f1;color:#08786d}.emergency-grade{width:88px;height:88px;border:8px solid #cdf2ea;border-radius:50%;display:grid;place-items:center;margin:17px auto;font-size:38px;font-weight:800;color:#08786d}.emergency-card li b{color:#08786d}.emergency-card li em{font-style:normal;color:#956700}
@media(max-width:1050px){.roster-layout,.certificate-layout,.rest-layout,.safety-layout{grid-template-columns:1fr}.crew-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.crew-tabs{width:100%;overflow:auto}.crew-list article{grid-template-columns:auto 1fr auto}.crew-list article>span{display:none}.crew-profile{grid-column:2/4}.certificate-row{grid-template-columns:1.4fr .7fr .7fr}.certificate-head span:nth-child(4),.certificate-head span:nth-child(5),.certificate-head span:nth-child(6),.certificate-row>:nth-child(4),.certificate-row>:nth-child(5),.certificate-row>:nth-child(6){display:none}.rest-grid article{grid-template-columns:1fr auto}.rest-grid article>span{grid-column:1/3}.rest-rule{align-items:flex-start;flex-direction:column}.drill-list article{grid-template-columns:auto 1fr auto}.drill-list .drill-action{grid-column:2/4}}