:root{--bg: #0f1419;--bg-panel: #1a222c;--bg-panel-2: #212b36;--border: #2c3846;--text: #e6edf3;--text-dim: #8b98a5;--accent: #3b82f6;--green: #16a34a;--green-bright: #22c55e;--red: #dc2626;--red-bright: #ef4444;--amber: #d97706;--amber-bright: #f59e0b;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.app{display:flex;flex-direction:column;min-height:100vh}.banner{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:14px}.banner--live{background:var(--red);color:#fff;box-shadow:inset 0 -3px #00000040;animation:livepulse 2s ease-in-out infinite}.banner--demo{background:var(--green);color:#fff}.banner--unknown{background:#374151;color:#fff}.banner__env{font-weight:500;letter-spacing:.02em;text-transform:none;opacity:.85}@keyframes livepulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}.body{display:flex;flex:1;min-height:0}.sidebar{width:210px;flex-shrink:0;background:var(--bg-panel);border-right:1px solid var(--border);padding:16px 10px}.sidebar__brand{font-weight:800;font-size:18px;padding:4px 10px 16px;color:#fff}.sidebar__brand span{color:var(--accent)}.nav a{display:block;padding:9px 12px;border-radius:8px;color:var(--text-dim);font-size:14px;font-weight:500;margin-bottom:2px}.nav a:hover{background:var(--bg-panel-2);color:var(--text)}.nav a.active{background:var(--accent);color:#fff}.content{flex:1;padding:24px 28px;overflow-x:auto}.page-title{margin:0 0 4px;font-size:22px}.page-sub{margin:0 0 20px;color:var(--text-dim);font-size:14px}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:16px}.card h3{margin:0 0 12px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.stat__label{font-size:12px;color:var(--text-dim);margin-bottom:4px}.stat__value{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.stat__value--sm{font-size:16px}.pos{color:var(--green-bright)}.neg{color:var(--red-bright)}.warn{color:var(--amber-bright)}.dim{color:var(--text-dim)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge--green{background:#22c55e29;color:var(--green-bright)}.badge--red{background:#ef444429;color:var(--red-bright)}.badge--amber{background:#f59e0b29;color:var(--amber-bright)}.badge--gray{background:#8b98a529;color:var(--text-dim)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:13px}thead th{text-align:left;padding:11px 14px;background:var(--bg-panel-2);color:var(--text-dim);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.04em;white-space:nowrap}tbody td{padding:11px 14px;border-top:1px solid var(--border);font-variant-numeric:tabular-nums;white-space:nowrap}tbody tr:hover{background:var(--bg-panel)}.num{text-align:right}.state{border:1px dashed var(--border);border-radius:12px;padding:28px;text-align:center;color:var(--text-dim);background:var(--bg-panel)}.state--error{border-color:var(--red);color:var(--red-bright)}.state--pending{border-color:var(--amber)}.state strong{display:block;margin-bottom:6px;font-size:15px;color:var(--text)}.na{color:var(--text-dim);font-style:italic}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}label.field{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-dim)}label.field input,label.field select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text);font-size:14px;font-variant-numeric:tabular-nums}button.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer}button.btn:hover{filter:brightness(1.1)}.section{margin-top:26px}.section h2{font-size:16px;margin:0 0 12px}.scenarios{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}@media (max-width: 760px){.scenarios{grid-template-columns:1fr}}.scenario{border-radius:12px;padding:16px;border:1px solid var(--border)}.scenario--pess{border-color:#ef444480;background:#ef444412}.scenario--med{border-color:var(--border);background:var(--bg-panel)}.scenario--opt{border-color:#22c55e80;background:#22c55e12}.scenario h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.riskbox{margin-top:18px;border:1px solid var(--red);background:#ef444414;border-radius:12px;padding:16px}.riskbox h3{margin:0 0 12px;color:var(--red-bright);font-size:14px;text-transform:uppercase;letter-spacing:.05em}.riskgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.disclaimer{margin-top:16px;font-size:12px;color:var(--text-dim);line-height:1.5}.spark{display:flex;align-items:flex-end;gap:2px;height:46px;margin-top:10px}.spark span{flex:1;background:currentColor;border-radius:1px;opacity:.7;min-height:2px}