:root{--brand:#10b981;--brand-rgb:16,185,129;--brand-light:#ecfdf5;--g50:#f8fafc;--g100:#f1f5f9;--g200:#e2e8f0;--g300:#cbd5e1;--g400:#94a3b8;--g500:#64748b;--g600:#475569;--g700:#334155;--g800:#1e293b;--g900:#0f172a;--g950:#020617;--bg:#fff;--bg2:var(--g50);--bg3:var(--g100);--tx:var(--g900);--tx2:var(--g600);--tx3:var(--g400);--bd:var(--g200);--ok:#22c55e;--wn:#f59e0b;--er:#ef4444;--sbg:var(--g950);--stx:var(--g400);--shm:0 4px 6px -1px rgba(0,0,0,.07);--shl:0 10px 15px -3px rgba(0,0,0,.08);--r:.5rem;--rl:.75rem;--f:"Inter",system-ui,sans-serif;--ease:cubic-bezier(.4,0,.2,1);--dur:150ms}[data-theme=dark]{--bg:var(--g950);--bg2:var(--g900);--bg3:var(--g800);--tx:var(--g50);--tx2:var(--g400);--tx3:var(--g500);--bd:var(--g800);--shl:0 10px 15px rgba(0,0,0,.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--f);font-size:16px}body{font-size:.875rem;line-height:1.5;color:var(--tx);background:var(--bg2);-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;border:none;background:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--sbg);color:var(--stx);display:flex;flex-direction:column;z-index:40;transition:transform .3s var(--ease)}.sb-brand{padding:20px 24px;font-size:18px;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.06)}.sb-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sb-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--r);font-size:14px;font-weight:500;color:var(--stx);transition:all var(--dur) var(--ease);cursor:pointer;border:none;width:100%;text-align:left;background:none}.sb-item:hover{background:rgba(255,255,255,.06);color:#fff}.sb-item.active{background:rgba(var(--brand-rgb),.2);color:#fff}.main{margin-left:260px;min-height:100vh;background:var(--bg2)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:12px 32px;background:rgba(255,255,255,.8);backdrop-filter:blur(12px);border-bottom:1px solid var(--bd)}[data-theme=dark] .topbar{background:rgba(2,6,23,.8)}.topbar-title{font-size:18px;font-weight:700;color:var(--tx)}.content{padding:24px 32px;max-width:1200px}.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.sc{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:24px;transition:all var(--dur) var(--ease);position:relative;overflow:hidden}.sc:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),rgba(var(--brand-rgb),.3));opacity:0;transition:opacity var(--dur) var(--ease)}.sc:hover{border-color:var(--brand);box-shadow:var(--shm);transform:translateY(-2px)}.sc:hover:before{opacity:1}.sl{font-size:13px;font-weight:500;color:var(--tx3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.sv{font-size:28px;font-weight:700;color:var(--tx);margin-bottom:4px}.sv-c{font-size:12px;font-weight:600;color:var(--ok)}.secc{background:var(--bg);border:1px solid var(--bd);border-radius:var(--rl);padding:24px;margin-bottom:20px}.sect{font-size:16px;font-weight:700;color:var(--tx)}.secs,.sect{margin-bottom:16px}.secs{font-size:13px;color:var(--tx2)}.tw{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;font-weight:600;color:var(--tx3);text-transform:uppercase;letter-spacing:.05em;background:var(--bg3)}td,th{padding:12px 16px;border-bottom:1px solid var(--bd)}td{font-size:14px;color:var(--tx)}tr:hover td{background:var(--bg3)}.b{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600}.bs{background:rgba(34,197,94,.1);color:#16a34a}.be{background:rgba(239,68,68,.1);color:#dc2626}.bb{background:rgba(var(--brand-rgb),.1);color:var(--brand)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--r);font-size:14px;font-weight:600;transition:all var(--dur) var(--ease);cursor:pointer;border:1px solid transparent}.bp{background:var(--brand);color:#fff;border-color:var(--brand)}.bp:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-rgb),.3)}.tg{width:40px;height:40px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;border:1px solid var(--bd);background:var(--bg);cursor:pointer;transition:all var(--dur) var(--ease);font-size:18px}.tg:hover{border-color:var(--brand)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai{animation:fadeIn .4s var(--ease) forwards}.tc{height:8px;background:var(--bg3);overflow:hidden}.tc,.tf{border-radius:4px}.tf{height:100%;background:linear-gradient(90deg,var(--brand),rgba(var(--brand-rgb),.5));transition:width .6s var(--ease)}.mb{display:none;position:fixed;top:12px;left:12px;z-index:50;width:40px;height:40px;border-radius:var(--r);background:var(--bg);border:1px solid var(--bd);align-items:center;justify-content:center;cursor:pointer;font-size:20px}@media(max-width:1024px){.sg{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.mb{display:flex!important}}@media(max-width:640px){.sg{grid-template-columns:1fr}.content{padding:16px}.topbar{padding:12px 16px}}