:root{--bg:#111827;--sidebar:#0F172A;--card:#1F2937;--card-alt:#1E293B;--accent:#14B8A6;--accent-dim:rgba(20,184,166,0.1);--purple:#6366F1;--warning:#F59E0B;--danger:#EF4444;--text:#FFFFFF;--text-muted:#9CA3AF;--border:rgba(255,255,255,0.06);--border-hover:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.15);--hover-bg:rgba(255,255,255,0.05);--hover-bg-strong:rgba(255,255,255,0.06);--user-card-bg:rgba(255,255,255,0.04);--scrollbar-thumb:rgba(255,255,255,0.1);--radius:12px;--radius-lg:16px;--sidebar-w:280px;--sidebar-collapsed:80px}[data-theme=light]{--bg:#F8FAFC;--sidebar:#FFFFFF;--card:#FFFFFF;--card-alt:#F1F5F9;--accent:#0D9488;--accent-dim:rgba(13,148,136,0.1);--purple:#4F46E5;--warning:#B45309;--danger:#DC2626;--text:#0F172A;--text-muted:#64748B;--border:rgba(0,0,0,0.08);--border-hover:rgba(0,0,0,0.15);--border-strong:rgba(0,0,0,0.2);--hover-bg:rgba(0,0,0,0.05);--hover-bg-strong:rgba(0,0,0,0.06);--user-card-bg:rgba(0,0,0,0.03);--scrollbar-thumb:rgba(0,0,0,0.15)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}@media (min-width:1920px){html{font-size:18px}}@media (min-width:2560px){html{font-size:20px}}a{color:inherit;text-decoration:none}.font-outfit{font-family:Outfit,sans-serif}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-purple{color:var(--purple)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:border-color .18s,box-shadow .18s}.card:hover{border-color:var(--border-hover);box-shadow:0 4px 20px rgba(0,0,0,.1)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);font-family:Inter,sans-serif;font-weight:500;font-size:14px;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.btn:hover{opacity:.85;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#fff}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-strong)}.btn-sm{padding:6px 14px;font-size:12px}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-accent{background:var(--accent-dim);color:var(--accent)}.badge-warning{background:rgba(245,158,11,.12);color:var(--warning)}.badge-danger{background:rgba(239,68,68,.12);color:var(--danger)}.badge-muted{background:rgba(156,163,175,.12);color:var(--text-muted)}.badge-purple{background:rgba(99,102,241,.12);color:var(--purple)}.input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;color:var(--text);font-family:Inter,sans-serif;font-size:14px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(20,184,166,.12)}.input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:32px;height:32px;border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--card) 25%,var(--card-alt) 50%,var(--card) 75%);background-size:800px 100%;animation:shimmer 1.4s linear infinite}