:root{--bg:#f4f5f1;--surface:#ffffff;--surface-2:#eef0ea;--text:#1c211b;--muted:#5d665a;--border:#d9ddd3;--accent:#4a6b3a;--accent-strong:#354f29;--ok:#2f7d4a;--ok-bg:#e3f2e7;--mid:#9a6a00;--mid-bg:#fbf0d4;--danger:#b3261e;--danger-bg:#fbe3e1;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#121510;--surface:#1b1f18;--surface-2:#242a20;--text:#e6eae1;--muted:#9aa393;--border:#323a2d;--accent:#8fb56f;--accent-strong:#a9cf88;--ok:#6fcf8f;--ok-bg:#1d3325;--mid:#e7b84a;--mid-bg:#3a3017;--danger:#f08a82;--danger-bg:#3d1f1d}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.5rem;margin:0 0 4px}h2{font-size:1.1rem;margin:0 0 12px}h3{font-size:.95rem;margin:0 0 8px}.topbar{flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:var(--accent);color:var(--surface);font-weight:800}.brand-name{font-weight:800;font-size:1.1rem}.brand-sub{color:var(--muted);font-size:.8rem}.nav{display:flex;flex-wrap:wrap;gap:4px}.nav a{padding:7px 12px;border-radius:8px;color:var(--muted);font-weight:500;font-size:.9rem}.nav a:hover{background:var(--surface-2);text-decoration:none;color:var(--text)}.nav a.active{background:var(--accent);color:var(--surface)}.container{max-width:1280px;margin:0 auto;padding:24px}.footer{text-align:center;color:var(--muted);font-size:.8rem;padding:24px}.page-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:20px}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.right{text-align:right}.grid{display:grid;grid-gap:16px;gap:16px}.g4{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.span2{grid-column:1/-1}.mt{margin-top:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;min-width:0}.kpi-label{color:var(--muted);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.kpi-value{font-size:1.9rem;font-weight:800;margin:4px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-hint{color:var(--muted);font-size:.82rem}.kpi.warn{border-left:4px solid var(--mid)}.kpi.bad{border-left:4px solid var(--danger)}.kpi.good{border-left:4px solid var(--ok)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;padding:8px 10px;white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:9px 10px;vertical-align:middle}.table.compact td{padding:6px 8px}.table tr:last-child td{border-bottom:none}.badge,.table tbody tr:hover{background:var(--surface-2)}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--muted);white-space:nowrap}.badge.low{background:var(--ok-bg);color:var(--ok)}.badge.mid{background:var(--mid-bg);color:var(--mid)}.badge.high{background:var(--danger-bg);color:var(--danger)}.bar{height:10px;background:var(--surface-2);overflow:hidden}.bar,.bar-fill{border-radius:999px}.bar-fill{height:100%;background:var(--accent)}.bar-fill.danger{background:var(--danger)}.bar-fill.ok{background:var(--ok)}.bar-fill.mid{background:var(--mid)}.hbar{display:grid;grid-template-columns:150px 1fr 50px;grid-gap:10px;gap:10px;margin:8px 0;font-size:.88rem}.btn,.hbar{align-items:center}.btn{display:inline-flex;gap:6px;border:1px solid var(--accent);background:var(--accent);color:var(--surface);padding:8px 14px;border-radius:8px;font-weight:600;cursor:pointer;font-size:.9rem}.btn:hover{background:var(--accent-strong)}.btn:disabled{opacity:.55;cursor:wait}.btn.ghost{background:transparent;color:var(--accent)}.btn.danger{background:transparent;color:var(--danger);border-color:var(--danger)}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:12px;gap:12px}label.field{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--muted);font-weight:600}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px}input[type=range]{padding:0;accent-color:var(--accent)}.checks{display:flex;flex-wrap:wrap;gap:10px}.checks label{display:flex;gap:6px;align-items:center;font-size:.88rem}.alert{background:var(--danger-bg);color:var(--danger);margin-bottom:12px}.alert,.note{padding:12px 14px;border-radius:8px}.note{background:var(--surface-2);font-size:.88rem;color:var(--muted)}.compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.compare .card{padding:14px}.big{font-size:1.4rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--surface-2);border-radius:6px;padding:2px 8px;font-size:.8rem;font-family:ui-monospace,monospace}@media (max-width:640px){.container{padding:16px}.topbar{padding:10px 16px}.compare,.g2,.g3{grid-template-columns:1fr}.hbar{grid-template-columns:110px 1fr 40px}}