@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";
:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Outfit", sans-serif;--bg-main:#0b0d19;--bg-panel:#161c2db3;--bg-panel-solid:#151a2d;--bg-panel-hover:#1e253bd9;--border-color:#ffffff14;--border-focus:#00f2fe66;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-neon:#00f2fe;--accent-green:#10b981;--accent-orange:#ff9f43;--accent-pink:#ff4757;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 8px 30px #0000004d;--shadow-glow:0 0 15px #00f2fe40;--radius-sm:8px;--radius-md:14px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:linear-gradient(#0b0d19e6 0%,#0b0d1900 100%);justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:.75rem;display:flex}.logo-icon{color:var(--accent-neon);animation:2s ease-in-out infinite pulse-glow}.logo-text{background:linear-gradient(135deg, #fff 0%, var(--accent-neon) 100%);-webkit-text-fill-color:transparent;text-transform:uppercase;-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.badge-live{border:1px solid var(--accent-green);color:var(--accent-green);text-transform:uppercase;letter-spacing:.05em;background:#10b98126;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:flex}.badge-live-dot{background-color:var(--accent-green);width:8px;height:8px;box-shadow:0 0 8px var(--accent-green);border-radius:50%;animation:1.5s infinite blink}.btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent-neon) 0%, #00a8ff 100%);color:#0b0d19;box-shadow:var(--shadow-glow)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 20px #00f2fe66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-panel);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-panel-hover);border-color:var(--text-secondary)}.btn-danger{color:var(--accent-pink);border:1px solid var(--accent-pink);background:#ff475726}.btn-danger:hover{background:var(--accent-pink);color:#fff}.btn-success{background:linear-gradient(135deg, var(--accent-green) 0%, #05c46b 100%);color:#0b0d19}.btn-success:hover{transform:translateY(-2px);box-shadow:0 0 15px #10b98166}.dashboard-grid{flex:1;grid-template-columns:2fr 1fr;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;padding:2rem;display:grid}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr;padding:1rem}}.panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.panel-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.panel-title{color:#fff;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.map-wrapper{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:#1a2238;height:480px;position:relative;overflow:hidden}.map-placeholder{height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.stat-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;flex-direction:column;gap:.25rem;padding:1rem;transition:all .2s;display:flex}.stat-card:hover{border-color:var(--border-focus);background:#ffffff0a}.stat-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem;font-weight:600}.stat-value{font-size:1.5rem;font-weight:800;font-family:var(--font-display);color:#fff}.stat-unit{color:var(--text-muted);margin-left:.25rem;font-size:.85rem;font-weight:500}.chart-container{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff03;width:100%;height:180px;padding:.5rem}.checkpoint-list{flex-direction:column;gap:.75rem;max-height:400px;padding-right:.25rem;display:flex;overflow-y:auto}.checkpoint-item{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.checkpoint-item.passed{border-left:4px solid var(--accent-green);background:#10b9810a}.checkpoint-item.current{border-left:4px solid var(--accent-neon);background:#00f2fe0d;animation:2s ease-in-out infinite border-pulse;box-shadow:0 0 10px #00f2fe0d}.checkpoint-item.pending{opacity:.65}.cp-left{flex-direction:column;gap:.15rem;display:flex}.cp-name{color:#fff;font-size:.95rem;font-weight:600}.cp-sub{color:var(--text-secondary);font-size:.75rem}.cp-right{text-align:right;flex-direction:column;gap:.15rem;display:flex}.cp-time{font-size:.9rem;font-weight:700}.checkpoint-item.passed .cp-time{color:var(--accent-green)}.checkpoint-item.current .cp-time{color:var(--accent-neon)}.checkpoint-item.pending .cp-time{color:var(--text-muted)}.cp-eta{color:var(--text-muted);font-size:.75rem}.timeline{flex-direction:column;gap:1rem;max-height:450px;padding-right:.25rem;display:flex;overflow-y:auto}.timeline-event{border-left:2px solid var(--border-color);padding-bottom:.5rem;padding-left:1.5rem;position:relative}.timeline-event:last-child{padding-bottom:0}.timeline-event:before{content:"";background:var(--text-muted);border:2px solid var(--bg-main);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:-5px}.timeline-event.checkin:before{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.timeline-event.alert:before{background:var(--accent-pink);box-shadow:0 0 6px var(--accent-pink)}.timeline-time{color:var(--text-muted);margin-bottom:.15rem;font-size:.75rem;font-weight:600}.timeline-text{color:var(--text-primary);font-size:.9rem}.tracker-layout{width:100%;max-width:600px;margin:2rem auto;padding:1.5rem}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-sans);background:#0003;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--accent-neon);outline:none;box-shadow:0 0 8px #00f2fe26}.tracker-status-box{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff05;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.tracker-status-row{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.status-indicator{align-items:center;gap:.5rem;font-weight:700;display:flex}.quick-msgs{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.quick-msg-btn{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;text-align:center;background:#ffffff08;padding:.75rem;font-size:.85rem;font-weight:600;transition:all .15s}.quick-msg-btn:hover{border-color:var(--accent-neon);background:#00f2fe14}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 2px var(--accent-neon))}50%{filter:drop-shadow(0 0 10px var(--accent-neon))}}@keyframes border-pulse{0%,to{border-left-color:var(--accent-neon)}50%{border-left-color:#00a8ff}}.leaflet-container{background:#111422!important}.leaflet-popup-content-wrapper{border:1px solid var(--border-color);background:var(--bg-panel-solid)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important}.leaflet-popup-tip{background:var(--bg-panel-solid)!important}.pulse-marker{background-color:var(--accent-neon);border:2px solid #fff;border-radius:50%;width:14px;height:14px;animation:1.5s infinite pulse-marker-anim;box-shadow:0 0 0 4px #00f2fe66}@keyframes pulse-marker-anim{0%{box-shadow:0 0 #00f2feb3}70%{box-shadow:0 0 0 10px #00f2fe00}to{box-shadow:0 0 #00f2fe00}}.checkpoint-marker{background-color:var(--accent-orange);border:2px solid #fff;border-radius:50%;width:12px;height:12px}.checkpoint-marker.passed{background-color:var(--accent-green)}