:root[data-mui-color-scheme=light],.light-mode{--bg-color:#f5f5f7;--text-color:#1d1d1f;--card-bg:#ffffffb8;--card-border:#ffffff80;--accent-color:#0071e3;--glass-blur:20px;--shadow-color:#00000014}:root[data-mui-color-scheme=dark],.dark-mode{--bg-color:#0d0d0d;--text-color:#f5f5f7;--card-bg:#202023b8;--card-border:#ffffff14;--accent-color:#0a84ff;--glass-blur:20px;--shadow-color:#0006}*{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--card-border);box-shadow:0 8px 32px var(--shadow-color);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:0 12px 40px var(--shadow-color);transform:translateY(-2px)}.gradient-text{background:linear-gradient(135deg,#0071e3 0%,#5ac8fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8080804d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#80808080}