:root{--ink:#0a1628;--muted:#637083;--line:#dce3ed;--panel:#fff;--bg:#f4f7fb;--blue:#3f88f7;--blue2:#176ad8;--green:#00a77d;--navy:#081526;--red:#e04f5f;--amber:#f3ae3d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}.topbar{height:72px;padding:0 clamp(20px,4vw,58px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff}.brand{display:flex;gap:12px;align-items:center}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--blue),#70afff);font-weight:800;font-size:20px}.brand div{display:flex;flex-direction:column}.brand strong{font-size:18px}.brand small{color:#aebbd0;font-size:12px;margin-top:2px}.scope-pill{font-size:13px;color:#b9c7da;border:1px solid #35445b;border-radius:999px;padding:7px 12px}main{max-width:1500px;margin:auto;padding:24px clamp(16px,3vw,42px) 60px}.filters{display:grid;grid-template-columns:1.2fr 1fr 1.45fr .9fr 1.05fr auto;gap:14px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 5px 24px rgba(8,21,38,.04)}label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:13px;font-weight:650}select,input[type=search]{height:38px;border:1px solid #cfd8e5;border-radius:8px;background:#fff;padding:0 11px;color:var(--ink);font:inherit;font-size:14px}input[type=range]{accent-color:var(--blue);width:100%}.check{height:38px;flex-direction:row;align-items:center;gap:9px;color:var(--ink);font-size:14px}.check input{width:17px;height:17px;accent-color:var(--blue)}button{height:38px;border:1px solid #cbd5e1;background:#fff;color:var(--ink);border-radius:8px;padding:0 14px;font-weight:700;cursor:pointer}button:hover{border-color:var(--blue);color:var(--blue2)}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:18px 0}.kpis article{min-height:112px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:17px 18px;display:flex;flex-direction:column;box-shadow:0 5px 20px rgba(8,21,38,.035)}.kpis span{font-size:13px;color:var(--muted);font-weight:650}.kpis strong{font-size:28px;line-height:1.2;margin:9px 0 4px;letter-spacing:-.04em}.kpis small{font-size:12px;color:#8995a5}.kpis .accent{background:linear-gradient(145deg,#126bdc,#3f8df8);border:0;color:#fff}.kpis .accent span,.kpis .accent small{color:#dcecff}.grid{display:grid;gap:16px;margin-bottom:16px}.grid.two{grid-template-columns:1fr 1fr}.route-grid{grid-template-columns:1.05fr .95fr}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 24px rgba(8,21,38,.035);overflow:hidden}.panel-head{min-height:68px;padding:16px 18px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.panel h2{margin:0 0 4px;font-size:17px;letter-spacing:-.01em}.panel p{margin:0;color:var(--muted);font-size:13px}.chart{height:300px;padding:4px 14px 14px}.chart svg{width:100%;height:100%;overflow:visible}.axis{stroke:#cfd8e5;stroke-width:1}.gridline{stroke:#e9eef5;stroke-width:1}.axis-label{font-size:11px;fill:#6f7c8e}.bar-label{font-size:11px;fill:var(--ink);font-weight:700}.legend{display:flex;gap:12px;font-size:12px;color:var(--muted);padding-top:3px}.legend span{display:flex;align-items:center;gap:5px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.blue{background:var(--blue)}.dot.green{background:var(--green)}.route-map{height:205px;margin:0 18px;border-radius:10px;background:radial-gradient(circle at 30% 30%,#edf5ff,#e5ebf3);overflow:hidden}.route-map svg{width:100%;height:100%}.route-profile{height:92px;margin:8px 18px 0;border-radius:8px;background:#f7f9fc;overflow:hidden}.route-profile svg{width:100%;height:100%}.route-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 18px 18px}.route-stats div{background:#f5f8fc;border-radius:8px;padding:8px}.route-stats span{display:block;color:var(--muted);font-size:11px}.route-stats strong{font-size:14px}.table-panel{margin-top:16px}.table-panel .panel-head{align-items:center}.search{width:230px}.table-wrap{overflow:auto;max-height:520px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:14px}thead{position:sticky;top:0;background:var(--navy);color:#fff;z-index:1}th{padding:12px 14px;text-align:left;white-space:nowrap;cursor:pointer}th:hover{background:#13253d}td{padding:11px 14px;border-bottom:1px solid #e8edf4;white-space:nowrap}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.active{background:#eaf3ff}.gain{font-weight:750;color:#126bdc}.vertical-gain{color:#008b6c;font-weight:700}.positive-distance{color:var(--green);font-weight:700}.tag{display:inline-block;border-radius:999px;padding:4px 8px;background:#eaf3ff;color:#176ad8;font-size:12px;font-weight:700}.tag.floor{background:#f0f2f5;color:#687386}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:12px 18px}.pagination span{font-size:13px;color:var(--muted)}.method-note{margin-top:16px;border-left:4px solid var(--amber);background:#fff9eb;border-radius:4px 12px 12px 4px;padding:16px 18px}.method-note strong{font-size:14px}.method-note p{margin:5px 0 0;color:#596579;font-size:13px;line-height:1.55}.empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:14px}
.history-proof{height:100%;display:flex;flex-direction:column;justify-content:center;padding:12px 18px;border-left:4px solid var(--blue);background:#eef5ff}.history-proof strong{font-size:15px}.history-proof span{margin-top:4px;color:var(--muted);font-size:12px}.history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:16px 0;background:#ccd7e6;border:1px solid #ccd7e6;border-radius:13px;overflow:hidden}.history-summary div{min-height:94px;padding:15px 18px;background:#eef5ff;display:flex;flex-direction:column}.history-summary span,.history-summary small{font-size:12px;color:var(--muted)}.history-summary strong{margin:8px 0 2px;font-size:23px;color:var(--blue2)}
@media(max-width:1050px){.filters{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(3,1fr)}.grid.two,.route-grid{grid-template-columns:1fr}.scope-pill{display:none}}@media(max-width:650px){.topbar{padding:0 16px}.filters{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.kpis article{min-height:96px}.kpis .accent{grid-column:span 2}.chart{height:260px}.panel-head{flex-direction:column}.search{width:100%}.route-stats{grid-template-columns:1fr 1fr}.legend{flex-wrap:wrap}}
@media(max-width:850px){.history-summary{grid-template-columns:1fr 1fr}}
.scenario-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px;padding:11px 16px;background:#fff;border:1px solid var(--line);border-radius:12px}.scenario-controls strong{font-size:13px}.scenario-controls label{flex-direction:row;align-items:center;gap:6px;color:var(--ink);font-size:13px}.scenario-controls input{accent-color:var(--blue)}.scenario-controls i{width:9px;height:9px;border-radius:50%}.scenario-controls small{margin-left:auto;color:var(--muted);font-size:12px}.kpis article.hidden-scenario{display:none}.kpis.compact{grid-template-columns:repeat(4,1fr)}
.metric-control{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:13px;font-weight:650}.segmented{height:38px;display:flex;border:1px solid #cfd8e5;border-radius:9px;padding:3px;background:#f4f7fb}.segmented button{height:30px;flex:1;border:0;border-radius:6px;padding:0 9px;background:transparent;color:#5e6b7e;font-size:12px}.segmented button.active{background:#176ad8;color:#fff;box-shadow:0 2px 6px rgba(23,106,216,.22)}.dot.amber{background:var(--amber)}.scenario-legend{display:flex;flex-wrap:wrap;gap:10px;padding:0 18px 12px;font-size:11px;color:var(--muted)}.scenario-legend span{display:flex;align-items:center;gap:5px}.route-map{height:260px}.route-profile{height:auto;min-height:76px}.comparison-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:9px}.comparison-cards div{padding:8px;border-radius:7px;background:#fff}.comparison-cards span{display:block;font-size:10px;color:var(--muted)}.comparison-cards strong{font-size:13px}.table-wrap td:nth-child(n+5){font-variant-numeric:tabular-nums}.scenario-value{font-weight:700}.kea-gain{color:#087d63;font-weight:750}.kea-loss{color:#c25e17;font-weight:750}@media(max-width:700px){.comparison-cards{grid-template-columns:1fr 1fr}}