:root{--es-primary: #8B5CF6;--es-primary-rgb: 139, 92, 246;--es-primary-hover: #7c3aed;--es-primary-light: #a78bfa;--es-secondary: #8B5CF6;--es-secondary-dark: #312E81;--es-secondary-darker: #1A1635;--es-ink: #0F0A2A;--es-ink-rgb: 15, 10, 42;--es-on-primary: #ffffff;--es-bg: #f5f5f5;--es-bg-card: #ffffff;--es-bg-elevated: #ffffff;--es-surface-alt: #f8f5ff;--es-text-primary: var(--es-ink);--es-text-secondary: #616161;--es-text-muted: #9e9e9e;--es-text-on-dark: #ffffff;--es-text-on-dark-secondary: rgba(255, 255, 255, .65);--es-border: #e0e0e0;--es-border-strong: #bdbdbd;--es-border-light: #f0f0f0;--es-border-on-dark: rgba(255, 255, 255, .12);--es-border-on-dark-strong: rgba(255, 255, 255, .2);--es-success: #2e7d32;--es-success-rgb: 46, 125, 50;--es-success-subtle: #e8f5e9;--es-warning: #ef6c00;--es-warning-rgb: 239, 108, 0;--es-warning-subtle: #fff3e0;--es-error: #c62828;--es-error-rgb: 198, 40, 40;--es-error-subtle: #ffebee;--es-accent-blue: #6366f1;--es-accent-blue-rgb: 99, 102, 241;--es-accent-green: #38a169;--es-accent-green-rgb: 56, 161, 105;--es-accent-orange: #c05621;--es-accent-orange-rgb: 192, 86, 33;--es-accent-purple: #7b1fa2;--es-accent-purple-rgb: 123, 31, 162;--es-accent-amber: #f6ad55;--es-accent-amber-rgb: 246, 173, 85;--es-accent-blue-bg: rgba(var(--es-accent-blue-rgb), .12);--es-accent-green-bg: rgba(var(--es-accent-green-rgb), .12);--es-accent-orange-bg: rgba(var(--es-accent-orange-rgb), .12);--es-accent-purple-bg: rgba(var(--es-accent-purple-rgb), .12);--es-accent-amber-bg: rgba(var(--es-accent-amber-rgb), .12);--es-primary-subtle-bg: rgba(var(--es-primary-rgb), .08);--es-primary-outline-bg: rgba(var(--es-primary-rgb), .06);--es-form-error-text: #e53e3e;--es-form-error-bg: #fff5f5;--es-form-error-border: #fed7d7;--es-form-error-text-dark: #c53030;--es-focus-ring: 0 0 0 3px rgba(var(--es-primary-rgb), .4);--es-focus-ring-error: 0 0 0 3px rgba(var(--es-error-rgb), .15);--es-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--es-shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--es-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--es-shadow-xl: 0 24px 60px rgba(0, 0, 0, .25);--es-shadow-featured: 0 4px 20px rgba(var(--es-primary-rgb), .15);--es-radius-sm: 6px;--es-radius-md: 10px;--es-radius-lg: 16px;--es-radius-xl: 24px;--es-radius-full: 9999px;--es-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--es-font-mono: "Courier New", monospace;--es-font-size-xs: .75rem;--es-font-size-sm: .875rem;--es-font-size-base: 1rem;--es-font-size-lg: 1.125rem;--es-font-size-xl: 1.5rem;--es-font-size-2xl: 2rem;--es-font-size-3xl: 2.5rem;--es-spacing-1: 4px;--es-spacing-1-5: 6px;--es-spacing-2: 8px;--es-spacing-3: 12px;--es-spacing-4: 16px;--es-spacing-5: 20px;--es-spacing-6: 24px;--es-spacing-8: 32px;--es-spacing-12: 48px;--es-spacing-16: 64px;--es-spacing-20: 80px;--es-spacing-25: 100px;--es-spacing-32: 128px;--es-transition-fast: .15s ease;--es-transition: .2s ease;--es-transition-slow: .3s ease;--es-gradient-hero: linear-gradient(160deg, var(--es-secondary-darker) 0%, var(--es-secondary-dark) 100%);--es-gradient-primary: linear-gradient(135deg, var(--es-primary), var(--es-primary-light));--es-gradient-metrics: linear-gradient(135deg, var(--es-secondary-dark), var(--es-secondary-darker));--es-gradient-callout: linear-gradient(135deg, rgba(var(--es-accent-blue-rgb), .06), rgba(var(--es-accent-blue-rgb), .02));--es-overlay-bg: rgba(var(--es-ink-rgb), .65);--es-nav-bg: rgba(15, 10, 42, .9);--es-nav-border: rgba(255, 255, 255, .08);--es-header-height: 64px;--es-logo-height: 90px;--es-logo-height-sm: 70px;--es-container-max: 1200px}:root[data-theme=dark]{--es-primary: #6366f1;--es-primary-rgb: 99, 102, 241;--es-primary-hover: #818cf8;--es-primary-light: #a5b4fc;--es-secondary: #6366f1;--es-secondary-dark: #312e81;--es-secondary-darker: #1a1635;--es-ink: #f0eeff;--es-ink-rgb: 240, 238, 255;--es-on-primary: #0f0a2a;--es-bg: #0b081a;--es-bg-card: #1e1a3d;--es-bg-elevated: #2a2454;--es-surface-alt: #16132e;--es-dark-surface-base: #0b081a;--es-dark-surface-elevated: #1e1a3d;--es-dark-surface-deep: #2a2454;--es-dark-surface-border: #3a3468;--es-dark-text-primary: #f0eeff;--es-dark-text-secondary: #b0aec8;--es-dark-accent: #6366f1;--es-dark-accent-rgb: 99, 102, 241;--es-dark-accent-hover: #818cf8;--es-text-primary: #f0eeff;--es-text-secondary: #b0aec8;--es-text-muted: #6b6880;--es-text-on-dark: #f0eeff;--es-text-on-dark-secondary: #b0aec8;--es-border: #3a3468;--es-border-strong: #4a4478;--es-border-light: rgba(255, 255, 255, .07);--es-border-on-dark: rgba(255, 255, 255, .08);--es-border-on-dark-strong: rgba(255, 255, 255, .16);--es-success: #66bb6a;--es-success-rgb: 102, 187, 106;--es-success-subtle: rgba(102, 187, 106, .14);--es-warning: #ffa726;--es-warning-rgb: 255, 167, 38;--es-warning-subtle: rgba(255, 167, 38, .14);--es-error: #ef5350;--es-error-rgb: 239, 83, 80;--es-error-subtle: rgba(239, 83, 80, .14);--es-accent-blue: #818cf8;--es-accent-blue-rgb: 129, 140, 248;--es-accent-green: #66bb6a;--es-accent-green-rgb: 102, 187, 106;--es-accent-orange: #ffa726;--es-accent-orange-rgb: 255, 167, 38;--es-accent-purple: #c084fc;--es-accent-purple-rgb: 192, 132, 252;--es-accent-amber: #fbbf24;--es-accent-amber-rgb: 251, 191, 36;--es-accent-blue-bg: rgba(var(--es-accent-blue-rgb), .16);--es-accent-green-bg: rgba(var(--es-accent-green-rgb), .16);--es-accent-orange-bg: rgba(var(--es-accent-orange-rgb), .16);--es-accent-purple-bg: rgba(var(--es-accent-purple-rgb), .16);--es-accent-amber-bg: rgba(var(--es-accent-amber-rgb), .16);--es-primary-subtle-bg: rgba(var(--es-primary-rgb), .16);--es-primary-outline-bg: rgba(var(--es-primary-rgb), .1);--es-form-error-text: #fc8181;--es-form-error-bg: rgba(var(--es-error-rgb), .14);--es-form-error-border: rgba(var(--es-error-rgb), .4);--es-form-error-text-dark: #fc8181;--es-focus-ring: 0 0 0 3px rgba(var(--es-primary-rgb), .45);--es-focus-ring-error: 0 0 0 3px rgba(var(--es-error-rgb), .35);--es-shadow-sm: 0 0 0 1px var(--es-border);--es-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 0 0 1px var(--es-border);--es-shadow-lg: 0 8px 16px -4px rgba(0, 0, 0, .6), 0 0 0 1px var(--es-border-strong);--es-shadow-xl: 0 24px 60px rgba(0, 0, 0, .7);--es-shadow-featured: 0 4px 20px rgba(var(--es-primary-rgb), .35);--es-gradient-hero: linear-gradient(160deg, #0f0a2a 0%, #1a1635 100%);--es-gradient-primary: linear-gradient(135deg, var(--es-primary), var(--es-primary-light));--es-gradient-metrics: linear-gradient(135deg, #1a1635, #312e81);--es-gradient-callout: linear-gradient(135deg, rgba(var(--es-accent-blue-rgb), .1), rgba(var(--es-accent-blue-rgb), .03));--es-overlay-bg: rgba(0, 0, 0, .7);--es-nav-bg: rgba(15, 11, 30, .92);--es-nav-border: rgba(255, 255, 255, .1)}:focus-visible{outline:2px solid var(--es-primary);outline-offset:2px}:root{--color-primary: #312E81;--color-primary-hover: #4F46E5;--color-primary-light: #6366F1;--color-on-primary: #ffffff;--color-primary-rgb: 49, 46, 129;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-surface-hover: #f0edfa;--color-surface-elevated: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-elevated: 0 2px 8px rgba(0, 0, 0, .1);--shadow-featured: 0 4px 20px rgba(var(--color-primary-rgb), .15);--color-text-primary: #0F0A2A;--color-text-secondary: #616161;--color-text-muted: #9e9e9e;--color-border: #e0e0e0;--color-border-strong: #bdbdbd;--color-success: #2e7d32;--color-success-rgb: 46, 125, 50;--color-success-bg: #e8f5e9;--color-error: #c62828;--color-error-rgb: 198, 40, 40;--color-error-bg: #ffebee;--color-warning: #ef6c00;--color-warning-rgb: 239, 108, 0;--color-warning-bg: #fff3e0;--color-accent-blue: #6366f1;--color-accent-blue-rgb: 99, 102, 241;--color-accent-green: #38a169;--color-accent-green-rgb: 56, 161, 105;--color-accent-orange: #c05621;--color-accent-orange-rgb: 192, 86, 33;--color-accent-purple: #7b1fa2;--color-accent-purple-rgb: 123, 31, 162;--color-focus: #312E81;--focus-ring: 0 0 0 3px rgba(var(--color-primary-rgb), .4);--focus-ring-error: 0 0 0 3px rgba(var(--color-error-rgb), .15);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.5;transition:background-color var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-family:var(--font-family);font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--outline{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn--outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-on-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input::placeholder{color:var(--color-text-secondary)}.input:focus-visible{outline:none;border-color:var(--color-focus);box-shadow:var(--focus-ring)}.input[aria-invalid=true]{border-color:var(--color-error);box-shadow:0 0 0 3px #c6282826}.form-error{display:block;color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);min-height:1.25rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-surface);color:var(--color-text-primary);cursor:pointer;font-size:1.2rem;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-surface-elevated);border-color:var(--color-primary)}.theme-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring)}.topbar-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);height:40px;min-width:40px;padding:0 var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.topbar-icon-btn:hover{background-color:var(--color-surface-hover);color:var(--color-primary);border-color:var(--color-primary)}.topbar-icon-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.topbar-icon-btn--primary{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.topbar-icon-btn--primary:hover{background-color:var(--color-primary-hover);color:var(--color-on-primary);border-color:var(--color-primary-hover)}.es-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 10px;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);line-height:1.4}.es-badge--success{background-color:var(--color-success-bg);color:var(--color-success)}.es-badge--warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.es-badge--error{background-color:var(--color-error-bg);color:var(--color-error)}.es-badge--primary{background-color:rgba(var(--color-primary-rgb),.12);color:var(--color-primary)}.es-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.es-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.es-metric{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.es-metric__header{display:flex;align-items:center;justify-content:space-between}.es-metric__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.es-metric__value{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text-primary);line-height:1.2}.es-metric__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.es-metric__trend{display:inline-flex;align-items:center;gap:2px;font-size:var(--font-size-xs);font-weight:600}.es-metric__trend--up{color:var(--color-success)}.es-metric__trend--down{color:var(--color-error)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}