:root{--color-bg-primary:#000;--color-bg-secondary:#0a0a0a;--color-bg-tertiary:#141414;--color-bg-elevated:#1a1a1a;--color-bg-overlay:#000000f2;--color-surface-base:#ffffff08;--color-surface-hover:#ffffff0f;--color-surface-active:#ffffff14;--color-brand-primary:#22d3ee;--color-brand-primary-hover:#06b6d4;--color-brand-primary-muted:#22d3ee1a;--color-brand-secondary:#3b82f6;--color-success:#10b981;--color-success-muted:#10b9811a;--color-warning:#f59e0b;--color-warning-muted:#f59e0b1a;--color-error:#ef4444;--color-error-muted:#ef44441a;--color-text-primary:#fff;--color-text-secondary:#a3a3a3;--color-text-tertiary:#737373;--color-text-disabled:#525252;--color-border-primary:#ffffff1a;--color-border-secondary:#ffffff0f;--color-border-focus:var(--color-brand-primary);--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 2px 4px 0 #0006;--shadow-md:0 4px 8px 0 #00000080;--shadow-lg:0 8px 16px 0 #0009;--shadow-xl:0 12px 24px 0 #000000b3;--shadow-2xl:0 24px 48px 0 #000c;--glow-brand:0 0 20px #22d3ee4d;--glow-brand-strong:0 0 30px #22d3ee80;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--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;--space-20:80px;--height-input:44px;--height-button:44px;--height-button-sm:36px;--height-button-lg:52px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-spring:.3s cubic-bezier(.34,1.56,.64,1);--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-fixed:1200;--z-modal-backdrop:1300;--z-modal:1400;--z-popover:1500;--z-tooltip:1600;--blur-sm:4px;--blur-md:8px;--blur-lg:12px;--blur-xl:16px}.btn-primary{height:var(--height-button);padding:0 var(--space-6);background:var(--color-brand-primary);color:#000;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-base);cursor:pointer;border:none}.btn-primary:hover{background:var(--color-brand-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{height:var(--height-button);padding:0 var(--space-6);background:var(--color-surface-base);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-base);cursor:pointer}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-focus)}.btn-ghost{height:var(--height-button);padding:0 var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-base);cursor:pointer;background:0 0;border:none}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.card-elevated{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);transition:all var(--transition-base)}.card-elevated:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-focus);transform:translateY(-2px)}.input-base{height:var(--height-input);padding:0 var(--space-4);background:var(--color-surface-base);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-base)}.input-base:focus{border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-primary-muted);background:var(--color-surface-hover);outline:none}.badge{background:var(--color-brand-primary);color:#000;min-width:20px;height:20px;font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:0 6px;line-height:1;display:inline-flex}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:var(--color-surface-base);border-radius:var(--radius-md);animation:2s cubic-bezier(.4,0,.6,1) infinite skeleton-pulse}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-from-top{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fade-in var(--transition-base)}.animate-slide-in{animation:slide-in-from-top var(--transition-base)}.animate-scale-in{animation:scale-in var(--transition-spring)}.focus-ring:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.backdrop-overlay{-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));background:#000c}