:root{color:#17211f;font-synthesis:none;text-rendering:optimizelegibility;background:#eef4f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#eef4f2;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:12px}.topbar{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border:1px solid #cbd9d5;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex;position:sticky;top:0}.brand,.brand>div:last-child,.section-title,.risk-row,.task-row,.boat-row{align-items:center;display:flex}.brand{gap:9px;min-width:0}.brand-mark{color:#fff;background:#0b6b58;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;display:grid}.brand>div:last-child{flex-direction:column;align-items:flex-start;min-width:0}.brand strong,.brand span{text-overflow:ellipsis;white-space:nowrap;max-width:36vw;overflow:hidden}.brand span,small,.vessel-card p,.activity-list p{color:#64736e}.topbar nav{gap:4px;min-width:0;display:flex;overflow-x:auto}.topbar a{color:#33413d;white-space:nowrap;border-radius:6px;padding:8px 10px;text-decoration:none}.topbar a:hover,.logout{background:#e5eeeb}.hero{grid-template-columns:minmax(0,1fr) 420px;align-items:stretch;gap:12px;padding:18px 0 12px;display:grid}.hero h1{color:#10201c;letter-spacing:0;max-width:760px;margin:0;font-size:clamp(30px,4.5vw,56px);line-height:1}.eyebrow{color:#0b6b58;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.command-panel,.panel,.fleet-list,.vessel-card,.metric-card,.source-strip{background:#fff;border:1px solid #cbd9d5;border-radius:8px;box-shadow:0 10px 32px #0f30260f}.command-panel{align-items:stretch;gap:10px;padding:12px;display:flex}.score-card{color:#fff;background:#0b6b58;border-radius:8px;place-items:center;min-width:104px;padding:10px;display:grid}.score-card span{font-size:34px;font-weight:900}.score-card small{color:#ffffffd1}.next-action{background:#eef4f2;border-radius:8px;flex:1;align-content:center;gap:5px;min-width:0;padding:10px;display:grid}.next-action span{color:#64736e;text-transform:uppercase;font-size:12px;font-weight:800}.next-action strong{overflow-wrap:anywhere}.source-strip{align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;display:flex}.source-strip>span{color:#0b6b58;white-space:nowrap;text-transform:uppercase;font-size:12px;font-weight:900}.source-list{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.source-list a{color:#17211f;background:#fbfdfc;border:1px solid #d8e3df;border-radius:999px;padding:7px 10px;text-decoration:none;display:block}.source-list strong{font-size:13px}.source-list a:hover{background:#eef8f5;border-color:#0b6b58}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.metric-card{grid-template-columns:auto 1fr;gap:3px 8px;padding:10px;display:grid}.metric-card svg{color:#0b6b58}.metric-card span{color:#64736e;font-size:12px}.metric-card strong{grid-row:span 2;font-size:26px}.workspace{grid-template-columns:250px minmax(0,1fr) 280px;align-items:start;gap:12px;display:grid}.fleet-list,.panel,.vessel-card{padding:14px}.section-title{justify-content:space-between;gap:10px;margin-bottom:10px}h2,h3{margin:0}.boat-stack,.deadline-list,.task-list,.risk-list,.activity-list{gap:8px;display:grid}.boat-row,.task-row{color:#17211f;text-align:left;background:#fbfdfc;border:1px solid #d8e3df;border-radius:8px;gap:10px;width:100%;padding:10px}.boat-row.active{background:#eef8f5;border-color:#0b6b58}.boat-row span:last-child,.task-row span{gap:2px;min-width:0;display:grid}.boat-row strong,.task-row strong{overflow-wrap:anywhere}.risk-dot{border-radius:50%;flex:none;width:10px;height:10px}.risk-dot.green{background:#16a34a}.risk-dot.amber{background:#d97706}.risk-dot.red{background:#dc2626}.compact-form,.document-form{gap:8px;margin-top:10px;display:grid}input,select{color:#17211f;background:#fff;border:1px solid #bfd0cb;border-radius:6px;min-width:0;padding:10px 11px}.two-cols,.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}form button{color:#fff;background:#0b6b58;border:0;border-radius:6px;padding:11px 13px;font-weight:800}button:disabled{cursor:wait;opacity:.68}.drawer{margin-top:10px}.drawer summary{color:#0b6b58;background:#fbfdfc;border:1px solid #d8e3df;border-radius:8px;align-items:center;gap:6px;padding:10px;font-weight:800;list-style:none;display:flex}.drawer summary::-webkit-details-marker{display:none}.main-column,.right-rail{gap:12px;display:grid}.vessel-card{justify-content:space-between;gap:12px;display:flex}.vessel-facts{flex-wrap:wrap;place-content:start flex-end;gap:8px;display:flex}.vessel-facts span,.status-pill{color:#33413d;background:#eef4f2;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.deadline-row{border-top:1px solid #edf2f0;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:9px 0;display:grid}.deadline-row:first-child{border-top:0}.deadline-row div{gap:2px;min-width:0;display:grid}.deadline-row small{display:block}.status-pill{text-align:center;align-self:start}.status-pill.green{color:#166534;background:#e8f7ec}.status-pill.amber{color:#9a3412;background:#fff7ed}.status-pill.red{color:#be123c;background:#fff1f2}.task-row svg{color:#a1aaa6;flex:none}.task-row.done{color:#70807b;background:#f5f8f7}.task-row.done svg{color:#16a34a}.document-form{grid-template-columns:1fr 1fr 1fr 150px auto}.risk-row{border-top:1px solid #edf2f0;gap:10px;padding:10px 0}.risk-row:first-child{border-top:0}.risk-row span:last-child{gap:2px;display:grid}.activity-list article{border-top:1px solid #edf2f0;padding:10px 0}.activity-list article:first-child{border-top:0}.activity-list p{margin:5px 0 0;font-size:13px;line-height:1.35}.error-banner{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;margin-bottom:12px;padding:12px 14px}.loading-screen{color:#0b6b58;align-content:center;place-items:center;gap:12px;min-height:100vh;display:grid}@media (width<=1180px){.workspace{grid-template-columns:250px minmax(0,1fr)}.right-rail{grid-column:1/-1;grid-template-columns:1fr 1fr}.document-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{padding:8px}.topbar{align-items:center;gap:8px}.brand span{display:none}.topbar nav{flex-basis:100%;order:3;width:100%;overflow-x:auto}.hero,.workspace,.grid-two,.right-rail{grid-template-columns:1fr}.hero{gap:8px;padding:12px 0 8px}.hero h1{font-size:28px}.command-panel{z-index:4;position:sticky;top:92px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.source-strip{flex-direction:column;align-items:flex-start}.source-list{width:100%}.fleet-list{overflow:hidden}.boat-stack{display:flex;overflow-x:auto}.boat-row{min-width:210px}.vessel-card{flex-direction:column;gap:8px}.vessel-facts{justify-content:flex-start}.document-form,.two-cols{grid-template-columns:1fr}}