:root{--bg:255 255 255;--panel:249 250 251;--card:255 255 255;--border:229 231 235;--text:17 24 39;--muted:107 114 128;--shadow:17 24 39;--accent:255 92 0;--accent-2:34 197 94;--danger:239 68 68;--radius:18px}html.dark{--bg:10 10 11;--panel:18 18 20;--card:22 22 24;--border:39 39 42;--text:244 244 245;--muted:161 161 170;--shadow:0 0 0;--accent:255 116 36;--accent-2:34 197 94;--danger:248 113 113}*{box-sizing:border-box}html,body{height:100%}body{background:rgb(var(--bg));color:rgb(var(--text));margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji}.container{max-width:1200px;margin:0 auto;padding:28px}.shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid rgb(var(--border));background:linear-gradient(180deg,rgba(var(--panel),1),rgba(var(--bg),1));padding:18px}.main{flex-direction:column;display:flex}.topbar{border-bottom:1px solid rgb(var(--border));background:rgba(var(--bg),.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;align-items:center;gap:12px;padding:18px 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:800;display:flex}.pill{border:1px solid rgb(var(--border));background:rgb(var(--card));box-shadow:0 10px 30px rgba(var(--shadow),.06);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.grid{gap:16px;display:grid}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid rgb(var(--border));border-radius:var(--radius);background:rgb(var(--card));box-shadow:0 18px 50px rgba(var(--shadow),.08);overflow:hidden}.card .card-h{justify-content:space-between;align-items:center;padding:16px 16px 10px;display:flex}.card .card-b{padding:0 16px 16px}.h1{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800}.h2{margin:0;font-size:16px;font-weight:750}.p{color:rgb(var(--muted));margin:0;font-size:13px;line-height:1.5}.btn{border:1px solid rgb(var(--border));background:rgb(var(--card));color:rgb(var(--text));cursor:pointer;box-shadow:0 14px 40px rgba(var(--shadow),.06);border-radius:999px;padding:10px 14px;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s}.btn:hover{transform:translateY(-1px)}.btn.primary{border-color:rgba(var(--accent),.35);background:rgb(var(--accent));color:#111;box-shadow:0 18px 60px rgba(var(--accent),.22)}html.dark .btn.primary{color:#0a0a0b}.btn.ghost{box-shadow:none;background:0 0}.btn.small{padding:8px 10px;font-weight:750}.input{border:1px solid rgb(var(--border));background:rgb(var(--card));width:100%;color:rgb(var(--text));border-radius:999px;outline:none;padding:10px 12px}.input:focus{border-color:rgba(var(--accent),.55);box-shadow:0 0 0 4px rgba(var(--accent),.14)}.nav{gap:8px;margin-top:18px;display:grid}.nav a{color:rgb(var(--text));border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px;text-decoration:none;display:flex}.nav a:hover{background:rgb(var(--card));border-color:rgb(var(--border))}.badge{color:rgb(var(--muted));border:1px solid rgb(var(--border));background:rgba(var(--panel),.75);border-radius:999px;padding:6px 10px;font-size:12px}.kpi{letter-spacing:-.03em;font-size:28px;font-weight:850}.kpi-sub{color:rgb(var(--muted));font-size:12px}.hr{background:rgb(var(--border));height:1px;margin:12px 0}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid rgb(var(--border))}.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}