@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg:#0a0a0f;--bg-elev:#111116;--bg-card:#16161d;--bg-hover:#1c1c24;--text:#fafafa;--muted:#a3a3a3;--muted-soft:#6b6b6b;--accent:#ffd166;--accent-soft:#ffe08a;--cool:#7dd3c0;--border:#262626;--border-soft:#1e1e1e;--red:#ef4444;--green:#22c55e;--radius:8px;--radius-lg:12px;--radius-xl:16px;--bg-primary:#0a0a0f;--bg-secondary:#111116;--bg-tertiary:#16161d;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-muted:#6b6b6b;--accent-blue:#7dd3c0;--accent-green:#22c55e;--accent-yellow:#ffd166;--accent-red:#ef4444;--accent-purple:#a855f7;--shadow:0 4px 6px -1px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-elev)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted-soft)}.text-green{color:var(--green)}.text-yellow{color:var(--accent)}.text-red{color:var(--red)}.text-blue{color:var(--cool)}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-cool{color:var(--cool)}.app-loading{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;font-size:16px;display:flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-fadeIn{animation:.3s ease-out fadeIn}.animate-fadeUp{animation:.5s ease-out both fadeUp}@keyframes spin{to{transform:rotate(360deg)}}
