:root{--bg: #f4f6f8;--surface: #ffffff;--surface-muted: #eef2f6;--text: #17212f;--text-secondary: #526175;--border: #dce3eb;--primary: #176b62;--primary-hover: #10554e;--primary-soft: #e6f2ef;--baseline: #68788e;--stress: #c77819;--improved: #176b62;--danger: #b42318;--warning: #9a5b13;--focus: #2463eb;--radius-card: 12px;--radius-control: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow: 0 1px 2px rgba(23, 33, 47, .04);--nav: 200px;--scenario: 320px;--header: 64px;font-family:system-ui,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.nums{font-variant-numeric:tabular-nums}.app{min-height:100vh;display:grid;grid-template-columns:var(--nav) minmax(0,1fr) var(--scenario);grid-template-rows:var(--header) minmax(0,1fr)}.header{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--surface);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:var(--space-3);min-width:220px}.brand h1{margin:0;font-size:16px;font-weight:650}.brand p{margin:0;color:var(--text-secondary);font-size:12px}.header-meta{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:13px}.header-actions{margin-left:auto;display:flex;gap:var(--space-2)}.top-nav{display:none;gap:var(--space-2)}.nav{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.nav button,.top-nav button{text-align:left;border:1px solid transparent;background:transparent;border-radius:var(--radius-control);padding:10px 12px;color:var(--text-secondary)}.nav button.active,.top-nav button.active{background:var(--primary-soft);color:var(--primary);border-color:transparent}.main{padding:var(--space-5);min-width:0}.scenario{background:var(--surface);border-left:1px solid var(--border);padding:var(--space-4);overflow:auto}.page-title{margin:0 0 var(--space-2);font-size:26px;font-weight:650}.lede{margin:0 0 var(--space-4);color:var(--text-secondary);max-width:70ch}.banner{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;padding:10px 12px;border-radius:var(--radius-control);border:1px solid var(--border);background:#fff8ee;color:var(--warning);margin-bottom:var(--space-4)}.banner.error{background:#fdeeee;color:var(--danger);border-color:#f3c7c3}.banner.info{background:var(--primary-soft);color:var(--primary)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:var(--space-4)}.card h2{margin:0 0 var(--space-3);font-size:17px}.kpi-label{color:var(--text-secondary);font-size:12px}.kpi-value{font-size:28px;font-weight:650;margin:4px 0}.kpi-note{color:var(--text-secondary);font-size:12px}.loss{color:var(--danger)}.plans{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:var(--space-4)}.plan-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;min-height:0;padding:12px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.plan-card strong{font-size:15px}.plan-card .plan-text{color:var(--text-secondary);font-size:13px}.plan-card .plan-figure{margin-top:auto;font-weight:650}.plan-card.active{border-color:var(--primary);background:var(--primary-soft)}.plan-card:disabled{opacity:.72}.plan-step{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:var(--surface-muted);font-size:12px;font-weight:650}.plan-card.active .plan-step{background:var(--primary);color:#fff}.resource-card{border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:10px}.resource-title,.resource-check{display:flex;gap:8px;align-items:flex-start}.resource-title span,.resource-check span{min-width:0;display:block}.resource-title .hint{display:block;margin-top:4px}.resource-check{margin-top:8px}.resource-line{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:12px;color:var(--text-secondary)}.resource-line input[type=number]{width:100%}.plans button,.btn,.btn-primary,.btn-ghost{border-radius:var(--radius-control);border:1px solid var(--border);background:var(--surface);min-height:40px;padding:8px 12px}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--primary)}.plans button.active{border-color:var(--primary);background:var(--primary-soft)}.plans button:disabled{opacity:.45;cursor:not-allowed}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:12px;border:1px solid var(--border);background:var(--surface-muted)}.badge.demo{background:var(--primary-soft);color:var(--primary);border-color:transparent}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-4)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:top;min-height:44px}th{font-size:12px;color:var(--text-secondary);font-weight:600;position:sticky;top:0;background:var(--surface)}td.num,th.num{text-align:right}.field{margin-bottom:var(--space-3)}.field label{display:flex;justify-content:space-between;gap:var(--space-2);font-size:13px}.field input[type=range]{width:100%}.field input[type=number]{width:72px;border:1px solid var(--border);border-radius:8px;padding:6px 8px}.hint{color:var(--text-secondary);font-size:12px;margin-top:2px}.group-title{margin:16px 0 8px;font-size:13px;font-weight:650}.preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-3)}.preset-row button{font-size:12px;padding:6px 8px}.check{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px;font-size:13px}.actions{display:flex;flex-direction:column;gap:8px;margin-top:var(--space-4)}.scenario-actions{position:sticky;top:0;z-index:2;display:flex;flex-direction:column;gap:8px;margin:-16px -16px 16px;padding:16px;background:var(--surface);border-bottom:1px solid var(--border)}.scenario-actions .btn,.scenario-actions .btn-primary,.scenario-actions .btn-ghost{width:100%}.hint.warn{color:var(--warning)}.preset-row button.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.scheme-stat{margin:0 0 8px;font-size:18px;font-weight:650}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chart-box h3{margin:0 0 4px;font-size:14px}.chart-plot{width:100%;height:220px}.network-wrap{overflow:auto;border:1px solid var(--border);border-radius:8px;background:#f4f7fb}.network{width:100%;height:auto;display:block}.legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--text);font-size:13px;margin-top:8px}.swatch{display:inline-block;width:16px;height:16px;border-radius:4px;margin-right:6px;vertical-align:-3px;background:var(--primary)}.swatch.loaded{background:#0f5c54}.swatch.empty{background:transparent;border:2px dashed #9a5b13}.swatch.idle{background:#8ea0b3}.change{border-left:3px solid var(--primary);padding-left:12px}.change h3{margin:0 0 4px;font-size:15px}.change p{margin:0;color:var(--text-secondary)}.timeline{display:grid;gap:10px}.timeline-row{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center}.bar{position:relative;height:28px;background:var(--surface-muted);border-radius:6px;overflow:hidden}.seg{position:absolute;top:4px;height:20px;border-radius:4px}.seg.loaded{background:var(--primary)}.seg.empty{background:repeating-linear-gradient(90deg,#c5d0dc,#c5d0dc 4px,transparent 4px,transparent 7px)}.seg.service{background:#d7e4f7}.seg.wait{background:#efe6d6}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters input,.filters select{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:#fff}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17212f47;display:flex;justify-content:flex-end}.drawer{width:min(440px,100%);height:100%;background:#fff;padding:20px;overflow:auto;box-shadow:-8px 0 24px #17212f14}.footer-note{margin-top:var(--space-5);color:var(--text-secondary);font-size:12px}@media(max-width:1100px){.app{grid-template-columns:1fr}.nav{display:none}.top-nav{display:flex}.scenario{border-left:0;border-top:1px solid var(--border)}.grid-2,.kpis{grid-template-columns:1fr 1fr}.main{order:2}}@media(max-width:720px){.kpis,.grid-2,.timeline-row,.chart-row,.plan-cards{grid-template-columns:1fr}.header{flex-wrap:wrap;height:auto;padding:12px}.header-actions{width:100%}.kpi-value{font-size:24px}}