:root{--bg:#111827;--sidebar:#0f172a;--card:#1f2937;--card-alt:#1e293b;--accent:#14b8a6;--accent-dim:rgba(20,184,166,.1);--purple:#6366f1;--warning:#f59e0b;--danger:#ef4444;--text:#fff;--text-muted:#9ca3af;--border:hsla(0,0%,100%,.06);--border-hover:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.15);--hover-bg:hsla(0,0%,100%,.05);--hover-bg-strong:hsla(0,0%,100%,.06);--user-card-bg:hsla(0,0%,100%,.04);--scrollbar-thumb:hsla(0,0%,100%,.1);--radius:12px;--radius-lg:16px;--sidebar-w:280px;--sidebar-collapsed:80px;--logo-light:#75d4e1;--logo-mid:#14b8a6;--logo-dark:#10749e}[data-theme=light]{--bg:#f8fafc;--sidebar:#fff;--card:#fff;--card-alt:#f1f5f9;--accent:#0d9488;--accent-dim:rgba(13,148,136,.1);--purple:#4f46e5;--warning:#b45309;--danger:#dc2626;--text:#0f172a;--text-muted:#64748b;--border:rgba(0,0,0,.08);--border-hover:rgba(0,0,0,.15);--border-strong:rgba(0,0,0,.2);--hover-bg:rgba(0,0,0,.05);--hover-bg-strong:rgba(0,0,0,.06);--user-card-bg:rgba(0,0,0,.03);--scrollbar-thumb:rgba(0,0,0,.15);--logo-light:#06b6d4;--logo-mid:#0d9488;--logo-dark:#0369a1}*,: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}