*{box-sizing:border-box}:root{--bg: #f6f7f9;--card: #fff;--line: #dde1e6;--text: #1a1f24;--dim: #5b6570;--accent: #2358a8;--accent2: #e8f0fb;--danger: #b3261e;--ok: #1a7f37;--warn: #b26a00}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}header.topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:#16233a;color:#fff;flex-wrap:wrap}header.topbar .brand{font-weight:700}header.topbar nav{display:flex;gap:4px;flex-wrap:wrap}header.topbar nav a{color:#cdd9ec;padding:6px 10px;border-radius:6px}header.topbar nav a.active,header.topbar nav a:hover{background:#2c3e5e;color:#fff}header.topbar .spacer{flex:1}main{max-width:1100px;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:14px}h1{font-size:1.3rem;margin:0 0 12px}h2{font-size:1.05rem;margin:0 0 10px}input,select,textarea,button{font:inherit;padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;max-width:100%}textarea{width:100%;min-height:90px;font-family:inherit}button{cursor:pointer;background:var(--accent);color:#fff;border-color:var(--accent)}button.secondary{background:#fff;color:var(--text);border-color:var(--line)}button.danger{background:var(--danger);border-color:var(--danger)}button.small{padding:5px 9px;font-size:.82rem}button:disabled{opacity:.5;cursor:default}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.list-item{display:flex;gap:10px;align-items:baseline;padding:9px 4px;border-bottom:1px solid var(--line);flex-wrap:wrap}.list-item:last-child{border-bottom:none}.badge{font-size:.72rem;padding:2px 8px;border-radius:999px;background:var(--accent2);color:var(--accent);white-space:nowrap}.badge.warn{background:#fdeaea;color:var(--danger)}.badge.ok{background:#e6f4ea;color:var(--ok)}.badge.dimmed{background:#eef0f3;color:var(--dim)}.dim{color:var(--dim);font-size:.82rem}.tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.tabs button{background:#fff;color:var(--text);border:1px solid var(--line)}.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line);vertical-align:top}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}.login-wrap{max-width:380px;margin:8vh auto}.error{color:var(--danger);margin:8px 0}.ok{color:var(--ok);margin:8px 0}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.kpi .v{font-size:1.4rem;font-weight:600;font-variant-numeric:tabular-nums}.kpi .l{color:var(--dim);font-size:.8rem}.bar{height:8px;background:#e6e9ee;border-radius:4px;overflow:hidden;min-width:90px}.bar>i{display:block;height:100%;background:var(--accent)}.bar>i.hot{background:var(--warn)}.bar>i.over{background:var(--danger)}.codebox{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.3rem;letter-spacing:.15em;padding:12px 16px;background:#f0f2f5;border-radius:8px;display:inline-block}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--dim)}.form-grid label input,.form-grid label select{width:100%}.form-grid .wide{grid-column:1 / -1}.checks{display:flex;gap:12px;flex-wrap:wrap;font-size:.9rem;color:var(--text)}pre{background:#f0f2f5;padding:10px;border-radius:8px;overflow-x:auto;font-size:.82rem}code{background:#f0f2f5;padding:1px 4px;border-radius:4px}.chart{width:100%;height:220px;display:block}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:.8rem;color:var(--dim)}.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:middle}@media (max-width: 640px){main{padding:10px}}