*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-page: #080D18;--bg-card: #111827;--bg-input: rgba(255,255,255,.04);--bg-hover: rgba(255,255,255,.03);--border-soft: rgba(255,255,255,.05);--border: rgba(255,255,255,.06);--border-strong: rgba(255,255,255,.1);--t1: #F1F5F9;--t2: #E2E8F0;--t3: #94A3B8;--t4: #64748B;--t5: #475569;--accent: #3B82F6;--accent-light: #60A5FA;--success: #10B981;--warning: #F59E0B;--danger: #EF4444;--font-heading: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}[data-theme=light]{--bg-page: #F1F5F9;--bg-card: #FFFFFF;--bg-input: rgba(0,0,0,.04);--bg-hover: rgba(0,0,0,.03);--border-soft: rgba(0,0,0,.06);--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.12);--t1: #0F172A;--t2: #1E293B;--t3: #475569;--t4: #64748B;--t5: #94A3B8}html,body,#root{height:100%;width:100%}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}.animate-fadeUp{animation:fadeUp .5s ease forwards}.animate-fadeIn{animation:fadeIn .4s ease forwards}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px!important;cursor:pointer}select option{background-color:#1e293b;color:#f1f5f9}select:focus{outline:none;border-color:#3b82f6!important}[data-theme=light] select option{background-color:#fff;color:#0f172a}[data-theme=light] input,[data-theme=light] textarea{background:var(--bg-input)!important;color:var(--t1)!important;border-color:var(--border-strong)!important}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--t4)!important}
