:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#172033;background:#edf2f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select{font:inherit}.page-shell{min-height:100vh}.hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:36px max(24px,calc((100vw - 1320px)/2));color:#fff;background:linear-gradient(125deg,#172b4d,#214f85 58%,#167d77)}.eyebrow{font-size:12px;letter-spacing:.2em;opacity:.75;font-weight:800}.hero h1{margin:8px 0 6px;font-size:clamp(28px,4vw,46px);letter-spacing:-.035em}.hero p{margin:0;color:#d7e4f3}.hero-actions{display:flex;gap:12px;align-items:flex-end}.hero-actions label{display:grid;gap:5px;font-size:12px;color:#d7e4f3}.hero-actions select,.hero-actions button{border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:10px 14px}.hero-actions select{color:#fff;background:#0a1e3c59}.hero-actions select option{color:#172033}.hero-actions button{background:#fff;color:#174f76;font-weight:800;cursor:pointer}.hero-actions button:disabled{opacity:.6;cursor:wait}main{max-width:1368px;margin:0 auto;padding:20px 24px 48px;display:grid;gap:16px}.error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c;padding:12px 16px;border-radius:10px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px}.metric{background:#fff;border:1px solid #dce4ee;border-radius:12px;padding:16px;box-shadow:0 4px 18px #1b33530d}.metric span{color:#66758a;font-size:12px;display:block}.metric strong{font-size:23px;display:block;margin-top:6px}.metric-warn strong{color:#c66b00}.two-column{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.panel{background:#fff;border:1px solid #dce4ee;border-radius:12px;padding:18px;box-shadow:0 4px 18px #1b33530d;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;margin-bottom:14px}.panel h2{margin:0;font-size:18px}.panel-heading p{margin:4px 0 0;color:#718096;font-size:12px}.river-map{width:100%;min-height:280px;background:linear-gradient(180deg,#f7fbff,#edf7f5);border-radius:10px}.river{fill:none;stroke:#75b9de;stroke-width:24;stroke-linecap:round;opacity:.65}.hub-node{fill:#173b65}.hub-node+text,.hub-node~text{fill:#fff;font-size:13px;font-weight:800}.map-node{fill:#fff;stroke:#13847c;stroke-width:5}.map-node+text{fill:#17324d;font-weight:800;font-size:13px}.map-sub{font-size:10px!important;font-weight:500!important;fill:#708196!important}.hub-node~.map-sub{fill:#cbdced!important}.ship-dot{fill:#f59e0b;stroke:#fff;stroke-width:2}.notes{margin:0;padding-left:21px;color:#42526a;line-height:1.65;font-size:13px}.notes li+li{margin-top:8px}.vessel-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.vessel-list div{background:#f5f8fb;padding:10px;border-radius:8px}.vessel-list b,.vessel-list span{display:block}.vessel-list span{color:#748399;font-size:10px;margin-top:3px}.gantt-wrap,.table-wrap{overflow-x:auto}.gantt{display:grid;min-width:880px;border:1px solid #dce4ee}.gantt-label,.gantt-tick{background:#f3f6fa;padding:8px;font-size:10px;color:#66758a;text-align:center;border-bottom:1px solid #dce4ee}.gantt-label{text-align:left;font-weight:800}.gantt-row{display:grid;grid-template-columns:130px 1fr;min-height:42px;border-bottom:1px solid #e5ebf2}.gantt-name{padding:12px;font-size:12px;font-weight:700;border-right:1px solid #e5ebf2}.gantt-track{position:relative;margin:6px 8px;background:repeating-linear-gradient(90deg,#f4f7fa 0,#f4f7fa 1px,transparent 1px,transparent calc(100% / 18))}.gantt-bar{position:absolute;top:5px;height:20px;border-radius:4px;min-width:3px;box-shadow:inset 0 0 0 1px #00000014}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;color:#66758a;font-size:11px}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:11px;height:11px;border-radius:3px}table{border-collapse:collapse;width:100%;min-width:1060px;font-size:12px}th{background:#f3f6fa;color:#526176;text-align:left;padding:10px;white-space:nowrap}td{padding:10px;border-bottom:1px solid #e5ebf2;vertical-align:top;white-space:nowrap}td small{display:block;color:#8996a8;margin-top:2px}td.explain{white-space:normal;min-width:280px;color:#526176}code{background:#edf5ff;color:#225ea8;border-radius:4px;padding:2px 5px}.chart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.inventory-card{border:1px solid #dce4ee;border-radius:10px;padding:12px}.inventory-card>div{display:flex;justify-content:space-between;font-size:12px}.inventory-card>div span{color:#78879a;font-size:10px}.inventory-card svg{width:100%;margin-top:6px}.inventory-card text{font-size:9px;fill:#8190a3}.inventory-card circle{fill:#2878ff}.capacity-line{stroke:#f59e0b;stroke-dasharray:4 4}.hub-line{fill:none;stroke:#94a3b8;stroke-width:1.5;stroke-dasharray:5 4}.inventory-line{fill:none;stroke:#2878ff;stroke-width:2.5}footer{text-align:center;color:#78879a;font-size:11px;padding:12px}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(3,1fr)}.two-column,.chart-grid{grid-template-columns:1fr}}@media(max-width:650px){.hero{align-items:stretch;flex-direction:column;padding:28px 20px}.hero-actions{align-items:stretch}.hero-actions label,.hero-actions button{flex:1}main{padding:14px}.metric-grid{grid-template-columns:repeat(2,1fr)}.vessel-list{grid-template-columns:1fr}}