: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)}.kpi{position:relative;display:flex;flex-direction:column;gap:10px;padding:18px;background:linear-gradient(180deg,var(--bg-elev-2) 0%,var(--bg-elev) 100%);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s ease,transform .15s ease}.kpi:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--text-dim);opacity:.5}.kpi-good:before{background:var(--ok)}.kpi-bad:before{background:var(--danger)}.kpi:hover{transform:translateY(-1px);border-color:var(--accent-dim)}.kpi-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.kpi-value{font-size:30px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi-delta{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;padding:3px 8px;border-radius:999px}.kpi-delta.up{color:var(--ok);background:#3fb9501f}.kpi-delta.down{color:var(--danger);background:#f851491f}.kpi-delta-note{font-weight:400;opacity:.7}.dash{display:flex;flex-direction:column;gap:20px}.dash-head{display:flex;flex-direction:column;gap:4px;padding-bottom:4px;border-bottom:1px solid var(--border)}.dash-head .page-title{margin:0;font-size:22px;letter-spacing:-.01em}.dash-sub{margin:0;font-size:13px}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.bento>.span-4{grid-column:span 4}.bento>.span-5{grid-column:span 5}.bento>.span-7{grid-column:span 7}.bento>.span-8{grid-column:span 8}.bento>.span-12{grid-column:1 / -1}.tile{display:flex;flex-direction:column;transition:border-color .15s ease,transform .15s ease}.tile:hover{transform:translateY(-1px);border-color:var(--accent-dim)}.tile-title{margin:0 0 16px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:8px}.tile-title:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--accent)}@media (max-width: 1100px){.bento{grid-template-columns:1fr}.bento>[class*=span-]{grid-column:1 / -1}}.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}