body.dark-mode{--text:#ffffffd9;--muted:#ffffff6b;--border:#ffffff12;--border2:#ffffff1f}body{background:#f0f2f5!important;flex-direction:column!important;height:100vh!important;max-height:100vh!important;display:flex!important;overflow:hidden!important}body.dark-mode{background:#0a0f1a!important}.floating-orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;animation:8s ease-in-out infinite orbFloat;position:fixed}@keyframes orbFloat{0%,to{transform:translate(0)}33%{transform:translate(20px,-30px)}66%{transform:translate(-20px,20px)}}.orb-1{background:linear-gradient(45deg,#94a3b8,#cbd5e1);width:400px;height:400px;animation-delay:-2s;top:-100px;right:10%}.orb-2{background:linear-gradient(45deg,#b0bec5,#90a4ae);width:350px;height:350px;animation-delay:-4s;bottom:0;left:3%}.orb-3{background:linear-gradient(45deg,#78909c,#b0bec5);width:250px;height:250px;animation-delay:-6s;top:40%;right:2%}.orb-4{background:linear-gradient(45deg,#3b82f6,#8b5cf6);width:400px;height:400px;animation-delay:-2s;top:-100px;right:10%}.orb-5{background:linear-gradient(45deg,#ef4444,#f59e0b);width:350px;height:350px;animation-delay:-4s;bottom:0;left:3%}.orb-6{background:linear-gradient(45deg,#10b981,#06b6d4);width:250px;height:250px;animation-delay:-6s;top:40%;right:2%}header,.kpi-mega-card,.toolbar,#legendPanel,.table-wrap,footer{z-index:1;position:relative}.glass-card{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}body:not(.dark-mode) .glass-card{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#ffffff85;border:1px solid #ffffffb8;box-shadow:0 8px 32px #00000012,inset 0 1px #ffffffd9}.theme-toggle{cursor:pointer;color:#ffffffbf;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:6px 10px;font-size:14px;line-height:1;transition:all .15s}.theme-toggle:hover{color:#fff;background:#ffffff24}body:not(.dark-mode) .theme-toggle{color:#0f192da6;background:#0000000d;border-color:#0000001f}body:not(.dark-mode) .theme-toggle:hover{color:#1a1d3b;background:#00000017}body.dark-mode .theme-toggle .sun-icon{display:inline}body.dark-mode .theme-toggle .moon-icon,body:not(.dark-mode) .theme-toggle .sun-icon{display:none}body:not(.dark-mode) .theme-toggle .moon-icon{display:inline}.kpi-mega-card{border-radius:16px;flex-shrink:0;align-items:center;gap:0;margin-bottom:10px;padding:16px 24px;display:flex}.kpi-section{align-items:center;gap:24px;display:flex}.kpi-item{flex-direction:column;gap:4px;display:flex}.kpi-val{letter-spacing:-1px;font-size:26px;font-weight:700;line-height:1;font-family:var(--mono)}.kpi-lbl{color:#ffffff5c;text-transform:uppercase;letter-spacing:.09em;font-size:8px;font-family:var(--mono)}body:not(.dark-mode) .kpi-lbl{color:#0f192d6b}.kpi-hdiv{background:#ffffff17;flex-shrink:0;width:1px;height:32px}body:not(.dark-mode) .kpi-hdiv{background:#00000012}.kpi-vdiv{background:#ffffff17;flex-shrink:0;align-self:stretch;width:1px;margin:0 24px}body:not(.dark-mode) .kpi-vdiv{background:#00000012}.kv-white{color:#fff}body:not(.dark-mode) .kv-white{color:#1a1d3b}.kv-green{color:#10b981}.kv-amber{color:#f59e0b}.kv-blue{color:#60a5fa}.kv-purple{color:#a78bfa}.toolbar{margin-bottom:8px;-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#ffffff0a!important;border:1px solid #ffffff14!important;border-radius:12px!important}body:not(.dark-mode) .toolbar{background:#ffffff85!important;border-color:#ffffffb8!important}body.dark-mode .chip{color:#ffffff85!important;background:#ffffff0a!important;border:1px solid #ffffff17!important}body.dark-mode .chip:hover{color:#ffffffd9!important;border-color:#ffffff38!important}body.dark-mode .chip.active{color:#fff!important;background:#ff6b00!important;border-color:#ff6b00!important;box-shadow:0 3px 14px #ff6b0052!important}body.dark-mode .chip-sep{background:#ffffff17!important}body.dark-mode .search-wrap input{color:#ffffffd9!important;background:#ffffff0f!important;border-color:#ffffff1a!important}body.dark-mode .search-wrap input::placeholder{color:#ffffff4d!important}body.dark-mode .sort-sel{color:#ffffffbf!important;background:#ffffff0f!important;border-color:#ffffff1a!important}body.dark-mode .sort-sel option{color:#ffffffd9;background:#111827}body.dark-mode aside{background:#ffffff04;border-right:1px solid #ffffff0f}body.dark-mode .aside-label{color:#ffffff47!important}body.dark-mode .aside-item{color:#ffffff94!important}body.dark-mode .aside-item:hover{color:#ffffffe6!important;background:#ffffff0f!important}body.dark-mode .aside-item.active{color:#f70!important;background:#ff6b001f!important}body.dark-mode .aside-count{color:#ffffff4d!important}body.dark-mode .aside-section{border-bottom-color:#ffffff0f!important}.table-wrap{overflow:auto!important}thead th{z-index:20!important;color:#ffffff73!important;text-transform:uppercase!important;letter-spacing:.08em!important;background:#0a0f1a!important;border-bottom:1px solid #ffffff14!important;padding:10px 12px!important;font-size:9px!important;font-weight:600!important;position:sticky!important;top:0!important}body:not(.dark-mode) thead th{color:#0f192d7a!important;background:#f0f2f5!important;border-bottom:1px solid #00000012!important}body.dark-mode .table-wrap{background:#0a0f1a!important}body.dark-mode table,body.dark-mode tbody,body.dark-mode thead,body.dark-mode tfoot{background:0 0!important}body.dark-mode main,body.dark-mode .shell{background:#0a0f1a!important}body.dark-mode tbody tr{background:0 0!important;border-bottom:1px solid #ffffff0a!important;transition:background .18s!important}body.dark-mode tbody tr:hover{background:#ffffff0d!important}body.dark-mode tbody td{color:#fffc!important;border-bottom:none!important;padding:9px 12px!important;font-size:12px!important}body.dark-mode .row-count{color:#ffffff47!important;background:#0a0f1a!important}body.dark-mode .empty{color:#ffffff59!important}body.dark-mode .detail-panel,body.dark-mode #detailPanel{background:#0a0f1af2!important;border-left:1px solid #ffffff14!important}body.dark-mode .dp-header{background:#0f1423f5!important;border-bottom:1px solid #ffffff12!important}body.dark-mode .dp-io{color:#ffffff73!important;font-size:.68rem!important}body.dark-mode .dp-shipper{color:#ffffffe6!important;font-weight:600!important}body.dark-mode .dp-dest{color:#60a5fa!important}body.dark-mode .dp-row{border-bottom-color:#ffffff0d!important}body.dark-mode .dp-key{color:#ffffff61!important}body.dark-mode .dp-val{color:#ffffffc7!important}body.dark-mode .dp-section-title{color:#ffffff4d!important}body.dark-mode .dp-close{color:#ffffffa6!important;background:#ffffff14!important;border:1px solid #ffffff1a!important}body.dark-mode .vessel-pill{color:#ffffffb8!important;background:#ffffff0f!important;border:1px solid #ffffff17!important}body.dark-mode .dp-fields .ef-label{color:#ffffff61!important}body.dark-mode .tl-step-label{color:#ffffff8c!important}body.dark-mode .tl-step-date{color:#ffffffbf!important}body.dark-mode .tl-line2{background:#ffffff14!important}body.dark-mode .timeline{border-left-color:#ffffff14!important}tbody tr.row-jordex{border-left:3px solid #f59e0b!important}body.dark-mode tbody tr.row-jordex td{background:#f59e0b17!important}body:not(.dark-mode) tbody tr.row-jordex td{background:#fff59d99!important}tbody tr.row-vandonge{border-left:3px solid #10b981!important}body.dark-mode tbody tr.row-vandonge td{background:#10b98117!important}body:not(.dark-mode) tbody tr.row-vandonge td{background:#f1f8e9e0!important}tbody tr.row-direct{border-left:3px solid #60a5fa!important}body.dark-mode tbody tr.row-direct td{background:#60a5fa0f!important}body:not(.dark-mode) tbody tr.row-direct td{background:#dbeafe8c!important}tbody tr.pending-row td:first-child{border-left:3px solid #f70!important}body.dark-mode td.cell-ctr-reefer{color:#60a5fa!important;background:#60a5fa24!important}body:not(.dark-mode) td.cell-ctr-reefer{color:#1565c0!important;background:#bbdefb!important}body.dark-mode td.cell-ctr-flexitank{color:#f59e0b!important;background:#f59e0b24!important}body:not(.dark-mode) td.cell-ctr-flexitank{color:#e65100!important;background:#ffe0b2!important}body.dark-mode td.cell-ctr-lcl{color:#a78bfa!important;background:#a78bfa24!important}body:not(.dark-mode) td.cell-ctr-lcl{color:#4527a0!important;background:#ede7f6!important}body.dark-mode td.cell-dest-unusual{color:#f93!important;background:#ff770026!important;font-weight:700!important}body:not(.dark-mode) td.cell-dest-unusual{color:#e65100!important;background:#ffe0b2!important;font-weight:700!important}body.dark-mode .badge.b-done{color:#10b981;background:#10b98126}body.dark-mode .badge.b-sailed{color:#60a5fa;background:#60a5fa26}body.dark-mode .badge.b-pending{color:#f59e0b;background:#f59e0b26}body.dark-mode .bl-tag.bl-swb{color:#10b981;background:#16a34a26}body.dark-mode .bl-tag.bl-obl{color:#f70;background:#ff770026}body.dark-mode .tt-bar{background:#ffffff14!important}body.dark-mode .accent-text{color:#60a5fa!important}body.dark-mode .muted{color:#ffffff61!important}body.dark-mode .mono{color:#ffffffb8!important}body.dark-mode .mono.muted{color:#ffffff61!important}#legendPanel{font-size:.71rem;font-family:var(--mono);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:10px;margin-bottom:8px;padding:8px 14px;display:none}body.dark-mode #legendPanel{color:#ffffff73;background:#ffffff0a;border:1px solid #ffffff14}body:not(.dark-mode) #legendPanel{color:#0f192d80;background:#ffffff85;border:1px solid #ffffffb8}#legendPanel .legend-inner{flex-wrap:wrap;align-items:center;gap:18px;display:flex}#legendPanel .legend-item{white-space:nowrap;align-items:center;gap:5px;display:flex}.legend-swatch{border:1px solid #ffffff2e;border-radius:2px;flex-shrink:0;width:12px;height:12px;display:inline-block}body:not(.dark-mode) .legend-swatch{border-color:#0000001f}.legend-sep{background:#ffffff17;flex-shrink:0;width:1px;height:14px}body:not(.dark-mode) .legend-sep{background:#00000014}#sticky-hscroll{background:0 0!important;border-top:1px solid #ff6b0033!important}#sticky-hscroll::-webkit-scrollbar{height:6px}#sticky-hscroll::-webkit-scrollbar-track{background:#ff6b000f}#sticky-hscroll::-webkit-scrollbar-thumb{background:#ff6b0073;border-radius:3px}#sticky-hscroll::-webkit-scrollbar-thumb:hover{background:#ff6b00b8}#sticky-hscroll{scrollbar-color:#ff6b0073 #ff6b000f;scrollbar-width:thin}.table-wrap::-webkit-scrollbar{width:0!important;height:0!important}.table-wrap{scrollbar-width:none!important}footer{color:#ffffff47!important;background:0 0!important;border-top:1px solid #ffffff0f!important}body:not(.dark-mode) footer{color:#0f192d59!important;border-top:1px solid #0000000f!important}body.dark-mode .row-expand td>div{color:#ffffff59!important;background:#ffffff08!important;border-top-color:#ffffff14!important}