@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-root:#111827;--bg-root-grad:linear-gradient(180deg, #1a2234 0%, #111827 100%);--bg-card:#1a202ceb;--bg-item:#111824bf;--bg-item-hover:#161e2ee6;--bg-status:#1a202cb3;--bg-insight:#111824bf;--text-primary:#e8eaed;--text-secondary:#bdc1c6;--text-muted:#9aa0a6;--text-dim:#5f6368;--border:#ffffff12;--border-status:#ffffff0a;--border-hover:#8ab4f859;--accent-blue:#8ab4f8;--accent-indigo:#a8b4fb;--accent-red:#f28b82;--accent-green:#81c995;--accent-yellow:#fbbc04;--shadow:0 1px 3px #0006, 0 2px 8px #0003;--shadow-hover:0 4px 12px #00000059;--shadow-glow:none;--backdrop:blur(10px);--radius-card:16px;--radius-item:12px;--theme-transition:background .3s ease, background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.5}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-root:#f8f9fa;--bg-root-grad:linear-gradient(180deg, #f0f4f9 0%, #f8f9fa 100%);--bg-card:#ffffffeb;--bg-item:#f1f3f4e6;--bg-item-hover:#e8eaedf2;--bg-status:#fffc;--bg-insight:#f1f3f4e6;--text-primary:#202124;--text-secondary:#3c4043;--text-muted:#5f6368;--text-dim:#9aa0a6;--border:#00000014;--border-status:#0000000d;--border-hover:#8ab4f899;--accent-blue:#1a73e8;--accent-indigo:#5f6ac4;--accent-red:#d93025;--accent-green:#188038;--accent-yellow:#f29900;--shadow:0 1px 3px #0000001a, 0 2px 6px #0000000f;--shadow-hover:0 4px 10px #0000001f;--shadow-glow:none;--backdrop:blur(8px)}body{background:var(--bg-root-grad);min-width:320px;min-height:100vh;color:var(--text-secondary);transition:var(--theme-transition);margin:0}.app-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.app-header{text-align:center;margin-bottom:4rem;animation:.8s ease-out fadeInDown}.app-header h1{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;transition:var(--theme-transition);margin:0;font-size:2rem;font-weight:600}.app-header h2{background:linear-gradient(90deg,#8ab4f8,#a8b4fb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:.5rem 0 1rem;font-size:3rem;font-weight:700}.status{color:var(--text-muted);letter-spacing:.05em;background:var(--bg-status);border:1px solid var(--border-status);transition:var(--theme-transition);border-radius:9999px;padding:.5rem 1.5rem;font-size:1rem;font-weight:600;display:inline-block}.dashboard{flex-direction:column;gap:1.5rem;display:flex}.top-row{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:1.5rem;display:grid}.bottom-row{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}@media (width<=1024px){.top-row{grid-template-columns:1fr}}.component-panel{background:var(--bg-card);-webkit-backdrop-filter:var(--backdrop);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);height:auto;padding:1.75rem 2rem;transition:transform .2s,box-shadow .2s,background .3s,border-color .3s;animation:.5s ease-out both fadeInUp;display:block;overflow:hidden}.component-panel:nth-child(2){animation-delay:.1s}.component-panel:nth-child(3){animation-delay:.2s}.component-panel:hover{box-shadow:var(--shadow-hover);border-color:var(--border-hover);transform:translateY(-2px)}.component-panel h2{color:var(--text-primary);flex-shrink:0;align-items:center;gap:.5rem;margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;transition:color .3s;display:inline-flex}.component-panel h2:before{content:"";background:var(--accent-blue);opacity:.85;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:block}.component-panel ul{scroll-behavior:smooth;flex-direction:column;flex:1;gap:1rem;margin:0;padding:0 2px 0 0;list-style-type:none;display:flex;overflow:hidden auto}.component-panel ul::-webkit-scrollbar{width:3px}.component-panel ul::-webkit-scrollbar-track{background:0 0}.component-panel ul::-webkit-scrollbar-thumb{background:#8ab4f840;border-radius:99px}.component-panel li{background:var(--bg-item);border-radius:var(--radius-item);color:var(--text-secondary);border-left:3px solid var(--accent-indigo);padding:.9rem 1.1rem;font-size:.9rem;transition:background .2s,transform .2s}.component-panel li:hover{background:var(--bg-item-hover);transform:translateY(-1px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.live-indicator{background-color:var(--accent-red,#f28b82);border-radius:50%;width:7px;height:7px;animation:2s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.pulse-high{animation:2s infinite pulseRed}.zone-item{transition:all .4s}.zone-high{background:#f28b8212!important;border-left-color:#f28b82!important}.zone-medium{background:#fbbc0412!important;border-left-color:#fbbc04!important}.zone-low{background:#81c9950f!important;border-left-color:#81c995!important}.zone-closed{opacity:.5;filter:grayscale();background:#0f172acc!important;border-left-color:#475569!important}.zone-closed-label{color:#ef4444;font-size:.85rem;font-style:italic;font-weight:700}@keyframes glowMedium{0%{box-shadow:0 0 #f59e0b4d}70%{box-shadow:0 0 8px 4px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.glow-medium{animation:2.5s infinite glowMedium}.density-bar-wrap{background:#ffffff0f;border-radius:99px;height:5px;margin-top:.6rem;overflow:hidden}.density-bar{border-radius:99px;height:100%;transition:width .6s}@keyframes pulseRed{0%{box-shadow:0 0 #f28b8280}70%{box-shadow:0 0 0 6px #f28b8200}to{box-shadow:0 0 #f28b8200}}.alerts-container{scroll-behavior:smooth;flex-direction:column;flex:1;gap:.6rem;padding-right:4px;display:flex;overflow:hidden auto}.alerts-container::-webkit-scrollbar{width:4px}.alerts-container::-webkit-scrollbar-track{background:#ffffff08;border-radius:99px}.alerts-container::-webkit-scrollbar-thumb{background:#818cf859;border-radius:99px}.alerts-container::-webkit-scrollbar-thumb:hover{background:#818cf899}.alerts-fade-bottom{position:relative}.alerts-fade-bottom:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0f172aeb);height:32px;margin-top:-32px;display:block;position:sticky;bottom:0}.alert-card{border-radius:10px;flex-direction:column;flex-shrink:0;gap:.25rem;padding:.75rem 1rem;font-weight:500;display:flex;box-shadow:0 2px 4px #00000026}.alert-warning{color:#fca5a5;background:#ef444426;border-left:4px solid #ef4444}.alert-info{color:#bae6fd;background:#38bdf826;border-left:4px solid #38bdf8}.fade-in{animation:.4s cubic-bezier(.22,1,.36,1) both slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.journey-panel{background:linear-gradient(145deg,#1e293be6,#0f172ae6);height:auto!important;overflow:visible!important}.journey-progress{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem;display:flex}.progress-dot{background:#334155;border-radius:50%;width:20px;height:20px;transition:all .5s}.progress-dot.active{background:#818cf8;box-shadow:0 0 10px #818cf8}.progress-line{background:#334155;flex-grow:1;height:4px;margin:0 10px;transition:all .5s}.progress-line.active{background:#818cf8}.journey-card{background:#0f172a99;border-left:4px solid #475569;border-radius:12px;padding:1.5rem}.journey-card h3{color:var(--text-primary);margin-top:0;margin-bottom:.5rem;font-size:1.25rem}.journey-card p{color:var(--text-secondary);margin-bottom:1rem}.simulation-highlight{background:#ffffff0d;border-radius:8px;padding:1rem;font-size:1.1rem}.card-section{margin-bottom:1.5rem}.card-section.bottom{margin-top:1.5rem}.insights-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=480px){.insights-grid{grid-template-columns:1fr}}.insight-card{text-align:center;background:var(--bg-insight);border:1px solid var(--border);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;min-height:110px;padding:1.25rem 1rem;transition:transform .2s,border-color .2s,background .3s;display:flex}.insight-card:hover{border-color:#818cf859;transform:translateY(-4px)}.insight-icon{background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.75rem;display:flex}.insight-content{flex-direction:column;align-items:center;gap:.15rem;display:flex}.insight-content small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.68rem}.insight-content strong{color:var(--text-primary);font-size:1.15rem;font-weight:700}.admin-zone-card{background:#0f172a66;border:1px solid #38bdf8;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .3s;display:flex}.admin-zone-card.closed{opacity:.7;filter:grayscale(80%);background:#0f172acc;border-color:#475569}.admin-zone-card.toggling-glow{animation:1.5s infinite glowPulse}@keyframes glowPulse{0%{box-shadow:0 0 5px #38bdf833}50%{box-shadow:0 0 15px #38bdf8cc}to{box-shadow:0 0 5px #38bdf833}}.status-label{margin-left:10px;font-size:.8rem;font-weight:700}.open-text{color:#22c55e}.closed-text{color:#ef4444}.admin-btn{cursor:pointer;border-radius:6px;padding:4px 12px;font-weight:700;transition:all .2s}.btn-open{color:#86efac;background:#22c55e33;border:1px solid #22c55e}.btn-open:hover{background:#22c55e66}.btn-close{color:#fca5a5;background:#ef444433;border:1px solid #ef4444}.btn-close:hover{background:#ef444466}.toast-notification{color:#fff;z-index:100;background:#22c55e;border-radius:8px;padding:8px 16px;font-weight:700;position:absolute;top:-40px;right:10px;box-shadow:0 4px 6px #0000004d}.route-card{background:#0f172a99;border:1px solid #38bdf833;border-radius:14px;padding:1.25rem;transition:all .4s}.route-badge{color:#86efac;background:#22c55e26;border:1px solid #22c55e;border-radius:99px;padding:3px 10px;font-size:.8rem;font-weight:700}.reroute-notice{color:#f59e0b;font-size:.78rem;font-weight:700}.route-path{flex-wrap:wrap;align-items:center;gap:.3rem;margin:1rem 0;display:flex}.route-node{color:#a5b4fc;background:#818cf833;border:1px solid #818cf8;border-radius:8px;padding:4px 12px;font-size:1rem;font-weight:700}.route-arrow{color:#64748b;font-size:1.1rem;font-weight:700}.route-meta{gap:1rem;margin-bottom:.75rem;display:flex}.route-meta-item{background:#ffffff0a;border-radius:8px;flex:1;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.route-meta-item small{color:#94a3b8;text-transform:uppercase;font-size:.7rem;display:block}.route-meta-item strong{color:#f8fafc;font-size:1rem}.route-reason{color:#94a3b8;margin:0;font-size:.85rem}@keyframes rerouteFlash{0%{border-color:#f97316cc;box-shadow:0 0 12px #f9731666}to{box-shadow:none;border-color:#38bdf833}}.reroute-flash{animation:1.5s ease-out rerouteFlash}.whatif-panel{background:linear-gradient(145deg,#1e1b3cf2,#0f172af2);border:1px solid #818cf833;height:auto!important;overflow:visible!important}.whatif-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.whatif-controls{grid-template-columns:1fr 2fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=768px){.whatif-controls{grid-template-columns:1fr}}.whatif-field label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:.6rem;font-size:.8rem;display:block}.whatif-zone-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.whatif-zone-btn{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #334155;border-radius:8px;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.whatif-zone-btn:hover{color:#a5b4fc;border-color:#818cf8}.whatif-zone-btn.active{color:#a5b4fc;background:#818cf833;border-color:#818cf8;box-shadow:0 0 10px #818cf84d}.whatif-zone-btn.spiked{background:#ef44441a;border-color:#ef4444}.spike-badge{color:#ef4444;font-size:.65rem}.whatif-slider{width:100%;accent-color:var(--thumb-color,#818cf8);cursor:pointer;height:6px}.whatif-slider-labels{justify-content:space-between;margin-top:.4rem;font-size:.65rem;display:flex}.whatif-action{align-items:flex-end;padding-top:1.4rem;display:flex}.whatif-btn-apply{cursor:pointer;background:#0f172ab3;border:1px solid;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:700;transition:all .25s}.whatif-btn-apply:hover{background:#ffffff0d;transform:translateY(-1px)}.whatif-btn-reset-all{color:#fbbf24;cursor:pointer;background:#f59e0b1a;border:1px solid #f59e0b;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:700;transition:all .2s}.whatif-btn-reset-all:hover{background:#f59e0b33}.whatif-active-spikes{background:#0f172a80;border:1px solid #f59e0b33;border-radius:10px;margin-top:1.25rem;padding:1rem}.spike-chip{color:#fca5a5;background:#ef44441a;border:1px solid #ef444466;border-radius:99px;align-items:center;gap:.5rem;padding:4px 10px;font-size:.85rem;display:inline-flex}.spike-chip-reset{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;line-height:1}.alerts-panel{flex-direction:column;height:620px;display:flex}