*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"Plus Jakarta Sans", sans-serif;--primary:#0ea5e9;--primary-dark:#0284c7;--primary-light:#38bdf8;--cyan:#06b6d4;--cyan-light:#67e8f9;--bg:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--border:#e2e8f0;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--sidebar-bg:#fff;--sidebar-border:#e2e8f0;--nav-bg:#fff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000d;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--sidebar-width:260px;--sidebar-collapsed:68px;--navbar-height:60px}[data-theme=dark]{--bg:#0a0f1a;--bg-secondary:#0f172a;--bg-card:#1e293b;--border:#1e293b;--text:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--sidebar-bg:#0f172a;--sidebar-border:#1e293b;--nav-bg:#0f172a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080}html,body{height:100%;font-family:var(--font);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root{height:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font);border:none;outline:none}input,textarea,select{font-family:var(--font);outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--cyan));color:#fff;border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .2s,transform .1s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text);border-radius:var(--radius-md);border:1px solid var(--border);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.btn-secondary:hover{background:var(--border)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-container{max-width:1200px;margin:0 auto;padding:32px}.page-title{color:var(--text);margin-bottom:4px;font-size:24px;font-weight:800}.page-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:14px}@media (width<=768px){.page-container{padding:16px}.page-title{font-size:20px}:root{--sidebar-width:0px;--sidebar-collapsed:0px}}.sidebar-mobile-hidden{transform:translate(-100%)}.sidebar-mobile-visible{transform:translate(0)}@media (width<=768px){:root{--sidebar-width:0px;--sidebar-collapsed:0px}.dashboard-grid{grid-template-columns:1fr!important}}[data-font=small]{font-size:13px}[data-font=small] .page-title{font-size:20px}[data-font=small] .page-subtitle{font-size:12px}[data-font=large]{font-size:17px}[data-font=large] .page-title{font-size:28px}[data-font=large] .page-subtitle{font-size:16px}[data-accent=purple]{--primary:#8b5cf6;--primary-dark:#7c3aed;--primary-light:#a78bfa;--cyan:#a78bfa;--cyan-light:#c4b5fd}[data-accent=green]{--primary:#10b981;--primary-dark:#059669;--primary-light:#34d399;--cyan:#34d399;--cyan-light:#6ee7b7}[data-accent=orange]{--primary:#f59e0b;--primary-dark:#d97706;--primary-light:#fbbf24;--cyan:#fbbf24;--cyan-light:#fde68a}[data-compact=true] .card{border-radius:var(--radius-md)}[data-compact=true] .page-title{margin-bottom:2px;font-size:20px}[data-compact=true] .page-subtitle{margin-bottom:20px;font-size:13px}[data-compact=true] .page-container{padding:20px}[data-contrast=true]{--text:#000;--text-secondary:#1e293b;--text-muted:#475569;--border:#475569}[data-contrast=true][data-theme=dark]{--text:#fff;--text-secondary:#f1f5f9;--text-muted:#cbd5e1;--border:#64748b;--bg-card:#1e293b;--bg-secondary:#0f172a}@keyframes cpp-spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}[data-reduce-motion=true] *,[data-reduce-motion=true] :before,[data-reduce-motion=true] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}