:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-main:#0f172a;--bg-card:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#22d3ee;--border:#334155;--success:#10b981;--error:#ef4444;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--text:var(--text-main);--bg-input:#0003;--text-input:#fff;--bg-item-hover:#ffffff0a;--glass-bg:#1e293bb3;--glass-border:#ffffff14;--title-gradient:linear-gradient(to right, #fff, #94a3b8);--bg-gradient:radial-gradient(circle at 10% 20%, #6366f10d 0%, transparent 40%), radial-gradient(circle at 90% 80%, #22d3ee08 0%, transparent 40%)}[data-theme=light]{--primary:#4f46e5;--primary-hover:#4338ca;--bg-main:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--accent:#06b6d4;--border:#cbd5e1;--bg-input:#0000000a;--text-input:#0f172a;--bg-item-hover:#00000008;--glass-bg:#ffffffbf;--glass-border:#00000014;--title-gradient:linear-gradient(to right, #0f172a, #475569);--bg-gradient:radial-gradient(circle at 10% 20%, #6366f10a 0%, transparent 40%), radial-gradient(circle at 90% 80%, #06b6d408 0%, transparent 40%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);background-image:var(--bg-gradient);color:var(--text-main);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.8}select option{background-color:var(--bg-card);color:var(--text-main)}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-outline{border:1px solid var(--border);color:var(--text-main);background:0 0}.btn-outline:hover{background:var(--bg-item-hover);border-color:var(--text-muted)}.dashboard-container{max-width:1200px;margin:0 auto;padding:40px 20px}h1{background:var(--title-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:800}.subtitle{color:var(--text-muted);margin-bottom:32px}