:root{--bg:#f4f2ec;--card:#fff;--ink:#0f1b14;--muted:#6b7a70;--accent:#1f4a33;--accent-ink:#123322;--border:#e6e0d4;--red:#b3261e;--amber:#b7791f;--green:#2f855a;--soft:#eef2ea;--sidebar:#12241b}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}h1{font-size:24px;margin:0}h2{font-size:15px;margin:0 0 12px}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth{width:380px}.fieldlabel{display:block;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);margin:12px 0 4px}.errtext{color:var(--red);font-size:13px;margin:10px 0 0}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:#dfe7e1;padding:18px 14px;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .brand{color:#fff}.sidebar nav{display:flex;flex-direction:column;gap:2px;margin-top:8px}.navitem{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:#c4d2c9;font-size:14px;font-weight:600;cursor:pointer;text-align:left}.navitem:hover{background:hsla(0,0%,100%,.06);color:#fff}.navitem.active{background:var(--accent);color:#fff}.navdot{width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.5}.sidefoot{margin-top:auto;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.08)}.content{padding:28px 32px;max-width:1200px}.pagehead{margin-bottom:20px}.brand{font-weight:800;font-size:19px;letter-spacing:-.2px}.wrap{max-width:1200px;margin:0 auto;padding:24px}.row{display:flex;gap:16px}.grid{display:grid;grid-gap:16px;gap:16px}.metrics{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 1px 2px rgba(15,27,20,.03)}.label{font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}.metric-value{font-size:30px;font-weight:800;margin-top:4px;letter-spacing:-.5px}.note{font-size:12px;margin-top:2px}.muted,.note{color:var(--muted)}.num{text-align:right}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-weight:600;padding:9px 8px;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.3px}th.num{text-align:right}td{padding:11px 8px;border-bottom:1px solid var(--border)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--soft)}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;text-transform:capitalize}.pill.red{background:#f7dcda;color:var(--red)}.pill.amber{background:#f6ecd6;color:var(--amber)}.pill.green{background:#dcefe3;color:var(--green)}.pill.muted{background:var(--soft);color:var(--muted)}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--card);cursor:pointer;font-size:13px;font-weight:600;color:var(--muted)}.tab.active{border-color:var(--accent)}.btn,.tab.active{background:var(--accent);color:#fff}.btn{padding:10px 16px;border-radius:10px;border:none;font-weight:600;cursor:pointer;font-size:14px}.btn:hover{background:var(--accent-ink)}.btn:disabled{opacity:.6;cursor:default}.btn.soft{background:var(--soft);color:var(--accent)}.input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;font-size:15px;background:var(--card);color:var(--ink)}.legendrow{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:14px}.legenddot{width:9px;height:9px;border-radius:999px}.kv{display:flex;justify-content:space-between;padding:5px 0;font-size:14px;border-bottom:1px solid var(--border)}.kv:last-child{border-bottom:none}.bar{height:8px;background:var(--soft);border-radius:999px;overflow:hidden}.barfill{height:100%;background:var(--accent)}.modalbg{position:fixed;inset:0;background:rgba(15,27,20,.4);display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{background:var(--card);border-radius:16px;padding:22px;width:560px;max-width:100%;max-height:90vh;overflow:auto}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;align-items:center}.sidebar,.sidebar nav{flex-direction:row;flex-wrap:wrap}.sidebar nav{margin:0}.sidefoot{margin:0 0 0 auto;border:none;padding:0;display:flex;gap:8px;align-items:center}.content{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}}