:root{--color-bg: #ffffff;--color-text: #1a1a1a;--color-text-inverse: #ffffff;--color-primary: #007acc;--color-primary-hover: #0052cc;--color-primary-fade: rgba(0, 82, 204, .1);--color-on-primary: #ffffff;--color-focus: #007acc;--color-navbar-bg: #f0f0f0;--color-button-bg: var(--color-navbar-bg);--color-icon: #000;--color-surface: #f8f9fa;--color-surface-elevated: #1e1e1e;--color-border: #e0e0e0;--color-muted: #666666;--color-success: #28a745;--color-warning: #ffc107;--color-error: #dc3545;--ghost-hover-bg: rgba(0, 0, 0, .05);--focus-ring: 0 0 0 2px rgba(0, 122, 204, .4);--shadow-soft: 0 2px 6px rgba(0, 0, 0, .05);--status-badge-fg: var(--color-text);--status-badge-bg-default: var(--color-surface);--status-badge-bg-pending: color-mix( in srgb, var(--color-warning) 20%, transparent );--status-badge-bg-processing: color-mix( in srgb, var(--color-warning) 30%, transparent );--status-badge-bg-completed: color-mix( in srgb, var(--color-success) 22%, transparent );--status-badge-bg-failed: color-mix( in srgb, var(--color-error) 22%, transparent )}[data-theme=dark]{--color-bg: #1a1a1a;--color-text: #ffffff;--color-text-inverse: #1a1a1a;--color-primary: #66d9ef;--color-primary-hover: #66aaff;--color-primary-fade: rgba(102, 170, 255, .1);--color-on-primary: #1a1a1a;--color-focus: #66aaff;--color-navbar-bg: #2b2b2b;--color-button-bg: var(--color-navbar-bg);--color-icon: #fff;--color-surface: #1e1e1e;--color-surface-elevated: #f8f9fa;--color-border: #444;--color-muted: #aaaaaa;--color-success: #4fd1c5;--color-warning: #f6ad55;--color-error: #f56565;--ghost-hover-bg: rgba(255, 255, 255, .05);--focus-ring: 0 0 0 2px rgba(102, 170, 255, .4);--shadow-soft: 0 2px 6px rgba(0, 0, 0, .25);--status-badge-fg: var(--color-text);--status-badge-bg-default: var(--color-surface);--status-badge-bg-pending: color-mix( in srgb, var(--color-warning) 35%, transparent );--status-badge-bg-processing: color-mix( in srgb, var(--color-warning) 45%, transparent );--status-badge-bg-completed: color-mix( in srgb, var(--color-success) 36%, transparent );--status-badge-bg-failed: color-mix( in srgb, var(--color-error) 36%, transparent )}:root{--font-family-base: "Inter", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 2rem;--font-size-xxl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bounce-subtle{animation:bounce-subtle 3s ease-in-out infinite;animation-delay:2s;transform-origin:center;transition:transform .2s ease,box-shadow .2s ease}.bounce-subtle:hover{animation-play-state:paused;transform:scale(1.03);box-shadow:0 6px 12px #00000026}:root{background-color:#fff}[data-theme=dark]{background-color:#1a1a1a}.theme-transition{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg);pointer-events:none;opacity:0;z-index:90;transition:opacity .3s ease}.theme-switching .theme-transition{opacity:1}.container{max-width:1200px;margin:0 auto;padding:0 1rem}body{background-color:var(--color-bg);color:var(--color-text);font-family:sans-serif;transition:background-color .3s ease,color .3s ease}