[hidden]{display:none!important}.dashboard-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#071612;border:1px solid var(--line);border-radius:9px;padding:4px;margin:0 0 28px}.mode-button{border:0;background:transparent;color:#718b82;border-radius:6px;padding:8px 5px;font:700 9px Manrope;cursor:pointer}.mode-button span{margin-right:4px}.mode-button.active{background:#163328;color:var(--green);box-shadow:0 2px 8px #0006}.shore-view{display:block}.shore-view[hidden]{display:none}.shore-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.shore-header h1{font-size:24px;letter-spacing:-.04em;margin:0}.shore-header>div>p:last-child{color:#789188;font-size:10px;margin:5px 0 0}.shore-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;background:rgba(9,27,22,.72);margin-bottom:18px}.shore-metrics article{padding:17px 20px;border-right:1px solid var(--line)}.shore-metrics article:last-child{border:0}.shore-metrics span{display:block;color:#789188;font:500 8px DM Mono;letter-spacing:.09em}.shore-metrics strong{display:block;font:600 22px DM Mono}.shore-metrics strong small{font-size:11px;color:#638078}.shore-metrics em{display:block;color:#7e948d;font-style:normal;font-size:9px}.shore-metrics .attention strong{color:var(--orange)}.shore-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,.65fr);gap:18px}.fleet-map-card,.fleet-alerts,.vessel-table-card{border:1px solid var(--line);border-radius:12px;background:rgba(8,24,20,.86);overflow:hidden}.fleet-map{height:390px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#10443a,#071b18 68%)}.ocean-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(82,158,138,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(82,158,138,.07) 1px,transparent 1px);background-size:35px 35px}.fleet-map svg{position:absolute;inset:0;width:100%;height:100%}.fleet-map svg path{fill:#17332b;stroke:#38574e;stroke-width:1}.fleet-pin{position:absolute;border:0;background:transparent;color:#c8d9d3;font:700 9px DM Mono;text-align:left;cursor:pointer;z-index:3}.fleet-pin i{display:inline-block;width:10px;height:10px;background:var(--green);border:2px solid #d5ffe4;border-radius:50%;box-shadow:0 0 0 6px #82f5b122,0 0 16px #82f5b177}.fleet-pin span{display:inline-block;margin-left:8px;background:#071713df;border:1px solid #2d5045;border-radius:5px;padding:5px 7px;vertical-align:middle}.fleet-pin small{display:block;color:#789288;font-size:7px;margin-top:2px}.fleet-pin.active i{background:var(--orange);border-color:#ffe1b8;box-shadow:0 0 0 7px #ffb25a22,0 0 18px #ffb25a88}.p1{left:56%;top:48%}.p2{left:67%;top:64%}.p3{left:43%;top:61%}.p4{left:22%;top:38%}.p5{left:73%;top:27%}.shore-hub{position:absolute;left:16%;bottom:18%;z-index:3;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#183d33;border:1px solid var(--green);color:var(--green)}.shore-hub span{position:absolute;white-space:nowrap;left:42px;color:#a9beb6;font:600 8px DM Mono}.data-route{position:absolute;height:1px;background:linear-gradient(90deg,var(--blue),transparent);transform-origin:left center;opacity:.45}.r1{width:420px;left:18%;bottom:22%;transform:rotate(-19deg)}.r2{width:500px;left:18%;bottom:22%;transform:rotate(9deg)}.fleet-alerts{padding-bottom:14px}.orange-tag{color:var(--orange);border-color:#714b2a;background:#302015}.manager-alert{padding:13px 16px;border-top:1px solid var(--line)}.manager-alert.critical{border-left:3px solid var(--orange);background:#251b1299}.manager-alert>div{display:flex;justify-content:space-between;color:#829c93;font:600 8px DM Mono}.manager-alert time{color:#647d74}.manager-alert strong{display:block;font-size:10px;margin-top:7px}.manager-alert p{color:#779087;font-size:8px;margin:3px 0 8px}.manager-alert button{margin-top:4px}.vessel-table-card{margin-top:18px}.vessel-table{padding:0 16px 14px}.table-head,.vessel-row{display:grid;grid-template-columns:1.25fr 1.1fr 1fr 1.25fr 1fr .65fr;gap:12px;align-items:center}.table-head{padding:9px 10px;color:#637e75;font:500 7px DM Mono;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vessel-row{width:100%;border:0;border-bottom:1px solid #173029;background:transparent;color:#a9bbb5;padding:11px 10px;text-align:left;font:500 8px Manrope;cursor:pointer}.vessel-row:hover{background:#0e251f}.vessel-row>span:first-child{display:flex;gap:9px;align-items:center}.vessel-row b{color:var(--green)}.vessel-row strong{color:#e5efeb;font-size:9px}.vessel-row small{display:block;color:#647d74;font:500 7px DM Mono;margin-top:2px}.green-dot,.amber-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:4px}.amber-dot{background:var(--orange)}@media(max-width:1100px){.dashboard-switch{grid-template-columns:1fr}.mode-button{font-size:0}.mode-button span{font-size:13px;margin:0}.shore-layout{grid-template-columns:1fr}.shore-metrics{grid-template-columns:repeat(2,1fr)}.shore-metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.table-head,.vessel-row{grid-template-columns:1.2fr 1fr 1fr 1fr}.table-head span:nth-child(5),.table-head span:nth-child(6),.vessel-row>span:nth-child(5),.vessel-row>span:nth-child(6){display:none}}@media(max-width:720px){.shore-header{align-items:flex-start}.shore-header .top-actions{display:none}.shore-metrics{grid-template-columns:1fr 1fr}.shore-metrics article{padding:12px}.fleet-map{height:330px}.vessel-table-card{overflow-x:auto}.table-head,.vessel-row{min-width:620px}.dashboard-switch{position:fixed;z-index:9;right:14px;bottom:14px;grid-template-columns:1fr 1fr;margin:0;background:#071612ee}.mode-button{font-size:9px}.mode-button span{font-size:11px;margin-right:4px}}