:root{--bg: #0e1116;--panel: #161b22;--panel-2: #1c232d;--border: #2a323d;--text: #e6edf3;--muted: #8b96a3;--accent: #7c5cff;--up: #22c55e;--down: #f97066}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 18px}.brand-mark{font-size:24px}.brand-name{font-weight:700}.brand-sub{font-size:11px;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;padding:10px 12px;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:2px}.nav-item:hover{background:var(--panel-2)}.nav-item.active{background:var(--panel-2);border-color:var(--accent)}.nav-label{font-weight:600;font-size:14px}.nav-hint{font-size:11px;color:var(--muted)}.sidebar-foot{margin-top:auto;font-size:11px;color:var(--muted);padding:12px 6px 0}.content{flex:1;padding:28px 32px;overflow-x:auto}.page{max-width:1200px;margin:0 auto}.page-head{margin-bottom:22px}.page-head h1{margin:0 0 6px;font-size:24px}.page-sub{margin:0;color:var(--muted);font-size:13px;max-width:640px;line-height:1.5}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.kpi-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.kpi-label{font-size:12px;color:var(--muted)}.kpi-value{font-size:28px;font-weight:700;margin:6px 0 4px}.kpi-delta{font-size:12px}.kpi-delta.up{color:var(--up)}.kpi-delta.down{color:var(--down)}.kpi-delta.flat{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px 20px}.panel h2{margin:0 0 12px;font-size:16px}.checklist{margin:0;padding-left:18px;color:var(--muted);line-height:1.7;font-size:13px}@media (max-width: 900px){.sidebar{width:200px}}