#app,body,html{height:100%;overflow:hidden}body,html{margin:0;font-family:Inter,Arial,sans-serif;color:#0f172a}body{background:#f8fafc}#app{display:grid;grid-template-columns:220px 1fr 240px;height:100vh}.admin-app{min-height:100vh;padding:24px}.admin-shell{max-width:1100px;margin:0 auto}.admin-panel{position:static;border:1px solid #dbe2ea;border-radius:16px}#sidebar-left,#sidebar-right{overflow-y:auto;overflow-x:hidden;background:#f8fafc;min-height:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:transparent transparent}#sidebar-left:hover,#sidebar-right:hover{scrollbar-color:#cbd5e1 transparent}#sidebar-left{border-right:1px solid #dbe2ea;padding-bottom:24px}#sidebar-right{border-left:1px solid #dbe2ea;padding-bottom:24px;display:flex;flex-direction:column}#map-wrap{position:relative}#map{height:100vh;width:100%}#mapPlaybackBar,#mapWaybackBar{position:absolute;left:16px;right:16px;bottom:16px;z-index:1200;pointer-events:none}#mapPlaybackBar.hidden,#mapWaybackBar.hidden,.imagery-controls.hidden{display:none}.map-playback-inner{max-width:560px;margin:0 auto;background:rgba(248,250,252,.96);backdrop-filter:blur(8px);border:1px solid #cbd5e1;border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.18);padding:10px 12px;pointer-events:auto}.map-playback-title{font-size:12px;font-weight:700;text-transform:uppercase;color:#475569}.panel{padding:14px;position:sticky;top:0;background:rgba(248,250,252,.98);backdrop-filter:blur(6px);border-bottom:1px solid #dbe2ea;z-index:1000}.panel-legend{position:static;top:auto}.panel-right h2,h1{margin:0;font-size:16px;font-weight:700}.title-row{display:flex;gap:10px;justify-content:space-between;align-items:flex-start}.brand-row{display:flex;align-items:center;gap:10px}.brand-row svg{flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(14,165,233,.3))}h1{font-size:24px;font-family:"Space Grotesk",Inter,Arial,sans-serif;font-weight:800;letter-spacing:-.5px}.subtitle{margin-top:4px;font-size:12px;color:#64748b}#destinationFilter,#search,select{width:100%;box-sizing:border-box;margin-top:10px;padding:10px 12px}#destinationFilter,#playbackSlider,#search,select{border:1px solid #cbd5e1;border-radius:10px;background:#fff}#playbackSlider,#waybackSlider{width:100%;box-sizing:border-box;margin-top:10px}.wayback-slider{width:100%;border:0;background:linear-gradient(to right,#2563eb 0%,#60a5fa var(--wayback-progress, 100%),#dbeafe var(--wayback-progress, 100%),#e2e8f0 100%);box-shadow:inset 0 0 0 1px rgba(148,163,184,.35);cursor:pointer}.wayback-slider::-moz-range-track{background:linear-gradient(to right,#2563eb 0%,#60a5fa var(--wayback-progress, 100%),#dbeafe var(--wayback-progress, 100%),#e2e8f0 100%);box-shadow:inset 0 0 0 1px rgba(148,163,184,.35)}.wayback-dot{box-shadow:0 0 0 2px #f8fafc}.wayback-dot-item.active .wayback-dot{background:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.18)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filters-3{grid-template-columns:1fr}.checkbox-row{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:13px;color:#334155}.imagery-controls{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.imagery-controls .btn{margin-top:10px;white-space:nowrap}#imagerySlider,.imagery-hint{grid-column:1/-1}.imagery-hint{margin-top:2px;font-size:12px;color:#64748b}.checkbox-row input{margin:0}.btn{border:0;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:600}.btn-primary{background:#2563eb;color:#fff}.btn-secondary{background:#e2e8f0;color:#0f172a}#playbackSlider{padding:6px 0}.map-wayback-inner{max-width:680px}.map-wayback-current{margin-top:6px;font-size:14px;font-weight:700;color:#0f172a}.wayback-slider{-webkit-appearance:none;appearance:none;height:8px;border-radius:999px;background:linear-gradient(90deg,#2563eb 0%,#2563eb var(--wayback-progress, 100%),#dbeafe var(--wayback-progress, 100%),#e2e8f0 100%);outline:0;padding:0}.wayback-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #2563eb;box-shadow:0 2px 10px rgba(37,99,235,.35);cursor:pointer}.wayback-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #2563eb;box-shadow:0 2px 10px rgba(37,99,235,.35);cursor:pointer}.wayback-slider::-moz-range-track{height:8px;border-radius:999px;background:#e2e8f0}.map-wayback-scale{margin-top:6px;display:flex;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;color:#64748b}.playback-btn{width:100%;margin-top:8px}.stats{margin-top:8px;font-size:11px;color:#64748b;line-height:1.5}.summary-grid{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.summary-card{background:#fff;border:1px solid #dbe2ea;border-radius:10px;padding:7px 8px}.summary-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.summary-value{margin-top:3px;font-size:15px;font-weight:700}.legend{margin-top:10px;display:grid;gap:6px;font-size:12px;color:#475569}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dot.moving{background:#16a34a}.dot.slow{background:#eab308}.dot.stopped{background:#dc2626}.dot.gas-loaded{background:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.22)}#mapSelectedCard{position:absolute;top:16px;right:16px;width:360px;max-width:calc(100% - 32px);padding:14px;border:1px solid #dbe2ea;border-radius:14px;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);box-shadow:0 8px 24px rgba(15,23,42,.18);z-index:1200}#mapSelectedCard.empty{color:#64748b}.selected-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.selected-title{font-size:18px;font-weight:700}.selected-close{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#475569;font-size:20px;line-height:1;cursor:pointer;flex:0 0 auto}.selected-close:hover{background:#f8fafc;color:#0f172a}.selected-meta{margin-top:6px;color:#475569;font-size:13px}.selected-grid{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric{padding:10px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.metric-label{font-size:11px;color:#64748b;text-transform:uppercase}.metric-value{margin-top:4px;font-size:14px;font-weight:600}.action-row{display:flex;gap:8px;margin-top:12px}#regions,#terminalsSummary,#tops,#trackSummary{padding:0 12px 4px}.top-block{margin-bottom:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px}.top-title{font-size:12px;font-weight:700;text-transform:uppercase;color:#475569;margin-bottom:8px}.top-row{font-size:12px;color:#334155;padding:6px 0;border-top:1px solid #f1f5f9}.top-row:first-child{border-top:0}#list,#playbackTimeline,#waybackTimeline{padding:12px;flex:1 1 auto;min-height:0;overflow-y:auto}#sidebar-right .stats,#sidebar-right .summary-grid{margin:12px;flex:0 0 auto}#sidebar-right .stats{margin-bottom:0}#sidebar-right .summary-grid{margin-top:10px}#sidebar-right.playback-mode #playbackTimeline,#sidebar-right.wayback-mode #waybackTimeline{display:block}#playbackTimeline,#sidebar-right.playback-mode #list,#sidebar-right.wayback-mode #list,#waybackTimeline{display:none}.timeline-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.timeline-card{background:#fff;border:1px solid #dbe2ea;border-radius:12px;padding:10px}.timeline-list{display:grid;gap:8px}.timeline-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;cursor:pointer}.timeline-item.active,.timeline-item:hover{background:#eff6ff;border-color:#93c5fd}.wayback-dot-item{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:start;padding:8px 10px}.wayback-dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;margin-top:4px;box-shadow:0 0 0 2px rgba(203,213,225,.35)}.wayback-date{font-size:13px;font-weight:700;color:#0f172a}.wayback-id{margin-top:3px;font-size:11px;color:#64748b}.visit-row{font-size:12px;color:#334155;padding:6px 0;border-top:1px solid #f1f5f9}.visit-row:first-child{border-top:0}.visit-ip{font-weight:700;color:#0f172a}.visit-meta{margin-top:2px;color:#64748b;font-size:11px}.timeline-time{font-size:13px;font-weight:700;color:#0f172a}.timeline-meta{margin-top:4px;font-size:12px;color:#475569}.vessel-item{padding:7px 10px;margin-bottom:5px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer}.vessel-item.active,.vessel-item:hover{background:#eff6ff;border-color:#93c5fd}.vessel-name-row,.vessel-top{display:flex;gap:8px;align-items:center}.vessel-name-row{gap:6px;min-width:0;flex:1 1 auto}.vessel-name{font-weight:700;font-size:12px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vessel-name-spacer{flex:1 1 auto}.loaded-name-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#38bdf8;border:1px solid #fff;box-shadow:0 0 0 2px rgba(56,189,248,.28);flex:0 0 auto}.vessel-meta,.vessel-submeta{font-size:10px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-title{font-weight:700;margin-bottom:6px}.leaflet-popup-content button{margin-top:8px;border:0;border-radius:8px;padding:8px 10px;cursor:pointer;background:#2563eb;color:#fff}.vessel-label{background:rgba(255,255,255,.92);border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 1px 2px rgba(15,23,42,.08);color:#0f172a;font-size:11px;font-weight:600;padding:2px 6px}@media (max-width:1200px){#app{grid-template-columns:200px 1fr 220px}}@media (max-width:900px){#app,body,html{height:auto}#app{grid-template-columns:1fr}#sidebar-left,#sidebar-right{height:auto;max-height:none;overflow:visible}#sidebar-right{display:none}#sidebar-left{border-right:0;padding-bottom:12px}.panel{position:static;top:auto}#map-wrap{order:2}#sidebar-left{order:1}#sidebar-right{order:3}#map{height:50vh}#mapPlaybackBar{left:10px;right:10px;bottom:10px}.map-playback-inner{max-width:none}#mapSelectedCard{top:10px;right:10px;left:10px;width:auto;max-width:none}}body.dark{background:#0d1117}body.dark #sidebar-left,body.dark #sidebar-right{background:#0d1117;border-color:#30363d}body.dark .panel{background:rgba(13,17,23,.97);border-color:#30363d}body.dark,body.dark h1,body.dark h2{color:#e6edf3}body.dark .subtitle{color:#8b949e}body.dark .stats{color:#8b949e;font-size:12px}body.dark .checkbox-row,body.dark .imagery-hint{color:#8b949e}body.dark input,body.dark select{background:#161b22;color:#e6edf3;border-color:#30363d}body.dark input::placeholder{color:#484f58}body.dark input:focus,body.dark select:focus{border-color:#38bdf8;outline:0;box-shadow:0 0 0 2px rgba(56,189,248,.15)}body.dark .btn-primary{background:#0ea5e9;color:#fff}body.dark .btn-primary:hover{background:#0284c7}body.dark .btn-secondary{background:#161b22;color:#e6edf3;border:1px solid #30363d}body.dark .btn-secondary:hover{background:#1c2333}body.dark .summary-card{background:#161b22;border-color:#21262d}body.dark .summary-label{color:#8b949e}body.dark .summary-value,body.dark .top-row strong{color:#e6edf3}body.dark .top-block{background:#161b22;border-color:#21262d}body.dark .top-title{color:#8b949e}body.dark .top-row{color:#8b949e;border-color:#21262d}body.dark .vessel-item{background:#161b22;border-color:#21262d}body.dark .vessel-item:hover{background:#1c2333;border-color:#30363d}body.dark .vessel-item.active{background:#1a3a5c;border-color:#38bdf8;border-left:3px solid #38bdf8}body.dark .vessel-name{color:#e6edf3}body.dark .vessel-meta,body.dark .vessel-submeta{color:#8b949e}body.dark #mapSelectedCard{background:rgba(22,27,34,.97);border-color:#30363d;color:#e6edf3;box-shadow:0 8px 32px rgba(0,0,0,.5)}body.dark #mapSelectedCard.empty{color:#484f58}body.dark .selected-title{color:#e6edf3}body.dark .selected-meta{color:#8b949e}body.dark .selected-close{background:#161b22;border-color:#30363d;color:#8b949e}body.dark .selected-close:hover{background:#1c2333;color:#e6edf3}body.dark .metric{background:#0d1117;border-color:#21262d}body.dark .metric-label{color:#8b949e}body.dark .metric-value{color:#e6edf3}body.dark .map-playback-inner{background:rgba(22,27,34,.97);border-color:#30363d}body.dark .map-playback-title{color:#8b949e}body.dark .map-wayback-current{color:#e6edf3}body.dark .map-wayback-scale{color:#8b949e}body.dark .timeline-card,body.dark .timeline-item{background:#161b22;border-color:#21262d}body.dark .timeline-item:hover{background:#1c2333;border-color:#30363d}body.dark .timeline-item.active{background:#1a3a5c;border-color:#38bdf8}body.dark .timeline-time{color:#e6edf3}body.dark .timeline-meta{color:#8b949e}body.dark .panel-legend{background:rgba(13,17,23,.97);border-color:#30363d}body.dark .legend{color:#8b949e}body.dark .wayback-date{color:#e6edf3}body.dark .wayback-id{color:#8b949e}body.dark .wayback-dot{background:#30363d;box-shadow:0 0 0 2px #0d1117}body.dark .wayback-dot-item.active .wayback-dot{background:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.2)}body.dark .vessel-label{background:rgba(22,27,34,.92);border-color:#30363d;color:#e6edf3}body.dark .visit-row{border-color:#21262d}body.dark .dash-list-row strong,body.dark .visit-ip{color:#e6edf3}body.dark .visit-meta{color:#8b949e}@media (max-width:768px){#app,body,html{height:100%;overflow:hidden}#app{display:block;position:relative}#map,#map-wrap{top:0;left:0;right:0}#map-wrap{position:fixed;bottom:56px;z-index:1}#map{position:absolute;bottom:0;width:100%;height:100%}#sidebar-left,#sidebar-right{display:none}#mobileTabBar{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid #e2e8f0;display:flex;z-index:2000;box-shadow:0-2px 12px rgba(15,23,42,.08)}body.dark #mobileTabBar{background:#161b22;border-color:#30363d}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:600;color:#94a3b8;cursor:pointer;border:0;background:0 0;padding:0;-webkit-tap-highlight-color:transparent}.mobile-tab.active{color:#0ea5e9}.mobile-tab-icon{font-size:20px;line-height:1}body.dark .mobile-tab{color:#475569}body.dark .mobile-tab.active{color:#38bdf8}.bottom-sheet{position:fixed;left:0;right:0;bottom:56px;z-index:1500;background:#fff;border-radius:20px 20px 0 0;box-shadow:0-4px 24px rgba(15,23,42,.15);transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.bottom-sheet.open{transform:translateY(0)}body.dark .bottom-sheet{background:#161b22;border-color:#30363d}.sheet-handle{width:36px;height:4px;background:#e2e8f0;border-radius:2px;margin:10px auto 0;flex-shrink:0}body.dark .sheet-handle{background:#30363d}.sheet-content{overflow-y:auto;flex:1;padding:12px 14px 20px;-webkit-overflow-scrolling:touch}#mobileSearch{position:fixed;top:12px;left:12px;right:12px;z-index:1100}#mobileSearch input{width:100%;box-sizing:border-box;padding:12px 16px;border:1px solid #e2e8f0;border-radius:14px;font-size:15px;box-shadow:0 2px 12px rgba(15,23,42,.12)}body.dark #mobileSearch input{background:rgba(22,27,34,.96);border-color:#30363d;color:#e6edf3}#mapSelectedCard{position:fixed;left:0;right:0;bottom:56px;top:auto;width:100%;max-width:none;border-radius:20px 20px 0 0;border:0;border-top:1px solid #e2e8f0;box-shadow:0-4px 24px rgba(15,23,42,.15);max-height:70vh;overflow-y:auto;z-index:1600}body.dark #mapSelectedCard{border-color:#30363d}#mobileSearch input,#themeToggle{background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}#themeToggle{position:fixed;top:12px;right:12px;z-index:1200;width:40px;height:40px;border-radius:50%;padding:0;box-shadow:0 2px 8px rgba(15,23,42,.15);font-size:18px}body.dark #themeToggle{background:rgba(22,27,34,.96)}}@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url(/vendor/space-grotesk-700.woff2)format("woff2")}@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:800;font-display:swap;src:url(/vendor/space-grotesk-800.woff2)format("woff2")}#sortBy{background:#f8fafc;color:#0f172a;border-radius:8px;padding:4px 6px;font-size:12px;cursor:pointer}body.dark #sortBy{background:#161b22;color:#e6edf3;border-color:#30363d}.left-dashboard{padding:12px 14px 20px;display:flex;flex-direction:column;gap:10px}#sortBy,.dash-block{border:1px solid #e2e8f0}.dash-block{background:#fff;border-radius:12px;padding:10px 12px}body.dark .dash-block{background:#161b22;border-color:#21262d}.dash-title{font-size:11px;font-weight:700;text-transform:uppercase;color:#64748b;margin-bottom:8px;letter-spacing:.5px}body.dark .dash-title{color:#8b949e}.dash-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dash-stat{text-align:center;padding:8px 4px;border-radius:8px;background:#f8fafc;border:1px solid #f1f5f9;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}body.dark .dash-stat{background:#0d1117;border-color:#21262d}.dash-stat-val{font-size:22px;font-weight:800;line-height:1;font-family:"Space Grotesk",Inter,Arial,sans-serif;min-width:0}.dash-stat-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}body.dark .dash-stat-label{color:#8b949e}.dash-stat-val.moving{color:#16a34a}.dash-stat-val.slow{color:#eab308}.dash-stat-val.stopped{color:#dc2626}.dash-stat-val.loaded{color:#0ea5e9}.dash-list-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:4px 0;border-bottom:1px solid #f1f5f9;color:#334155}.dash-list-row:last-child{border-bottom:0}body.dark .dash-list-row{border-color:#21262d;color:#8b949e}.dash-list-count{font-weight:700;color:#0ea5e9;font-size:13px}.header-btns{display:flex;align-items:center;gap:6px;flex-shrink:0}.lang-wrap{position:relative}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,.12);z-index:2000;min-width:140px;overflow:hidden;padding:4px}.lang-menu.hidden{display:none}body.dark .lang-menu{background:#1e293b;border-color:#30363d;box-shadow:0 8px 24px rgba(0,0,0,.4)}.lang-opt{display:block;width:100%;text-align:left;padding:8px 12px;font-size:13px;background:0 0;border:0;border-radius:8px;cursor:pointer;color:#0f172a;white-space:nowrap}.lang-opt:hover{background:#f1f5f9}.lang-opt.active{background:#eff6ff;color:#2563eb;font-weight:700}body.dark .lang-opt{color:#e6edf3}body.dark .lang-opt:hover{background:#1c2333}body.dark .lang-opt.active{background:#1a3a5c;color:#38bdf8}#topbar,.topbar-left{display:flex;align-items:center}#topbar{position:fixed;top:0;left:0;right:0;height:46px;background:#0f172a;gap:0;z-index:3000;box-shadow:0 1px 0 rgba(255,255,255,.06);padding:0 12px}#app{padding-top:46px;box-sizing:border-box}.topbar-left{gap:8px;min-width:160px;text-decoration:none}.topbar-brand{font-family:"Space Grotesk",Inter,Arial,sans-serif;font-weight:800;font-size:16px;color:#f1f5f9;letter-spacing:-.3px;white-space:nowrap}.topbar-tabs{display:flex;align-items:stretch;gap:2px;flex:1;justify-content:center;height:100%}.topbar-tab{background:0 0;border:0;color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.6px;padding:0 16px;cursor:pointer;height:100%;border-bottom:3px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap}.topbar-tab:hover{color:#e2e8f0}.topbar-tab.active{color:#38bdf8;border-bottom-color:#38bdf8}.topbar-right{display:flex;align-items:center;gap:8px;min-width:160px;justify-content:flex-end}.topbar-search{position:relative}.topbar-search input{background:#1e293b;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-size:12px;padding:5px 10px;width:160px;box-sizing:border-box;margin:0}.topbar-search input::placeholder{color:#475569}.topbar-search input:focus{outline:0;border-color:#38bdf8;box-shadow:0 0 0 2px rgba(56,189,248,.15)}.topbar-icon-btn{background:0 0;border:0;cursor:pointer;font-size:16px;padding:4px 6px;border-radius:6px;color:#94a3b8;line-height:1}.topbar-icon-btn:hover{background:#1e293b;color:#e2e8f0}.topbar-right .lang-menu{top:calc(100% + 8px);right:0}.left-filters{display:flex;flex-direction:column;gap:6px;margin-top:10px}.left-filters select{width:100%;box-sizing:border-box;margin:0}