:root{--bg: #f4f6f9;--panel: #18222e;--panel-soft: #223040;--card: #ffffff;--ink: #1f2a36;--ink-soft: #5d6b7a;--line: #e4e9ef;--accent: #2f6f9f;--accent-warm: #e0833a;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:linear-gradient(90deg,#18222e,#243648);color:#fff;box-shadow:0 2px 10px #00000026}.topbar h1{margin:0;font-size:22px;letter-spacing:2px;color:#fff}.topbar p{margin:2px 0 0;font-size:12px;color:#9fb3c6;letter-spacing:.5px}.horizon{display:flex;align-items:center;gap:10px;font-size:13px;color:#cdd9e4}.layout{display:flex;flex:1;min-height:0}.panel{width:320px;flex:0 0 320px;background:var(--panel);color:#d7e0ea;padding:18px;overflow-y:auto}.panel-block{margin-bottom:22px}.block-title{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#80f0c8;margin-bottom:12px;border-bottom:1px solid var(--panel-soft);padding-bottom:6px}.field{margin-bottom:14px}.field-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px;cursor:help}.field-unit{color:#7d8b99;font-size:11px}.field-row{display:flex;align-items:center;gap:10px}.field-row input[type=range]{flex:1;accent-color:var(--accent-warm)}.derived-tag{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#80f0c8;border:1px solid #2c6;border-radius:3px;padding:0 4px;margin-left:4px}.derived-value{background:#11324a;border:1px dashed #31597a;border-radius:6px;padding:6px 10px;font-size:15px;font-weight:700;color:#cfe7ff}.field-number{width:78px;background:var(--panel-soft);border:1px solid #31435a;color:#fff;border-radius:6px;padding:5px 7px;font-size:13px}.select,.btn{width:100%;border-radius:6px;padding:9px 10px;font-size:13px;margin-bottom:10px;border:1px solid #31435a}.select{background:var(--panel-soft);color:#fff}.btn{background:var(--accent-warm);color:#1a1205;font-weight:600;border:none;cursor:pointer}.btn:hover{filter:brightness(1.05)}.content{flex:1;padding:22px;overflow-y:auto}.kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;box-shadow:0 1px 3px #14233c0f}.kpi-label{font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:24px;font-weight:700;margin:6px 0 2px}.kpi-hint{font-size:11px;color:var(--ink-soft)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 3px #14233c0f;overflow:hidden}.card-title{margin:0;padding:14px 18px;font-size:15px;border-bottom:1px solid var(--line)}.card-body{padding:16px 18px}.card-body.chart{height:340px;padding:10px}.compare-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-col{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.compare-tag{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft)}.compare-mech{font-size:20px;font-weight:700;margin:6px 0 4px}.compare-sub{font-size:12px;color:var(--ink-soft)}.compare-verdict{margin-top:14px;padding:10px 14px;border-radius:8px;font-weight:600;font-size:14px}.compare-verdict.ok{background:#e7f6ee;color:#1f7a48}.compare-verdict.warn{background:#fdf0e3;color:#b5651d}.compare-note{margin:12px 0 0;font-size:13px;color:var(--ink-soft);line-height:1.5}.tabs{display:flex;gap:8px;margin-bottom:18px}.tab{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);padding:8px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab:disabled{opacity:.45;cursor:not-allowed}.cmp-table{width:100%;border-collapse:collapse;font-size:13px}.cmp-table th{text-align:left;color:var(--ink-soft);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px;padding:8px 10px;border-bottom:2px solid var(--line)}.cmp-table td{padding:9px 10px;border-bottom:1px solid var(--line)}.cmp-table tbody tr{cursor:pointer}.cmp-table tbody tr:hover{background:var(--bg)}.cmp-table .rank{color:var(--ink-soft);font-variant-numeric:tabular-nums}.cmp-table .well{font-weight:600}.risk-badge{display:inline-block;min-width:34px;text-align:center;padding:3px 8px;border-radius:6px;font-weight:700;color:#fff}.risk-badge.high{background:#c0455a}.risk-badge.med{background:#e0833a}.risk-badge.low{background:#2e8b57}@media (max-width: 1100px){.kpi-row{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}