@layer base{:root{--bg-app: #ffffff;--bg-card: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--border-color: rgba(226, 232, 240, .8);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--accent: #4f46e5}.dark{--bg-app: #020617;--bg-card: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(30, 41, 59, .7);--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(30, 41, 59, .5)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}html,body{max-width:100vw;width:100%;position:relative}body{background-color:var(--bg-app);color:var(--text-main);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000000d}.card-theme{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000000d}.dark .card-theme{box-shadow:0 4px 6px -1px #0000004d}@keyframes fadeIn{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in{animation:fadeIn .4s cubic-bezier(.23,1,.32,1) forwards}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px;border:2px solid var(--bg-app)}.dark ::-webkit-scrollbar-thumb{background:#334155}