:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 50%;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--font-size-sm: clamp(.8rem, .75rem + .25vw, .875rem);--font-size-base: clamp(.9rem, .85rem + .3vw, 1rem);--font-size-lg: clamp(1.1rem, 1rem + .5vw, 1.25rem);--font-size-xl: clamp(1.3rem, 1.15rem + .75vw, 1.5rem);--font-size-xxl: clamp(1.6rem, 1.35rem + 1.25vw, 2rem);--success: #4caf50;--success-dark: #388e3c;--warning: #ff9800;--warning-dark: #f57c00;--error: #f44336;--error-dark: #d32f2f;--info: #2196F3;--info-dark: #1976d2;--color-button-text: #ffffff;--overlay-backdrop: rgba(0, 0, 0, .6);--tooltip-bg: #1f2937;--tooltip-text: #f9fafb}[data-theme=dark]{--bg-primary: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #000000 100%);--bg-card: linear-gradient(135deg, rgba(31, 41, 55, .98), rgba(0, 0, 0, .98));--bg-hover: rgba(212, 175, 55, .1);--bg-active: rgba(212, 175, 55, .15);--text-primary: #f9f9f9;--text-secondary: #d1d5db;--text-accent: #d4af37;--text-tertiary: #9ca3af;--nav-active-text: var(--gold-primary);--border-primary: rgba(212, 175, 55, .35);--border-secondary: rgba(212, 175, 55, .1);--border-hover: rgba(212, 175, 55, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--backdrop-blur: blur(16px);--tab-bg: rgba(31, 41, 55, .5);--tab-active-bg: linear-gradient(135deg, #d4af37, #eab308);--tab-active-text: #000000;--tab-inactive-text: #d1d5db;--tab-count-active-bg: rgba(0, 0, 0, .15);--badge-success-bg: rgba(76, 175, 80, .15);--badge-success-border: rgba(76, 175, 80, .3);--badge-success-text: #4ade80;--badge-error-bg: rgba(244, 67, 54, .15);--badge-error-border: rgba(244, 67, 54, .3);--badge-error-text: #e57373;--badge-warning-bg: rgba(255, 152, 0, .15);--badge-warning-border: rgba(255, 152, 0, .3);--badge-warning-text: #ffb74d;--badge-info-bg: rgba(33, 150, 243, .15);--badge-info-border: rgba(33, 150, 243, .3);--badge-info-text: #64b5f6;--table-header-bg: rgba(212, 175, 55, .2);--table-header-text: #d4af37;--table-border: rgba(212, 175, 55, .1);--table-row-hover: rgba(212, 175, 55, .05);--table-highlight-bg: rgba(212, 175, 55, .1);--table-highlight-border: rgba(212, 175, 55, .3);--table-highlight-text: #d4af37;--stat-card-bg: linear-gradient(135deg, rgba(212, 175, 55, .1), rgba(0, 0, 0, .5));--stat-value-color: #d4af37;--stat-label-color: #d1d5db;--input-bg: rgba(45, 55, 72, .6);--input-bg-focus: rgba(55, 65, 81, .8);--input-text: #f9f9f9;--input-label: #d4af37;--input-border: rgba(212, 175, 55, .4);--input-border-focus: #d4af37;--select-arrow-focus: var(--input-border-focus);--color-scheme: dark;--select-option-bg: #1f2937;--action-btn-bg: rgba(212, 175, 55, .1);--action-btn-hover: rgba(212, 175, 55, .2);--empty-icon-color: #4b5563;--empty-text-color: #9ca3af}[data-theme=light]{--bg-primary: linear-gradient(135deg, #e8eaed 0%, #d4d8dd 100%);--bg-card: #ffffff;--bg-hover: rgba(212, 175, 55, .25);--bg-active: rgba(212, 175, 55, .35);--text-primary: #1f2937;--text-secondary: #4b5563;--text-accent: #000000;--text-tertiary: #6b7280;--nav-active-text: #000000;--border-primary: rgba(212, 175, 55, 1);--border-secondary: rgba(212, 175, 55, .8);--border-hover: rgba(212, 175, 55, .6);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--backdrop-blur: blur(12px);--tab-bg: rgba(255, 215, 0, .1);--tab-active-bg: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);--tab-active-text: #000000;--tab-inactive-text: #4b5563;--tab-count-active-bg: rgba(0, 0, 0, .1);--badge-success-bg: rgba(76, 175, 80, .4);--badge-success-border: #4caf50;--badge-success-text: #2e7d32;--badge-error-bg: rgba(244, 67, 54, .4);--badge-error-border: #f44336;--badge-error-text: #c62828;--badge-warning-bg: rgba(255, 152, 0, .4);--badge-warning-border: #ff9800;--badge-warning-text: #e65100;--badge-info-bg: rgba(33, 150, 243, .4);--badge-info-border: #2196F3;--badge-info-text: #1565c0;--table-header-bg: rgba(212, 175, 55, .8);--table-header-text: #1f2937;--table-border: rgba(212, 175, 55, .3);--table-row-hover: rgba(212, 175, 55, .08);--table-highlight-bg: rgba(255, 215, 0, .4);--table-highlight-border: #FFD700;--table-highlight-text: #000000;--stat-card-bg: #ffffff;--stat-value-color: #000000;--stat-label-color: #6b7280;--input-bg: #ffffff;--input-bg-focus: #ffffff;--input-text: #1f2937;--input-label: #4b5563;--input-border: rgba(212, 175, 55, .6);--input-border-focus: #FFD700;--select-arrow-focus: var(--text-primary);--color-scheme: light;--select-option-bg: #ffffff;--action-btn-bg: rgba(0, 0, 0, .05);--action-btn-hover: rgba(0, 0, 0, .1);--empty-icon-color: #9ca3af;--empty-text-color: #6b7280}[data-theme=green]{--bg-primary: linear-gradient(135deg, #f0f7f2 0%, #dcebe0 100%);--bg-card: #ffffff;--bg-hover: rgba(22, 163, 74, .12);--bg-active: rgba(22, 163, 74, .2);--text-primary: #1a2e22;--text-secondary: #44574c;--text-accent: #15803d;--text-tertiary: #6b8577;--nav-active-text: #15803d;--border-primary: rgba(22, 163, 74, .8);--border-secondary: rgba(22, 163, 74, .5);--border-hover: rgba(22, 163, 74, .6);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--backdrop-blur: blur(12px);--tab-bg: rgba(22, 163, 74, .1);--tab-active-bg: linear-gradient(135deg, #16a34a 0%, #15803d 100%);--tab-active-text: #ffffff;--tab-inactive-text: #44574c;--tab-count-active-bg: rgba(0, 0, 0, .15);--badge-success-bg: rgba(76, 175, 80, .4);--badge-success-border: #4caf50;--badge-success-text: #2e7d32;--badge-error-bg: rgba(244, 67, 54, .4);--badge-error-border: #f44336;--badge-error-text: #c62828;--badge-warning-bg: rgba(255, 152, 0, .4);--badge-warning-border: #ff9800;--badge-warning-text: #e65100;--badge-info-bg: rgba(33, 150, 243, .4);--badge-info-border: #2196F3;--badge-info-text: #1565c0;--table-header-bg: rgba(22, 163, 74, .22);--table-header-text: #15803d;--table-border: rgba(22, 163, 74, .3);--table-row-hover: rgba(22, 163, 74, .08);--table-highlight-bg: rgba(22, 163, 74, .4);--table-highlight-border: #16a34a;--table-highlight-text: #14532d;--stat-card-bg: #ffffff;--stat-value-color: #15803d;--stat-label-color: #6b8577;--input-bg: #ffffff;--input-bg-focus: #ffffff;--input-text: #1a2e22;--input-label: #44574c;--input-border: rgba(22, 163, 74, .6);--input-border-focus: #16a34a;--select-arrow-focus: #1a2e22;--color-scheme: light;--select-option-bg: #ffffff;--action-btn-bg: rgba(0, 0, 0, .05);--action-btn-hover: rgba(0, 0, 0, .1);--empty-icon-color: #9ca3af;--empty-text-color: #6b8577}:root{--gold-primary: #d4af37;--gold-secondary: #FFA500}@keyframes wui-fade{0%{opacity:0}to{opacity:1}}@keyframes wui-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes wui-slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes wui-scale-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wui-animate-fade{animation:wui-fade .3s ease-out}.wui-animate-fade-in{animation:wui-fade-in .5s ease-out}.wui-animate-slide-in-right{animation:wui-slide-in-right .3s ease-out}.wui-animate-scale-fade-in{animation:wui-scale-fade-in .3s ease-out}@media(prefers-reduced-motion:reduce){.wui-animate-fade,.wui-animate-fade-in,.wui-animate-slide-in-right,.wui-animate-scale-fade-in{animation:none}}.wui-page-container{width:100%;max-width:1400px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl)}@media(max-width:768px){.wui-page-container{padding:var(--spacing-md)}}.wui-page-container--narrow{max-width:900px}.wui-page-container--wide{max-width:1600px}:root{--color-bg: #F3F6F1;--color-text: #1B2B22;--color-primary: #2F6E5C;--color-accent: #E8A15D;--color-error: #C0483C;--color-border: #DDE3D9;--color-surface: #FFFFFF;--radius: 8px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px}*{box-sizing:border-box}body{margin:0;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}