:root{color-scheme:dark;--bg: #08101d;--bg-deep: #040811;--panel: rgba(12, 24, 42, .82);--panel-strong: rgba(16, 30, 52, .92);--border: rgba(64, 193, 255, .14);--border-strong: rgba(64, 193, 255, .28);--text: #eaf6ff;--muted: #8fa4bf;--blue: #33d6ff;--cyan: #74e6ff;--green: #46f0b6;--red: #ff6b7a;--yellow: #ffd166;--shadow: 0 14px 40px rgba(0, 0, 0, .32);--glow: 0 0 14px rgba(51, 214, 255, .22);--radius: 8px;--grid-line: rgba(64, 193, 255, .035)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-feature-settings:"tnum" 1;overflow-x:hidden;background:radial-gradient(circle at 14% 12%,rgba(51,214,255,.1),transparent 22%),radial-gradient(circle at 82% 16%,rgba(116,230,255,.08),transparent 20%),linear-gradient(180deg,#0a1324,#08101d 34%,#040811)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px);background-size:38px 38px;opacity:.55}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.012) 0px,rgba(255,255,255,.012) 1px,transparent 2px,transparent 4px);opacity:.16}button,input,select{font:inherit}.numeric,.metric-value,.diag-value,.insight-number,.panel-meta,.route-visual-badge,.scenario-btn,.logic-btn,.logic-close,.spark-label,.spark-axis{font-variant-numeric:tabular-nums}.app-shell{position:relative;z-index:1;max-width:1480px;margin:0 auto;padding:28px}.ambient-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 30%,rgba(0,0,0,1),rgba(0,0,0,.18) 72%,transparent 100%);mask-image:radial-gradient(circle at 50% 30%,rgba(0,0,0,1),rgba(0,0,0,.18) 72%,transparent 100%);opacity:.68}.ambient-glow{position:fixed;border-radius:8px;filter:blur(84px);pointer-events:none;opacity:.22}.ambient-glow-a{width:300px;height:300px;top:7%;left:74%;background:#33d6ff29}.ambient-glow-b{width:260px;height:260px;top:66%;left:4%;background:#46f0b61a}.topbar{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;padding:20px 22px;border-radius:calc(var(--radius) + 2px);border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0d,#ffffff06);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.eyebrow{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;margin-bottom:8px}.title-block h1{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1.04;letter-spacing:-.04em}.title-block p{margin:10px 0 0;color:var(--muted);max-width:820px;line-height:1.55}.badge-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:#ffffff08;color:var(--muted);font-size:.92rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 #46f0b685;animation:pulse 2.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #46f0b685}70%{box-shadow:0 0 0 14px #46f0b600}to{box-shadow:0 0 #46f0b600}}.topbar-controls{display:flex;flex-direction:column;gap:12px;align-items:flex-end}.scenario-switcher{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.scenario-btn,.logic-btn,.logic-close{border:1px solid var(--border);border-radius:8px;background:#ffffff08;color:var(--text);padding:10px 14px;cursor:pointer;transition:transform .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease,color .24s ease}.scenario-btn:hover,.logic-btn:hover,.logic-close:hover{transform:translateY(-1px);background:#ffffff0f;border-color:var(--border-strong)}.scenario-btn.active{color:#06111e;background:linear-gradient(135deg,#74e6fff5,#46f0b6eb);border-color:#74e6ff8c;box-shadow:0 0 0 1px #33d6ff14,0 12px 28px #33d6ff38}.logic-btn{display:inline-flex;align-items:center;gap:10px}.logic-shortcut,.keycap{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:6px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:var(--text);font-size:.8rem}.dashboard-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1.1fr;gap:18px;margin-top:18px}.full-span{grid-column:1 / -1}.dashboard-grid>*{min-width:0}.panel-head,.route-visual-header{flex-wrap:wrap}.panel-head>*,.route-visual-header>*{min-width:0}.panel-meta{text-align:right;word-break:break-word}.routing-panel .echarts-for-react,.routing-panel canvas{max-width:100%}.panel{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.035),var(--panel));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#ffffff06,#fff0 30%)}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border:1px solid rgba(255,255,255,.03);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.panel:hover{transform:translateY(-2px);border-color:#74e6ff38;box-shadow:0 24px 60px #0000006b}.neon-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(51,214,255,.16);box-shadow:0 0 0 1px #33d6ff0f,0 0 24px #33d6ff1a;pointer-events:none}.panel-head{display:flex;justify-content:space-between;gap:12px;padding:18px 20px 0}.panel-title{font-size:1.02rem;letter-spacing:-.02em;font-weight:700}.panel-subtitle,.panel-meta,.route-visual-header p,.route-visual-caption,.diag-note,.artifact-body p,.footer-bar,.spark-axis,.spark-label,.logic-topbar p,.logic-card ul{color:var(--muted)}.panel-subtitle{margin-top:6px;font-size:.92rem;line-height:1.45}.panel-meta{font-size:.86rem}.best-badge{color:var(--green)}.metrics-grid,.diagnostics-grid{display:grid;gap:12px;padding:16px 20px 20px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.diagnostics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card,.diag-card,.logic-card{border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff09;padding:16px}.metric-card.emphasis{border-color:#33d6ff2e;box-shadow:inset 0 0 0 1px #33d6ff0f,0 0 22px #33d6ff14}.metric-label,.diag-label,.logic-card-head,.insight-kicker{font-size:.84rem;letter-spacing:.02em;color:var(--muted);margin-bottom:8px}.metric-value,.diag-value{font-size:1.65rem;font-weight:700;letter-spacing:-.03em}.metric-card.emphasis .metric-value{color:var(--cyan);text-shadow:0 0 12px rgba(116,230,255,.16)}.suffix{margin-left:4px;font-size:.9rem;color:var(--muted)}.insight-panel{overflow:visible}.insight-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;padding:16px 20px 0}.insight-hero,.insight-side,.artifact-body{border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#ffffff09;padding:16px}.insight-number-wrap{display:inline-flex;position:relative}.insight-number{font-size:clamp(2.3rem,3vw,3rem);font-weight:800;letter-spacing:-.05em;color:var(--green);text-shadow:0 0 18px rgba(70,240,182,.16)}.insight-copy{margin:12px 0 0;line-height:1.55;color:var(--muted)}.mini-row+.mini-row{margin-top:14px}.mini-head{display:flex;justify-content:space-between;gap:12px;font-size:.88rem;color:var(--muted);margin-bottom:7px}.mini-value{color:var(--text)}.mini-track{position:relative;height:10px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#ffffff12,#ffffff06),repeating-linear-gradient(135deg,#ffffff06 0,#ffffff06 8px,#fff0 8px,#fff0 16px)}.mini-fill{height:100%;border-radius:10px}.mini-fill.cyan{background:linear-gradient(90deg,#74e6fff2,#33d6ff8c)}.mini-fill.green{background:linear-gradient(90deg,#46f0b6f2,#74e6ff85)}.neon-fill{box-shadow:0 0 16px #46f0b638}.sparkline{width:calc(100% - 40px);margin:10px 20px 20px;height:120px}.spark-label,.spark-axis{font-size:11px}.route-visual-shell{padding:18px 20px 20px}.route-visual-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.route-visual-header h3{margin:0;font-size:1rem}.route-visual-header p{margin:6px 0 0;max-width:760px;line-height:1.45}.route-visual-badge{white-space:nowrap;border-radius:8px;border:1px solid var(--border);padding:8px 12px;color:var(--cyan);background:#ffffff08}.route-visual-stage{position:relative;min-height:380px;border-radius:8px;border:1px solid rgba(255,255,255,.07);overflow:hidden;background:radial-gradient(circle at 50% 36%,rgba(116,230,255,.08),transparent 32%),#ffffff06}.route-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(116,230,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(116,230,255,.03) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1),rgba(0,0,0,.08) 78%,transparent 100%);mask-image:radial-gradient(circle at 50% 50%,rgba(0,0,0,1),rgba(0,0,0,.08) 78%,transparent 100%)}.route-svg{position:relative;display:block;width:100%;height:100%}.route-path{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke:url(#routeGradient);stroke-dasharray:1;stroke-dashoffset:1;animation:route-grow 1.05s cubic-bezier(.2,.7,.2,1) forwards}.route-path.inactive{stroke-width:2;stroke:#ffffff24;filter:none}.route-glow{filter:drop-shadow(0 0 10px rgba(116,230,255,.16))}.route-particle{filter:drop-shadow(0 0 8px rgba(116,230,255,.4))}.customer-dot.active{fill:#ffffffb8}.customer-dot.inactive{fill:#ffffff29}.route-end.active{fill:#46f0b6eb;stroke:#74e6ffe0;stroke-width:2}.route-end.inactive{fill:#ffffff29}.depot-core{fill:#33d6ffeb;stroke:#ffffff85;stroke-width:2;filter:drop-shadow(0 0 14px rgba(51,214,255,.22))}.depot-ring{fill:none;stroke:#74e6ff29;stroke-width:1.5}.depot-label{fill:var(--text);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.route-visual-caption{margin-top:12px;font-size:.9rem;line-height:1.5}@keyframes route-grow{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.artifact-body{margin:16px 20px 20px}.artifact-body img{width:100%;height:280px;object-fit:contain;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#ffffff06}.artifact-body p{margin:12px 0 0;line-height:1.5;font-size:.92rem}.footer-bar{position:relative;z-index:2;margin-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-note{color:var(--muted)}.logic-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:28px;background:#040810c2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logic-panel{width:min(980px,100%);max-height:min(86vh,920px);overflow:auto;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#0b1526fa,#070d18f5);box-shadow:0 36px 80px #00000080}.logic-topbar{display:flex;justify-content:space-between;gap:16px;padding:20px 22px 0}.logic-topbar h3{margin:0;font-size:1.1rem}.logic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px 22px 22px}.logic-wide{grid-column:1 / -1}.logic-card ul{margin:0;padding-left:18px;line-height:1.7}.logic-card strong{color:var(--text)}.logic-table-wrap{overflow-x:auto}.logic-table{width:100%;border-collapse:collapse}.logic-table th,.logic-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.logic-table th{color:var(--muted);font-weight:600}@media (max-width: 1180px){.dashboard-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 960px){.topbar{flex-direction:column}.topbar-controls,.scenario-switcher{align-items:flex-start;justify-content:flex-start}.insight-layout,.diagnostics-grid,.logic-grid{grid-template-columns:1fr}.artifact-body img{height:220px}}@media (max-width: 640px){.app-shell{padding:18px}.metrics-grid{grid-template-columns:1fr}.route-visual-header,.panel-head,.logic-topbar,.footer-bar{flex-direction:column;align-items:flex-start}.route-visual-stage{min-height:300px}}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:1fr}.routing-panel .echarts-for-react{height:320px!important}}@media (max-width: 900px){.topbar,.panel-head,.route-visual-header{align-items:flex-start}.topbar-controls,.scenario-switcher{width:100%;justify-content:flex-start;align-items:flex-start}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostics-grid,.insight-layout{grid-template-columns:1fr}.panel-meta{text-align:left}.artifact-body img{height:auto;max-height:320px}}