.app{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.leaflet-div-icon{background:0 0!important;border:none!important;overflow:visible!important}.sidebar-toggle-btn{z-index:2000;color:#fff;cursor:pointer;background:#448aff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:none;position:absolute;top:15px;right:15px;box-shadow:0 4px 12px #0000004d}@media (width<=768px){.sidebar-toggle-btn{display:flex}}.sidebar{z-index:1000;background:#0d0d1f;border-right:1px solid #1a1a3a;flex-direction:column;width:320px;min-width:320px;height:100vh;transition:transform .3s;display:flex}@media (width<=768px){.sidebar{width:85%;max-width:320px;position:absolute;top:0;bottom:0;left:0}.app.sidebar-closed .sidebar{transform:translate(-100%)}}.sidebar-header{border-bottom:1px solid #1a1a3a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 10px;padding:16px 20px;display:flex}.sidebar-header h1{color:#e0e0e0;margin:0;font-size:18px;font-weight:700}.search-bar{color:#fff;background:#12122a;border:1px solid #2a2a4a;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:12px}.search-bar:focus{border-color:#448aff}.date-badge{color:#88a;background:#1a1a3a;border-radius:12px;padding:4px 10px;font-size:11px}.upload-zone{text-align:center;cursor:pointer;color:#66a;border:2px dashed #2a2a4a;border-radius:10px;margin:12px 16px;padding:16px;font-size:12px;transition:all .2s}.upload-zone:hover{color:#448aff;background:#448aff0d;border-color:#448aff}.upload-zone.locked{color:#8b8ba8;cursor:pointer;background:#ffffff05;border-style:solid;border-color:#3a3a5a}.upload-zone.locked:hover{color:#c0c0e8;background:#ffffff0a;border-color:#6c6c9e}.auth-controls{align-items:center;gap:8px;margin-left:auto;display:flex}.role-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.role-badge.user{color:#9aa4c2;background:#ffffff0d;border-color:#2a2a4a}.role-badge.admin{color:#8fc0ff;background:#448aff26;border-color:#448aff}.auth-btn{color:#e0e0e0;cursor:pointer;background:#12122a;border:1px solid #2a2a4a;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.auth-btn.primary{color:#fff;background:#448aff;border-color:#448aff}.auth-btn.secondary{color:#9aa4c2;background:0 0}.auth-modal-backdrop{z-index:4000;background:#0000009e;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.auth-modal{background:#111126;border:1px solid #2a2a4a;border-radius:14px;width:min(92vw,360px);padding:16px;box-shadow:0 20px 60px #00000073}.auth-modal-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.auth-modal-title{color:#fff;font-size:16px;font-weight:800}.auth-modal-subtitle{color:#9aa4c2;margin-top:4px;font-size:12px;line-height:1.4}.auth-modal-close{color:#9aa4c2;cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.auth-form{gap:12px;display:grid}.auth-form label{color:#cfd6f2;gap:6px;font-size:12px;font-weight:600;display:grid}.auth-form input{box-sizing:border-box;color:#fff;background:#0d0d1f;border:1px solid #2a2a4a;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px}.auth-form input:focus{border-color:#448aff}.auth-error{color:#ff8a80;font-size:12px}.auth-modal-actions{justify-content:flex-end;gap:8px;display:flex}.stats-row{grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px;display:grid}.stat{cursor:pointer;background:#12122a;border:1px solid #0000;border-radius:8px;padding:10px 12px;transition:all .2s}.stat:hover{border-color:#2a2a4a}.stat.active{background:#191936;border-color:#ffca28;box-shadow:0 0 0 1px #ffca2859,0 0 18px #ffca281f}.clear-filter{color:#ffca28;cursor:pointer;background:#ffca281a;border:1px solid #ffca28;border-radius:8px;margin:0 16px 10px;padding:8px 10px;font-size:12px;font-weight:700}.stat-num{font-size:22px;font-weight:700;display:block}.stat-label{opacity:.8;margin-top:2px;font-size:10px;display:block}.stat-arrived .stat-num{color:#00e676}.stat-delivered .stat-num{color:#7c4dff}.stat-urgent .stat-num{color:#ff1744}.stat-soon .stat-num{color:#ffab00}.stat-transit .stat-num{color:#448aff}.stat-atports .stat-num{color:#00bcd4}.stat-atsea .stat-num{color:#448aff}.port-group{margin-bottom:6px}.port-group-header{color:#00bcd4;cursor:pointer;background:#00bcd414;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:6px 8px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.port-group-header:hover{background:#00bcd426}.port-group-count{color:#00bcd4;background:#00bcd433;border-radius:10px;padding:1px 8px;font-size:11px}.seychelles-card{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid gold;border-radius:10px;margin:8px 16px;padding:12px}.seychelles-card h3{color:gold;margin:0 0 8px;font-size:13px}.seychelles-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 8px;font-size:11px;transition:background .2s;display:flex}.seychelles-item:hover{background:#ffd7001a}.seychelles-item.active{background:#ffd70026}.seyc-id{color:gold;min-width:90px;font-weight:600}.seyc-eta{color:#448aff;min-width:60px}.seyc-port{color:#888}.container-list{flex-direction:column;flex:none;padding:12px 16px;display:flex}.container-list h3{color:#888;margin:0 0 8px;font-size:13px}.list-scroll{flex-direction:column;gap:8px;display:flex}.container-item{cursor:pointer;border-left:3px solid #0000;border-radius:8px;margin-bottom:4px;padding:8px 10px;transition:all .15s}.container-item:hover{background:#ffffff08}.container-item.active{background:#ffffff0f}.container-item.arrived{border-left-color:#00e676}.container-item.delivered{border-left-color:#7c4dff}.container-item.urgent{border-left-color:#ff1744}.container-item.soon{border-left-color:#ffab00}.container-item.transit{border-left-color:#448aff}.container-item.seyc{background:#ffd7000d}.container-item.has-alert{border-right:3px solid #ff1744}.ci-top{justify-content:space-between;align-items:center;display:flex}.ci-id{font-size:12px;font-weight:600}.ci-carrier{color:#666;font-size:10px}.ci-bottom{color:#666;justify-content:space-between;margin-top:2px;font-size:10px;display:flex}.ci-eta{color:#448aff}.map-container{flex:1;height:100vh;position:relative}.map-container .leaflet-container{background:#0a0a1a;width:100%;height:100%}.popup{color:#e0e0e0;background:#0d0d1f;padding:4px;font-size:12px;line-height:1.5}.leaflet-popup-content-wrapper{color:#e0e0e0!important;background:#0d0d1f!important;border:1px solid #2a2a4a!important;border-radius:8px!important}.leaflet-popup-tip{background:#0d0d1f!important}.leaflet-tooltip{box-shadow:none!important;background:#000c!important;border:none!important;border-radius:4px!important;padding:2px 6px!important}.muted{color:#555;font-size:11px}.detail-panel{background:#0d0d1f;border-top:1px solid #1a1a3a;flex-direction:column;flex-shrink:0;max-height:45vh;display:flex}.detail-header{cursor:pointer;background:#12122a;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:14px;display:flex}.detail-header:hover{background:#1a1a3a}.detail-close{color:#555;padding:0 4px;font-size:16px}.detail-body{flex:1;padding:8px 16px 24px;font-size:11px;overflow-y:auto}.detail-row{border-bottom:1px solid #111;justify-content:space-between;padding:4px 0;display:flex}.detail-row .dl{color:#666;min-width:70px}.detail-notes{background:#111;border:1px solid #1a1a3a;border-radius:6px;margin-top:10px;margin-bottom:20px;padding:10px}.notes-text{color:#ccc;white-space:pre-wrap;word-break:break-word;font-size:11px;line-height:1.5}@keyframes dash-animation{to{stroke-dashoffset:-40px}}@keyframes glow-pulse{0%{filter:drop-shadow(0 0 3px #ffffff4d)}50%{filter:drop-shadow(0 0 12px #448affcc)}to{filter:drop-shadow(0 0 3px #ffffff4d)}}.animated-route{animation:.6s linear infinite dash-animation,1.5s ease-in-out infinite glow-pulse}@keyframes pulse-icon{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.cluster-popup .leaflet-popup-content-wrapper,.cluster-popup .leaflet-popup-tip{color:#fff;background:#121212;border-radius:8px;box-shadow:0 4px 15px #00000080}.cluster-popup .leaflet-popup-content{margin:0;width:300px!important}.cluster-popup .leaflet-popup-close-button{color:#aaa!important;padding:8px 8px 0 0!important}.cluster-popup .leaflet-popup-close-button:hover{color:#fff!important}.cluster-popup ::-webkit-scrollbar{width:6px}.cluster-popup ::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.cluster-popup ::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.cluster-popup ::-webkit-scrollbar-thumb:hover{background:#fff6}@keyframes dash-animation-slow{to{stroke-dashoffset:-18px}}.animated-route-slow{animation:1.2s linear infinite dash-animation-slow,2s ease-in-out infinite glow-pulse}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#fff!important;background:#121212!important}.leaflet-popup-close-button{color:#aaa!important}.leaflet-popup-close-button:hover{color:#fff!important}.alert-indicator{justify-content:center;align-items:center;width:16px;height:16px;margin-left:6px;animation:1.5s ease-in-out infinite pulse-alert;display:inline-flex}.alert-indicator svg{fill:#ff1744;filter:drop-shadow(0 0 3px #ff1744cc);width:14px;height:14px}@keyframes pulse-alert{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.alert-badge{color:#ff5252;background:#ff174426;border:1px solid #ff1744;border-radius:4px;align-items:flex-start;gap:6px;margin-top:8px;padding:6px 10px;font-size:11px;line-height:1.4;display:flex}.alert-badge-icon{fill:#ff1744;flex-shrink:0;width:14px;height:14px}.view-toggle{gap:6px;margin-left:10px;display:inline-flex}.view-toggle-btn{color:#9aa4c2;cursor:pointer;background:#12122a;border:1px solid #2a2a4a;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.view-toggle-btn.active{color:#fff;background:#448aff;border-color:#448aff}.globe-shell{background:radial-gradient(circle at 18% 18%,#7ed0ff2e 0%,#0000 28%),radial-gradient(circle at 74% 20%,#7c4dff29 0%,#0000 24%),radial-gradient(circle at 50% 120%,#00e5ff24 0%,#0000 42%),#030712;width:100%;height:100%;position:relative;overflow:hidden}.globe-stars{z-index:0;pointer-events:none;opacity:.65;background-image:radial-gradient(circle,#ffffffe6 0 1px,#0000 1.5px),radial-gradient(circle,#7ed0ffcc 0 1px,#0000 1.4px),radial-gradient(circle,#ffffff73 0 1px,#0000 1.2px);background-position:12px 20px,70px 84px,140px 30px;background-size:120px 120px,190px 190px,260px 260px;animation:90s linear infinite starsDrift;position:absolute;inset:0}.globe-halo{z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#0000 46%,#00e5ff14 58%,#0307129e 76%);position:absolute;inset:-18%}.globe-view{z-index:2;width:100%;height:100%;position:relative}.globe-view .cesium-widget-credits{display:none!important}@keyframes starsDrift{0%{transform:translate(0,0)}to{transform:translate(-120px,70px)}}@keyframes boqReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.globe-overlay{z-index:10;pointer-events:none;max-width:min(360px,100% - 32px);position:absolute;top:16px;left:16px}.globe-card{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090e1ce0;border:1px solid #448aff59;border-radius:14px;padding:14px 16px;box-shadow:0 16px 36px #00000061}.globe-kicker{color:#7ed0ff;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.globe-title{color:#fff;margin-top:4px;font-size:18px;font-weight:800}.globe-copy{color:#a5b4d6;margin-top:4px;font-size:12px}.globe-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.globe-grid span{color:#6f7da0;text-transform:uppercase;letter-spacing:.05em;font-size:10px;display:block}.globe-grid strong{color:#fff;margin-top:2px;font-size:12px;display:block}.globe-footnote{color:#7ed0ff;margin-top:12px;font-size:11px;line-height:1.4}.part-search-results{background:#12122a;border:1px solid #448aff;border-radius:8px;margin:8px 16px;overflow:hidden}.part-search-header{color:#448aff;background:#448aff1f;justify-content:space-between;align-items:center;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.part-search-clear{color:#888;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px}.part-search-clear:hover{color:#ff5252}.search-results-panel{padding:8px 16px}.search-results-header{color:#448aff;background:#448aff1f;border:1px solid #448aff4d;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.search-results-list{flex-direction:column;gap:4px;display:flex}.search-hit{animation:.6s ease-out searchFlash}@keyframes searchFlash{0%{background:#448aff59;box-shadow:0 0 12px #448aff80}to{box-shadow:none;background:0 0}}.no-results{text-align:center;color:#666;padding:24px;font-size:13px}.part-search-list{max-height:240px;overflow-y:auto}.part-search-item{cursor:pointer;border-bottom:1px solid #1a1a3a;padding:8px 10px;transition:background .15s}.part-search-item:hover{background:#448aff14}.part-search-item.active{background:#448aff26;border-left:3px solid #448aff}.psi-top{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.psi-part{color:#00e5ff;font-family:monospace;font-size:12px;font-weight:700}.psi-qty{color:#ffab00;font-size:11px;font-weight:700}.psi-bottom{color:#888;gap:8px;font-size:10px;display:flex}.psi-company{color:#7c4dff;font-weight:600}.psi-inv{color:#666}.psi-container{color:#448aff;margin-left:auto;font-weight:600}.part-search-more{text-align:center;color:#666;padding:6px 10px;font-size:10px}.boq-section{margin-top:10px}.boq-header{color:#00e5ff;border-bottom:1px solid #1a1a3a;margin-bottom:4px;padding:6px 0;font-size:11px;font-weight:700}.boq-table{border-collapse:collapse;width:100%;font-size:10px}.boq-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #2a2a4a;padding:4px 6px;font-size:9px;font-weight:700}.boq-table td{vertical-align:top;border-bottom:1px solid #111;padding:4px 6px}.boq-part{color:#00e5ff;white-space:nowrap;font-family:monospace;font-weight:700}.boq-qty{color:#ffab00;text-align:right;white-space:nowrap;font-weight:700}.boq-owner{color:#c6d0ff;white-space:nowrap}.boq-summary{color:#555;border-top:1px solid #1a1a3a;margin-top:6px;padding-top:4px;font-size:10px}.boq-section-compact{margin:0}.map-boq-overlay{z-index:1200;pointer-events:auto;width:min(340px,100vw - 32px);max-width:340px;position:absolute}.map-boq-overlay .boq-section{background:#0d0d1ff5;border:1px solid #448aff;border-radius:12px;margin-top:0;padding:10px 12px 8px;box-shadow:0 14px 32px #00000073}.map-boq-overlay .boq-table{font-size:10px}.map-boq-overlay .boq-header{padding-top:0}.map-boq-header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-bottom:1px solid #448aff4d;justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:6px;display:flex}.map-boq-header:active{cursor:grabbing}.map-boq-title{color:#fff;background:#448aff26;border:1px solid #448aff4d;border-radius:4px;padding:2px 8px;font-size:14px;font-weight:700}.map-boq-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:background .15s;display:flex}.map-boq-close:hover{background:#ff50504d;border-color:#ff505080}.video-ref-card{margin-top:4px}.video-ref-thumb{cursor:pointer;border:1px solid #2a2a4a;border-radius:8px;height:0;padding-bottom:56.25%;transition:border-color .2s;position:relative;overflow:hidden}.video-ref-thumb:hover{border-color:#448aff}.video-ref-img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.video-ref-play-btn{background:#000000a6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-ref-thumb:hover .video-ref-play-btn{background:#ff0000d9}.video-ref-label{color:#e0e0e0;background:linear-gradient(#0000,#000c);padding:14px 8px 6px;font-size:11px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.map-boq-overlay-above:after{content:"";filter:drop-shadow(0 2px 2px #00000073);border-top:9px solid #121212;border-left:9px solid #0000;border-right:9px solid #0000;width:0;height:0;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}