:root{--bg-base:#101419;--bg-surface:#171c23;--bg-elevated:#1e242c;--border:rgba(255,255,255,0.07);--border-strong:rgba(255,255,255,0.13);--text-primary:#e7eaee;--text-secondary:#9ba5b2;--text-muted:#7a8694;--accent:#5aa9e6;--accent-bg:rgba(90,169,230,0.12);--danger:#e8756f;--warning:#efab4a;--success:#8fc65c;--sidebar-w:200px}*{box-sizing:border-box}body,html{margin:0;height:100%;background:var(--bg-base);color:var(--text-primary);font-family:Inter,Inter Variable,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;font-weight:400;line-height:1.45;-webkit-font-smoothing:antialiased}body{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:flex;height:100vh;height:100dvh;overflow:hidden}.content{flex:1 1;display:flex;flex-direction:column;min-width:0}.scrollRegion{flex:1 1;overflow-y:auto;padding:16px 20px 24px;position:relative}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 0}.brand{display:flex;align-items:center;gap:8px;padding:0 14px 14px}.brand svg{width:22px;height:22px;flex-shrink:0;border-radius:5px}.wordmark{font-size:13px;font-weight:500;letter-spacing:.01em}.nav ul{list-style:none;margin:0;padding:0}.navItem{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;font-size:13px;color:var(--text-secondary);border-left:2px solid transparent}.navItem:hover{color:var(--text-primary);background:var(--bg-elevated);text-decoration:none}.navItem.active{color:var(--accent);background:var(--accent-bg);border-left-color:var(--accent);border-radius:0}.navItem svg{width:16px;height:16px;flex-shrink:0}.header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.pageTitle{font-size:18px;font-weight:500;margin:0}.subLine{font-size:11px;color:var(--text-muted);margin-top:2px}.headerRight{gap:14px}.headerRight,.liveWrap{display:flex;align-items:center}.liveWrap{gap:5px;font-size:11px;color:var(--text-secondary)}.liveDot{width:6px;height:6px;border-radius:50%;background:var(--success)}.liveDot[data-state=stale]{background:var(--warning)}.liveDot[data-state=error]{background:var(--danger)}.avatarBtn{width:26px;height:26px;min-width:26px;border-radius:50%;background:var(--accent-bg);color:var(--accent);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center;position:relative}.avatarMenu{position:absolute;top:32px;right:0;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:6px;min-width:120px;z-index:40;padding:4px 0}.avatarMenu a,.avatarMenu button{display:block;width:100%;text-align:left;padding:8px 12px;font-size:12px;color:var(--text-secondary)}.avatarMenu a:hover,.avatarMenu button:hover{background:var(--bg-surface);color:var(--text-primary);text-decoration:none}.reconnectBar{display:flex;align-items:center;justify-content:space-between;background:rgba(232,117,111,.1);border:1px solid rgba(232,117,111,.35);color:var(--text-primary);font-size:12px;border-radius:6px;padding:6px 10px;margin-bottom:12px}.reconnectBar button{color:var(--text-muted);min-width:44px;min-height:32px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:16px}.tile{background:var(--bg-surface);border:2px solid transparent;border-radius:8px;padding:12px 14px;text-align:left;min-height:84px;display:block;width:100%}.tile.selectable:hover{background:var(--bg-elevated)}.tile.selected{border-color:var(--accent)}.tile.inert{cursor:default}.tileLabel{font-size:11px;color:var(--text-secondary)}.tileFigure{font-size:25px;font-weight:500;line-height:1.3;margin-top:2px}.tile.inert .tileFigure{color:var(--text-muted);font-weight:400}.tileSecondary{font-size:10px;color:var(--text-muted);margin-top:2px}.panel{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px}.panelHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.panelTitle{font-size:13px;font-weight:500}.viewAll{font-size:12px}.dataTable{width:100%;border-collapse:collapse}.dataTable th{font-size:10px;font-weight:400;color:var(--text-muted);text-align:left;padding:7px 14px;background:var(--bg-surface)}.dataTable td,.dataTable th{border-bottom:1px solid var(--border)}.dataTable td{font-size:12px;color:var(--text-secondary);padding:9px 14px}.dataTable tbody tr:last-child td{border-bottom:none}.dataTable tbody tr:hover td{background:var(--bg-elevated)}.dataTable .vesselName{color:var(--text-primary);font-weight:500}.dataTable td.num,.dataTable th.num{text-align:right}.skeletonRow td{padding:9px 14px}.skeletonBar{height:12px;border-radius:3px;background:var(--bg-elevated);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.emptyState{padding:36px 20px;text-align:center;color:var(--text-muted);font-size:12px}.emptyState .dash{font-size:25px;color:var(--text-muted);display:block;margin-bottom:6px}.emptyTitle{font-size:13px;font-weight:500;color:var(--text-secondary);margin:0 0 4px}.visuallyHidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.adminSplit{display:flex;gap:0;height:100%;min-height:0}.adminPanel{width:320px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;padding:12px;background:var(--bg-surface)}.adminMapWrap{flex:1 1;min-width:0;position:relative}.adminMapWrap .leaflet-container{height:100%;width:100%;background:#0d1116}.groupHead{font-size:11px;color:var(--text-muted);margin:12px 0 4px}.areaRow{display:flex;justify-content:space-between;align-items:center;width:100%;padding:8px;min-height:44px;border-radius:6px;font-size:12px;color:var(--text-secondary);text-align:left}.areaRow:hover{background:var(--bg-elevated);color:var(--text-primary)}.areaRow.selected{background:var(--accent-bg);color:var(--accent)}.field{margin-bottom:10px}.field label{display:block;font-size:11px;color:var(--text-secondary);margin-bottom:3px}.field input,.field select,.field textarea{width:100%;background:var(--bg-base);border:1px solid var(--border-strong);border-radius:6px;color:var(--text-primary);font:inherit;padding:8px 9px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:6px;font-size:12px;border:1px solid var(--border-strong);color:var(--text-primary);background:var(--bg-elevated)}.btn:hover,.btnPrimary{border-color:var(--accent)}.btnPrimary{background:var(--accent-bg);color:var(--accent)}.btnDanger{color:var(--danger);border-color:rgba(232,117,111,.4)}.noticeWarn{color:var(--warning);border:1px solid rgba(239,171,74,.35);background:rgba(239,171,74,.08);border-radius:6px}.noticeErr,.noticeWarn{font-size:11px;padding:8px;margin:8px 0}.noticeErr{color:var(--danger);border:1px solid rgba(232,117,111,.35);background:rgba(232,117,111,.08);border-radius:6px;overflow-wrap:anywhere}.underlayControls{position:absolute;top:10px;right:10px;z-index:900;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;padding:10px;width:210px;font-size:11px}.underlayControls label{display:block;color:var(--text-secondary);margin:6px 0 2px}.underlayControls input[type=range],.underlayControls select{width:100%}.underlayControls select{background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:4px;padding:4px}.importPanel{font-size:12px}.impBulk{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:11px;color:var(--text-secondary)}.impBulk select{background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:4px;padding:4px}.impTableWrap{overflow-x:auto;margin:0 -4px}.impTable td,.impTable th{padding:6px;font-size:11px}.impTable input[type=checkbox]{accent-color:var(--accent)}.impKey,.impTable select{background:var(--bg-base);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:4px;font:inherit;padding:3px 5px;max-width:130px}.impKey[aria-invalid=true]{border-color:var(--danger)}.impHover td{background:var(--bg-elevated)}.impOk{color:var(--success)}.impWarn{color:var(--warning)}.impBad{color:var(--danger)}.impMuted{color:var(--text-muted)}.loginCard{max-width:320px;margin:18vh auto 0;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:22px}.mapCanvas,.mapFull{position:absolute;inset:0}.mapCanvas{background:#0d1116}.darkTiles{filter:invert(1) hue-rotate(180deg) brightness(.92) contrast(.9) saturate(.6)}.mapHealth{position:absolute;top:10px;right:10px;z-index:900;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;padding:10px 12px;font-size:11px;color:var(--text-secondary);min-width:150px}.mapHealthRow{display:flex;align-items:center;gap:6px;color:var(--text-primary);font-size:12px}.mapHealthLine{margin-top:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mapToggle{display:flex;align-items:center;gap:6px;margin-top:7px;min-height:24px;cursor:pointer;color:var(--text-secondary)}.mapToggle input{accent-color:var(--accent)}.vesselPanel{position:absolute;top:10px;left:10px;bottom:10px;z-index:900;width:250px;max-width:calc(100% - 20px);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;padding:12px 14px;overflow-y:auto}.vesselPanelHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.vesselPanelName{font-size:13px;font-weight:500}.vesselPanelClose{color:var(--text-muted);min-width:32px;min-height:32px}.vesselDl{margin:0;font-size:12px}.vesselDl dt{color:var(--text-muted);font-size:11px;margin-top:7px}.vesselDl dd{margin:1px 0 0;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.leaflet-tooltip.vesselTip,.mapFull .leaflet-tooltip{background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-primary);font-size:11px;border-radius:6px;box-shadow:none}.mapFull .leaflet-tooltip:before{display:none}.mapFull .leaflet-control-attribution{background:rgba(23,28,35,.8);color:var(--text-muted);font-size:10px}.mapFull .leaflet-control-attribution a{color:var(--text-secondary)}.mapFull .leaflet-bar a{background:var(--bg-surface);color:var(--text-primary);border-bottom-color:var(--border-strong)}@media (max-width:767px){.vesselPanel{top:auto;max-height:45%}}@media (max-width:1023px){:root{--sidebar-w:52px}.navItem span,.wordmark{display:none}.navItem{padding:0}.brand,.navItem{justify-content:center}.brand{padding-left:0;padding-right:0}}@media (max-width:767px){.shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--border);padding:6px 10px;gap:6px}.brand{padding:0 6px 0 0}.nav{display:none}.nav.open{display:block;position:absolute;top:46px;left:0;right:0;background:var(--bg-surface);border-bottom:1px solid var(--border-strong);z-index:60}.nav.open .navItem{justify-content:flex-start;padding:0 16px}.nav.open .navItem span{display:inline}.menuBtn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--text-secondary)}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.colDroppable{display:none}.adminSplit{flex-direction:column}.adminPanel{width:100%;max-height:40%}}@media (min-width:768px){.menuBtn{display:none}}