:root{--bg:#031417;--bg2:#051d21;--panel:#061b20;--panel2:#071f25;--line:#123d45;--line2:#195565;--text:#d4e8eb;--muted:#74a2aa;--cyan:#28d9de;--teal:#20b7ad;--amber:#efb843;--red:#ff3d70;--blue:#1ca9c7;--shadow:0 0 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 58% 0,#07303a 0,#03171b 28%,#021114 70%);color:var(--text);font-family:"IBM Plex Mono","Cascadia Mono","SFMono-Regular",Consolas,monospace;font-size:13px;letter-spacing:.025em}body{overflow-x:hidden}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(1,15,18,.94);box-shadow:0 3px 25px rgba(0,0,0,.45);position:relative;z-index:5}.brand-block{display:flex;align-items:center;gap:16px;min-width:350px}.mark{width:31px;height:42px;display:flex;flex-direction:column;justify-content:space-around}.mark span{height:2px;background:var(--cyan);box-shadow:0 0 8px rgba(40,217,222,.5);transform-origin:left}.mark span:nth-child(1){transform:rotate(-5deg)}.mark span:nth-child(2){width:22px}.mark span:nth-child(3){transform:rotate(7deg)}.brand{font:700 20px/1.1 system-ui,sans-serif;letter-spacing:.18em;color:#fff}.brand strong{font-weight:400;color:#b6c8de}.subtitle{color:#5d99a3;font-size:9px;letter-spacing:.18em;margin-top:8px}.status-rack{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.chip,button{border:1px solid var(--line2);background:#071a20;color:#a8c8ce;border-radius:3px;font:inherit;font-size:9px;letter-spacing:.1em;padding:9px 10px;white-space:nowrap}.chip i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;box-shadow:0 0 8px currentColor}.chip.ok i{background:var(--teal);color:var(--teal)}.chip.warn i{background:var(--amber);color:var(--amber)}.chip.amber{border-color:#6d5822;color:var(--amber)}button{cursor:pointer;transition:.15s}button:hover{background:#0b3037;color:#fff;border-color:var(--cyan)}button.primary{background:#05343b;border-color:#0da0a8;color:#9ef3f2}button.ghost{background:#071925;color:#a8bfdc}.clock{min-width:82px;text-align:right}.clock small{display:block;color:#668f98;font-size:8px}.clock strong{font-size:15px;color:#d8eff1}.tabs{height:42px;border-bottom:1px solid var(--line);display:flex;align-items:stretch;background:#031318;padding-left:18px}.tabs button{border:0;border-radius:0;border-bottom:2px solid transparent;background:transparent;color:#6f9fa6;padding:0 18px}.tabs button.active{color:#d9f8f8;border-bottom-color:var(--cyan);background:#071d22}main{padding:14px 18px 18px}.metric-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:10px}.metric-card{min-height:73px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(7,31,38,.96),rgba(5,22,29,.96));padding:12px 13px 9px;border-left:3px solid var(--cyan);border-radius:5px;box-shadow:var(--shadow)}.metric-card.warn{border-left-color:var(--amber)}.metric-card.hot{border-left-color:var(--red)}.metric-card small{color:#6e9da5;font-size:8px;letter-spacing:.12em}.metric-card .value{font-size:22px;color:#edfafa;margin-top:8px}.metric-card .value em{font-style:normal;font-size:8px;color:#557e85}.metric-card .foot{text-align:right;color:#527c84;font-size:7px;margin-top:-7px}.main-grid{display:grid;grid-template-columns:260px minmax(600px,1fr) 340px;gap:10px;min-height:650px}.panel{border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,rgba(5,27,32,.96),rgba(3,20,24,.96));box-shadow:var(--shadow);overflow:hidden}.panel-head{height:55px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:rgba(4,31,36,.65)}.panel-head small{display:block;color:var(--cyan);font-size:8px;letter-spacing:.13em}.panel-head h2{font:600 14px/1.2 system-ui,sans-serif;margin:3px 0 0;color:#e7f8fa}.count{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:1px solid #944059;background:#311421;color:#ffb1c2;font-size:10px}.count.hot{border-color:#b33a5e;color:#ff799a}.traffic-list{padding:8px;display:flex;flex-direction:column;gap:6px;max-height:590px;overflow:auto}.traffic-item{border:1px solid #13434b;border-radius:5px;padding:9px;background:#062329;cursor:pointer;transition:.15s}.traffic-item:hover,.traffic-item.selected{border-color:#20b9c1;background:#083038;box-shadow:inset 3px 0 0 var(--cyan)}.traffic-item .row{display:flex;justify-content:space-between;gap:7px}.traffic-item strong{font-size:10px;color:#d8eff1}.traffic-item .motion{font-size:8px;color:#bbd3d7}.traffic-item .sub{font-size:7px;color:#6b999f;margin-top:5px;display:flex;justify-content:space-between}.traffic-item .state{color:#24d5b4}.traffic-item.lost .state{color:var(--red)}.map-title{height:67px}.map-controls{display:flex;gap:4px}.map-controls button{font-size:7px;padding:8px}.map-controls button.active{border-color:#218a99;color:#a9edef;background:#073039}.map-controls .amber{color:var(--amber);border-color:#785f22}.map-shell{position:relative;height:581px;overflow:hidden;background:linear-gradient(rgba(3,29,33,.65),rgba(1,18,22,.85))}.map-badges{position:absolute;top:10px;left:12px;z-index:2;display:flex;gap:5px}.map-badges span{font-size:7px;color:#638f98;border:1px solid #153b45;background:#03161a;padding:3px 6px}#waterMap{width:100%;height:100%}.zone{fill:rgba(255,61,112,.08);stroke:rgba(255,61,112,.65);stroke-width:1.5;stroke-dasharray:6 5}.zone.controlled{fill:rgba(239,184,67,.05);stroke:rgba(239,184,67,.5)}.zone.shallow{fill:rgba(239,184,67,.08);stroke:rgba(239,184,67,.45);stroke-dasharray:4 5}.waterway{fill:none;stroke:rgba(72,173,173,.52);stroke-width:8;stroke-linecap:round}.waterway-center{fill:none;stroke:rgba(87,219,215,.48);stroke-width:1.5;stroke-dasharray:9 7}.route{fill:none;stroke:var(--cyan);stroke-width:2.4;filter:url(#glow)}.prediction{fill:none;stroke:rgba(40,217,222,.6);stroke-width:1.2;stroke-dasharray:8 6}.facility{fill:#071c22;stroke:#efb843;stroke-width:2}.vessel-symbol{stroke:#06171a;stroke-width:2;filter:url(#glow);cursor:pointer}.vessel-symbol.managed{fill:var(--cyan)}.vessel-symbol.unknown{fill:var(--amber)}.vessel-symbol.lost{stroke:var(--red)}.vessel-label{font-size:8px;fill:#9fd1d5;text-shadow:0 1px #000;pointer-events:none}.track-detail{position:absolute;left:14px;top:36px;width:235px;padding:12px;border:1px solid #1f6680;border-radius:6px;background:#061722;box-shadow:0 10px 30px rgba(0,0,0,.55);z-index:3}.track-detail header{display:flex;justify-content:space-between;border-bottom:1px solid #193943;padding-bottom:8px;margin-bottom:8px}.track-detail h3{margin:2px 0;font-size:14px;color:#e6f7f8}.track-detail .badge{font-size:7px;color:#6ef0cf;border:1px solid #1c685b;padding:4px;height:max-content}.track-detail dl{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:8px}.track-detail dt{font-size:7px;color:#5f8e96}.track-detail dd{margin:2px 0;font-size:11px;color:#dcebed}.map-footer{position:absolute;left:0;right:0;bottom:0;height:28px;background:rgba(2,16,20,.9);border-top:1px solid #11323a;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#527e87;font-size:7px}.legend{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%;margin-left:8px}.legend .managed{background:var(--cyan)}.legend .unknown{background:var(--amber)}.legend .predicted{border:1px dashed var(--cyan)}.legend .controlled{border:1px solid var(--amber);border-radius:0}.legend .hazard{border:1px solid var(--red);border-radius:0}.priority-list{padding:8px;display:flex;flex-direction:column;gap:7px;max-height:405px;overflow:auto}.priority-card{border:1px solid #183f49;border-left:3px solid var(--amber);background:#071c28;border-radius:4px;padding:10px}.priority-card.critical{border-left-color:var(--red)}.priority-card.warning{border-left-color:var(--amber)}.priority-card.advisory{border-left-color:var(--cyan)}.priority-card .type{display:flex;justify-content:space-between;font-size:7px;color:#75abb2}.priority-card .type b{color:var(--red)}.priority-card h3{font:700 11px/1.25 system-ui,sans-serif;margin:6px 0;color:#f0fafb}.priority-card p{font:9px/1.35 system-ui,sans-serif;color:#91adb2;margin:0}.priority-card footer{font-size:7px;color:#6f9ca3;margin-top:8px}.watch-stack{border-top:1px solid var(--line);padding:10px}.watch-row{margin-bottom:14px}.watch-row label{display:flex;justify-content:space-between;font-size:8px;color:#7ca5ab}.watch-row .bar{height:4px;background:#0d3138;margin-top:6px}.watch-row .bar span{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--amber),var(--red))}.bottom-grid{display:grid;grid-template-columns:minmax(700px,1fr) 340px;gap:10px;margin-top:10px}.voyage-panel{min-height:285px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:8px}th{text-align:left;color:#5d8791;background:#071827;padding:10px;border-bottom:1px solid #143b47;font-weight:400}td{padding:12px 10px;border-bottom:1px solid #0e3037;color:#91adb3}td strong{color:#e1eff1}.status-pill{border:1px solid #245165;border-radius:12px;padding:4px 7px;color:#8fc4ce;font-size:7px}.status-pill.acknowledged,.status-pill.authorized,.status-pill.active{border-color:#17685b;color:#5de0bd}.status-pill.held{border-color:#1d5d85;color:#80bce4}.posture-panel .gauge{padding:14px 14px 4px}.gauge label{display:flex;justify-content:space-between;align-items:end;font-size:8px;color:#668f97}.gauge label b{font-size:20px;color:#e5f4f5}.gauge>div{height:5px;background:#10343b;margin-top:10px}.gauge span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--amber),var(--red));transition:.3s}.posture-panel dl{margin:12px 14px;border-top:1px solid var(--line)}.posture-panel dl div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #0d2d34}.posture-panel dt,.posture-panel dd{font-size:8px;margin:0;color:#6d969e}.posture-panel dd{color:#c0d5d8}dialog{border:1px solid #1e6571;background:#061b21;color:var(--text);border-radius:8px;padding:0;width:min(500px,90vw);box-shadow:0 20px 80px #000}dialog::backdrop{background:rgba(0,0,0,.72)}dialog form{padding:18px}dialog header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}dialog h2{margin:4px 0}dialog small{color:var(--cyan)}dialog .close{border:0;font-size:20px}dialog p{color:#83a5aa;line-height:1.5}dialog label{display:block;color:#80a6ac;font-size:9px}dialog input{display:block;width:100%;margin-top:8px;background:#031216;border:1px solid #23505b;color:#dff;padding:12px;font:inherit}dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.toast{position:fixed;right:20px;bottom:20px;padding:12px 15px;background:#08313a;border:1px solid var(--cyan);color:#cfffff;z-index:20;box-shadow:var(--shadow)}@media(max-width:1200px){.status-rack .chip:nth-child(2),.status-rack .chip:nth-child(3){display:none}.main-grid{grid-template-columns:230px 1fr}.priority-panel{grid-column:1/-1;min-height:300px}.priority-list{display:grid;grid-template-columns:repeat(3,1fr);max-height:none}.bottom-grid{grid-template-columns:1fr}.posture-panel{min-height:250px}}@media(max-width:760px){.topbar{height:auto;min-height:80px;align-items:flex-start;padding:14px;gap:8px}.brand-block{min-width:0}.status-rack{justify-content:flex-end;flex-wrap:wrap}.status-rack .chip,.status-rack button{display:none}.status-rack .clock{display:block}.tabs{overflow-x:auto}.tabs button{padding:0 12px}.metric-strip{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.traffic-panel{max-height:330px}.map-panel{min-height:560px}.priority-list{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.voyage-panel{overflow:hidden}.map-controls button{display:none}.map-controls #recomputeButton{display:block}.brand{font-size:15px}.subtitle{font-size:7px}}