:root{--bg:#0b0b14;--bg-elev:#13131f;--bg-card:#171724;--border:#ffffff14;--text:#f5f5fa;--text-muted:#f5f5fa8c;--primary:#c084fc;--accent:#ec4899;--gold:#fbbf24;--success:#34d399}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif}body{background:radial-gradient(1200px 600px at 80% -10%, #a855f724, transparent 60%), radial-gradient(900px 500px at -10% 100%, #ec48991a, transparent 60%), var(--bg);min-height:100vh}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.glass{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);background:linear-gradient(#ffffff0a,#ffffff05);border-radius:16px}.gradient-text{background:linear-gradient(90deg,#c084fc,#ec4899,#fbbf24);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.kpi-card{border:1px solid var(--border);background:linear-gradient(#ffffff0a,#ffffff04);border-radius:16px;padding:20px;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--kpi-gradient,linear-gradient(135deg, #c084fc2e, #ec48990d));opacity:.6;pointer-events:none;position:absolute;inset:0}.kpi-card>*{z-index:1;position:relative}.kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:12px}.kpi-value{letter-spacing:-.5px;font-size:28px;font-weight:700}.kpi-trend{color:var(--text-muted);margin-top:6px;font-size:12px}.pulse-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;display:inline-block;box-shadow:0 0 #34d399b3}@keyframes pulse{0%{box-shadow:0 0 #34d39999}70%{box-shadow:0 0 0 10px #34d39900}to{box-shadow:0 0 #34d39900}}.sidebar-brand{letter-spacing:-.4px;align-items:center;gap:12px;padding:20px 16px 8px;font-size:18px;font-weight:700;display:flex}.sidebar-brand .brand-mark{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:10px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-title{letter-spacing:-.5px;margin:0;font-size:22px;font-weight:700}.page-sub{color:var(--text-muted);margin-top:2px;font-size:13px}.login-bg{background:radial-gradient(800px 400px at 30% 20%, #a855f738, transparent 60%), radial-gradient(800px 400px at 70% 80%, #ec48992e, transparent 60%), var(--bg);place-items:center;min-height:100vh;display:grid}.login-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);background:linear-gradient(#ffffff0d,#ffffff05);border-radius:20px;width:100%;max-width:420px;padding:36px 32px;box-shadow:0 20px 60px #0006}.login-brand{align-items:center;gap:12px;margin-bottom:24px;display:flex}.login-brand .mark{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:14px;place-items:center;width:44px;height:44px;font-size:24px;display:grid}