:root{--color-bg-primary:#000000;--color-bg-secondary:#0a0a0a;--color-bg-tertiary:#141414;--color-bg-elevated:#1a1a1a;--color-bg-overlay:rgba(0,0,0,0.95);--color-surface-base:rgba(255,255,255,0.03);--color-surface-hover:rgba(255,255,255,0.06);--color-surface-active:rgba(255,255,255,0.08);--color-brand-primary:#22d3ee;--color-brand-primary-hover:#06b6d4;--color-brand-primary-muted:rgba(34,211,238,0.1);--color-brand-secondary:#3b82f6;--color-success:#10b981;--color-success-muted:rgba(16,185,129,0.1);--color-warning:#f59e0b;--color-warning-muted:rgba(245,158,11,0.1);--color-error:#ef4444;--color-error-muted:rgba(239,68,68,0.1);--color-text-primary:#ffffff;--color-text-secondary:#a3a3a3;--color-text-tertiary:#737373;--color-text-disabled:#525252;--color-border-primary:rgba(255,255,255,0.1);--color-border-secondary:rgba(255,255,255,0.06);--color-border-focus:var(--color-brand-primary);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-sm:0 2px 4px 0 rgba(0,0,0,0.4);--shadow-md:0 4px 8px 0 rgba(0,0,0,0.5);--shadow-lg:0 8px 16px 0 rgba(0,0,0,0.6);--shadow-xl:0 12px 24px 0 rgba(0,0,0,0.7);--shadow-2xl:0 24px 48px 0 rgba(0,0,0,0.8);--glow-brand:0 0 20px rgba(34,211,238,0.3);--glow-brand-strong:0 0 30px rgba(34,211,238,0.5);--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:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--transition-spring:300ms cubic-bezier(0.34,1.56,0.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);border:none;cursor:pointer}.btn-primary:hover{background:var(--color-brand-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.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);background:transparent;color:var(--color-text-secondary);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all var(--transition-base);cursor:pointer}.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{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-border-focus)}.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{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 3px var(--color-brand-primary-muted);background:var(--color-surface-hover)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-brand-primary);color:#000;font-size:11px;font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);line-height:1}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:var(--color-surface-base);border-radius:var(--radius-md);animation:skeleton-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@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{background:rgba(0,0,0,.8);backdrop-filter:blur(var(--blur-md))}