.trail-scrubber[data-v-e4401c44]{position:absolute;right:12px;z-index:1000;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:var(--mz-map-chip-bg);box-shadow:var(--mz-shadow-1);font-size:var(--mz-fs-sm)}.scrub-btn[data-v-e4401c44]{flex:0 0 auto}.scrub-range[data-v-e4401c44]{flex:1 1 auto;min-width:0}.scrub-time[data-v-e4401c44]{flex:0 0 auto;color:var(--mz-text-strong);font-variant-numeric:tabular-nums;white-space:nowrap}.scrub-speed[data-v-e4401c44]{flex:0 0 auto;width:72px;height:28px;padding:0 6px;font-size:var(--mz-fs-sm)}.scrub-follow[data-v-e4401c44]{flex:0 0 auto;display:flex;align-items:center;gap:4px;margin:0;white-space:nowrap}@media (max-width:575px){.trail-scrubber[data-v-e4401c44]{flex-wrap:wrap;gap:6px;padding:6px 8px}.scrub-speed[data-v-e4401c44]{width:58px}.scrub-range[data-v-e4401c44]{flex:1 1 100%;order:3}}#map{height:100%;width:100%}#map:fullscreen{width:100vw;height:100vh;background:var(--mz-surface)}.map-mode-switch{position:fixed;top:85px;right:20px;z-index:998;background:var(--mz-surface);border-radius:20px;padding:8px 14px;border:2px solid var(--mz-primary-line);display:inline-block}.map-mode-switch--windy{position:absolute;top:15px;right:auto;left:20px}.switch-container{display:flex;align-items:center;justify-content:center;gap:4px}.mode-label{font-size:var(--mz-fs-sm);font-weight:700;color:var(--mz-text-faint);transition:all .25s ease;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:4px 8px;border-radius:6px}.mode-label.active{color:var(--mz-on-primary);background:var(--mz-primary-gradient);font-weight:800}.mode-switch-checkbox{flex-shrink:0;padding-left:0!important}.mode-switch-checkbox .custom-control-label{cursor:pointer;width:50px;height:26px;margin-bottom:0}.mode-switch-checkbox .custom-control-label:before{width:50px;height:26px;border-radius:13px;background-color:var(--mz-neutral-dark-bg);transition:all .3s ease;left:0;top:0;position:absolute}.mode-switch-checkbox .custom-control-label:after{width:22px;height:22px;border-radius:50%;background:var(--mz-surface);top:2px;left:2px;transition:all .3s ease;position:absolute}.mode-switch-checkbox .custom-control-input:checked~.custom-control-label:before{background-color:var(--mz-primary)}.mode-switch-checkbox .custom-control-input:checked~.custom-control-label:after{transform:translateX(24px)}.mode-switch-checkbox:hover .custom-control-label:before{background-color:#d1d5db}.mode-switch-checkbox:hover .custom-control-input:checked~.custom-control-label:before{background-color:var(--mz-primary-line)}.ship-label{font-size:var(--mz-fs-sm);font-weight:1000;text-align:center;color:var(--mz-on-primary);padding:.23em .38em;border-radius:.38em}.ship-online{background-color:var(--mz-ship-online-dot)}.ship-offline{background-color:var(--mz-ship-offline)}.ship-no-gps{background-color:var(--mz-ship-no-gps)}.ship-no-sensor{background-color:var(--mz-ship-no-sensor)}.ship-highlight{animation:ship-pulse 1.2s ease-in-out infinite}:root[data-theme=dark] .heading-icon,:root[data-theme=dark] .marker-icon,:root[data-theme=dark] .ship-icon{filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff)}:root[data-theme=dark] .leaflet-overlay-pane svg{filter:drop-shadow(0 0 1px #fff)}@keyframes ship-pulse{0%,to{filter:drop-shadow(0 0 0 rgba(var(--mz-primary-rgb),0))}50%{filter:drop-shadow(0 0 8px rgba(var(--mz-primary-rgb),.95))}}.leaflet-popup-content-wrapper{border-radius:10px;border:1px solid var(--mz-surface);background-color:var(--mz-surface)!important;color:var(--mz-text-emphasis);font-weight:500;width:340px;padding:5px}.status{margin-left:10px;padding:1px 5px;border-radius:5px;font-weight:600}.online{background-color:var(--mz-chip-online-bg);color:var(--mz-chip-online-fg)}.offline{background-color:var(--mz-chip-offline-bg);color:var(--mz-chip-offline-fg)}.no-gps{background-color:var(--mz-chip-no-gps-bg);color:var(--mz-chip-no-gps-fg)}.no-sensor{background-color:var(--mz-chip-no-sensor-bg);color:var(--mz-chip-no-sensor-fg)}.tooltip-button{width:100%;font-weight:700}hr{margin:0}.leaflet-map-settings,.map-settings-panel{display:flex;flex-direction:column;gap:8px}.map-settings-panel{width:210px;background:var(--mz-surface);border:1px solid rgba(15,23,42,.12);border-radius:var(--mz-radius-md);padding:10px 12px;box-shadow:var(--mz-shadow-2)}.map-settings-panel.hidden{display:none}.map-settings-header{font-size:var(--mz-fs-sm);font-weight:700;color:var(--mz-text-emphasis);text-transform:uppercase;letter-spacing:.04em}.map-settings-separator{height:1px;background:var(--mz-neutral-dark-bg);margin:2px 0}.map-settings-option,.map-settings-switch{display:flex;align-items:center;gap:8px;font-size:var(--mz-fs-sm);font-weight:600;color:var(--mz-text-emphasis)}.map-settings-option input,.map-settings-switch input{width:16px;height:16px;margin:0}.map-icon-sample{margin-left:auto;height:22px;width:auto;-o-object-fit:contain;object-fit:contain}.map-settings-size{display:flex;align-items:center;gap:8px}.map-settings-size input[type=range]{flex:1;height:4px;margin:0;accent-color:var(--mz-primary);cursor:pointer}.map-settings-size-value{font-size:var(--mz-fs-sm);font-weight:700;color:var(--mz-text-emphasis);min-width:38px;text-align:right}.landmark-cluster-wrapper{background:transparent;border:none}.landmark-cluster{width:36px;height:36px;border-radius:50%;background:rgba(var(--mz-primary-rgb),.9);color:var(--mz-on-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--mz-fs-sm);border:2px solid #fff;box-shadow:var(--mz-shadow-1)}.ship-cluster-wrapper{background:transparent;border:none}.ship-cluster{filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));cursor:pointer}.ship-cluster text{fill:#002a64;font-size:var(--mz-fs-sm);font-weight:700}.coordinates-box{position:absolute;bottom:20px;right:20px;height:75%;width:40%;border:1px solid var(--mz-border-strong);background-color:var(--mz-surface);overflow-y:auto;z-index:1000;border-radius:15px}.coordinates-control{display:flex;padding:10px 15px;background-color:var(--mz-surface);position:sticky;top:0;left:0;z-index:10;border-bottom:1px solid var(--mz-border-strong);width:100%;overflow:scroll}.coordinates-control div{margin-right:5px}.coordinates-table{width:100%;border-collapse:collapse;font-size:var(--mz-fs-base);font-weight:500;border:1px solid var(--mz-border);margin-bottom:1rem;color:var(--mz-text-subtle)}.coordinates-table td,.coordinates-table th{padding:5px 10px;vertical-align:center;border:1px solid var(--mz-border);white-space:nowrap}.coordinates-table th{text-align:center;position:sticky;top:85px;background-color:var(--mz-surface);z-index:5}.coordinates-table thead th{vertical-align:bottom;border-bottom:2px solid var(--mz-border)}.coordinates-table tbody+tbody{border-top:2px solid var(--mz-border)}.ship-status-legend{position:absolute;bottom:20px;right:20px;background:var(--mz-map-chip-bg);border:1px solid rgba(15,23,42,.12);border-radius:12px;padding:12px 16px;box-shadow:var(--mz-shadow-2);z-index:1000;min-width:140px;transition:all .3s ease}.ship-status-legend.collapsed{padding:8px 12px}.legend-header{justify-content:space-between}.legend-header,.legend-toggle-btn{display:flex;align-items:center;cursor:pointer}.legend-toggle-btn{background:none;border:none;padding:4px 8px;color:var(--mz-text-subtle);transition:color .2s ease;justify-content:center}.legend-toggle-btn:hover{color:var(--mz-text-emphasis)}.legend-toggle-btn svg{display:block}.legend-title{font-size:var(--mz-fs-base);font-weight:700;color:var(--mz-text-emphasis);margin:0;padding-bottom:8px;border-bottom:2px solid var(--mz-border);text-transform:uppercase;letter-spacing:.04em}.ship-status-legend.collapsed .legend-title{padding-bottom:0;border-bottom:none;margin-bottom:0}.ship-count-summary{margin-bottom:10px}.count-item{display:flex;justify-content:space-between;align-items:center}.count-label{font-size:var(--mz-fs-sm);font-weight:600;color:var(--mz-text-emphasis)}.count-value{font-size:var(--mz-fs-base);font-weight:700;color:var(--mz-text-subtle)}.legend-item{display:flex;align-items:center;gap:10px;margin-bottom:8px}.legend-item:last-child{margin-bottom:0}.legend-color{width:20px;height:20px;border-radius:4px;flex-shrink:0}.legend-label{font-size:var(--mz-fs-sm);font-weight:600;color:var(--mz-text-emphasis);white-space:nowrap;flex-grow:1}.legend-count{font-size:var(--mz-fs-base);font-weight:700;color:var(--mz-text-subtle);min-width:24px;text-align:right}#logo img{display:none!important}.route-marker{background:transparent;border:none}.route-marker .route-marker-badge{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:2px solid #fff;border-radius:50%;font-weight:700;font-size:var(--mz-fs-sm);line-height:1;color:var(--mz-on-primary);box-shadow:var(--mz-shadow-1)}.route-marker .route-marker-badge:after{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:18px solid var(--route-marker-color);z-index:-1}.route-marker-a .route-marker-badge{--route-marker-color:#28a745;background:linear-gradient(135deg,#28a745,#20c997)}.route-marker-b .route-marker-badge{--route-marker-color:#dc3545;background:linear-gradient(135deg,#dc3545,#ff6b6b)}.tk-toolbar[data-v-0096e013]{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:14px;margin-bottom:2px;padding-top:10px;border-top:2px solid var(--mz-border)}.tk-btn[data-v-0096e013]{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:var(--mz-fs-sm);font-weight:500;line-height:1.4;color:var(--mz-text-subtle);background:transparent;border:1px solid var(--mz-border);border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.tk-btn[data-v-0096e013]:hover{color:var(--mz-text-emphasis);background:var(--mz-neutral-light-bg);border-color:var(--mz-border-strong)}.tk-btn[data-v-0096e013]:disabled{opacity:.45;cursor:not-allowed}.tk-btn[data-v-0096e013]:disabled:hover{color:var(--mz-text-subtle);background:transparent;border-color:var(--mz-border)}.tk-btn[data-v-0096e013]:active{background:var(--mz-neutral-dark-bg)}.tk-btn[data-v-0096e013]:focus-visible{outline:2px solid var(--mz-focus);outline-offset:1px}.tk-btn i[data-v-0096e013]{font-size:var(--mz-fs-base);line-height:1}.tk-btn--aktif[data-v-0096e013]{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.tk-btn--aktif[data-v-0096e013]:hover{background:#dbeafe;border-color:#93c5fd}.tk-pisah[data-v-0096e013]{width:1px;height:18px;background:var(--mz-neutral-dark-bg);margin:0 2px}.d3-chart-wrapper[data-v-41bd89ba]{font-family:inherit;background:var(--mz-surface)}.d3-chart-wrapper[data-v-41bd89ba] [font-family]{font-family:inherit}.chart-container[data-v-41bd89ba]{width:100%}@media screen and (max-width:575px){.d3-chart-wrapper[data-v-41bd89ba]{min-width:720px}}.d3-chart-wrapper[data-v-8404adb2]{font-family:inherit;background:var(--mz-surface)}.d3-chart-wrapper[data-v-8404adb2] [font-family]{font-family:inherit}.chart-container[data-v-8404adb2]{width:100%}@media screen and (max-width:575px){.d3-chart-wrapper[data-v-8404adb2]{min-width:720px}}.d3-chart-wrapper[data-v-4ddd7795],.d3-chart-wrapper[data-v-4ddd7795] [font-family]{font-family:inherit}@media screen and (max-width:575px){.d3-chart-wrapper[data-v-4ddd7795]{min-width:900px}}.group-header-row td[data-v-3885be12]{background:var(--mz-surface-2);padding-top:10px}.channel-cell[data-v-3885be12]{padding-left:24px}.total-row td[data-v-3885be12]{border-top:2px solid var(--mz-border)}.estimate-note[data-v-3885be12]{color:var(--mz-text-subtle);font-size:var(--mz-fs-sm);padding-top:0}.flex-container[data-v-959dacc6]{display:flex;justify-content:space-between;margin:0 10px}.flex-item[data-v-959dacc6]{margin:10px 5px}.table[data-v-959dacc6]{width:100%;table-layout:fixed}.table td[data-v-959dacc6],.table th[data-v-959dacc6]{width:33.33%;padding:8px}.auto-width-table td[data-v-959dacc6],.auto-width-table th[data-v-959dacc6]{width:auto}.group-header-row td[data-v-959dacc6]{background:var(--mz-surface-2);padding-top:10px}.no-device-note[data-v-959dacc6]{padding:24px 16px;color:var(--mz-text-subtle);font-style:italic;text-align:center}@media screen and (max-width:991px){.flex-container[data-v-959dacc6]{flex-direction:column}.flex-item[data-v-959dacc6]{width:100%!important;margin:10px 0!important}}@media screen and (max-width:575px){.iq-card-body[data-v-959dacc6]{padding-left:12px;padding-right:12px}}.flex-container[data-v-294f0fee]{display:flex;justify-content:space-between;margin:0 10px}.flex-item[data-v-294f0fee]{margin:10px 5px}.table[data-v-294f0fee]{width:100%;table-layout:fixed}.table td[data-v-294f0fee],.table th[data-v-294f0fee]{width:33.33%;padding:8px}.no-device-note[data-v-294f0fee]{padding:24px 16px;color:var(--mz-text-muted);font-style:italic;text-align:center}.map-section[data-v-294f0fee]{min-height:600px}.report-chart-scroll[data-v-294f0fee]{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}@media screen and (max-width:991px){.flex-container[data-v-294f0fee]{flex-direction:column}.flex-item[data-v-294f0fee]{width:100%!important;margin:10px 0!important}.map-section[data-v-294f0fee]{height:300px;min-height:0}}@media screen and (max-width:575px){.iq-card-body[data-v-294f0fee]{padding-left:12px;padding-right:12px}.iq-card-body>.row[data-v-294f0fee]{gap:10px 0}.iq-card-body>.row>.col[data-v-294f0fee]{flex:0 0 50%;max-width:50%}.iq-card-body>.row h5[data-v-294f0fee]{font-size:var(--mz-fs-md);margin-bottom:2px}.iq-card-body>.row span[data-v-294f0fee]{font-size:var(--mz-fs-sm);line-height:1.2}}