@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0f;--sidebar:#111114;--card:#16161a;--border:#ffffff12;--p:#a78bfa;--pd:#7c3aed;--green:#34d399;--yellow:#fbbf24;--red:#f87171;--text:#f0eeeb;--muted:#8a8a8e}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes progress{0%{width:0}to{width:var(--w)}}.fade-in{animation:.4s forwards fadeIn}