*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--col-bg: #0a0a0b;--col-surface: #111114;--col-surface-2: #18181d;--col-surface-3: #1e1e25;--col-border: #2a2a35;--col-border-light: #353545;--col-accent: #e8212b;--col-accent-dim: #c01820;--col-accent-glow: rgba(232, 33, 43, .15);--col-accent-2: #ff6b35;--col-text: #f0f0f5;--col-text-2: #9898b0;--col-text-3: #5a5a70;--col-text-inv: #0a0a0b;--col-green: #22c55e;--col-yellow: #eab308;--col-blue: #3b82f6;--col-purple: #a855f7;--font-display: "Barlow Condensed", sans-serif;--font-body: "Barlow", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--shadow-accent: 0 0 24px rgba(232, 33, 43, .25);--transition: .15s ease;--transition-slow: .3s ease}html{height:100%}body{height:100%;background:var(--col-bg);color:var(--col-text);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--col-surface)}::-webkit-scrollbar-thumb{background:var(--col-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--col-border-light)}::selection{background:var(--col-accent-glow);color:var(--col-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--col-accent-glow)}50%{box-shadow:0 0 20px 4px var(--col-accent-glow)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .4s ease both}.animate-slide-in{animation:slideIn .3s ease both}.tabular-nums{font-variant-numeric:tabular-nums}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}