:root{--bg: #0e1117;--bg-elev: #161b22;--bg-elev-2: #1c2230;--border: #2a313c;--text: #e6edf3;--text-dim: #9aa5b1;--accent: #4f8cff;--accent-dim: #2d4a7a;--danger: #f85149;--warn: #d29922;--ok: #3fb950;--radius: 8px;--nav-w: 220px;--topbar-h: 56px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}.btn{background:var(--bg-elev-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:6px 8px;font:inherit}input:focus,select:focus{outline:none;border-color:var(--accent)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.muted{color:var(--text-dim)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--text-dim);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tbody tr:hover{background:var(--bg-elev-2)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border)}.badge.error{color:var(--danger);border-color:var(--danger)}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.warn{color:var(--warn);border-color:var(--warn)}.shell{display:grid;grid-template-columns:var(--nav-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;height:100vh}.nav-rail{grid-row:1 / 3;background:var(--bg-elev);border-right:1px solid var(--border);padding:12px;overflow-y:auto}.nav-brand{font-weight:700;padding:8px;margin-bottom:8px}.nav-item{display:block;padding:8px 10px;border-radius:var(--radius);color:var(--text-dim);margin-bottom:2px}.nav-item:hover{background:var(--bg-elev-2);text-decoration:none}.nav-item.active{background:var(--accent-dim);color:var(--text)}.topbar{grid-column:2;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg-elev)}.topbar .spacer{flex:1}.content{grid-column:2;overflow-y:auto;padding:20px}.skeleton{background:linear-gradient(90deg,var(--bg-elev-2) 25%,var(--border) 37%,var(--bg-elev-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:4px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.error-banner{background:#f851491a;border:1px solid var(--danger);color:var(--text);border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;gap:12px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-dim)}.grid{display:grid;gap:16px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.widget-grid{grid-template-columns:repeat(2,1fr)}.delta.up{color:var(--ok)}.delta.down{color:var(--danger)}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000}.toast{background:var(--bg-elev-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:10px 14px;min-width:220px}.toast.error{border-left-color:var(--danger)}.toast.success{border-left-color:var(--ok)}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.page-title{margin:0 0 16px;font-size:20px}