:root{--color-primary: #5c0120;--color-primary-rgb: 92, 1, 32;--color-primary-dark: #3d000f;--color-primary-light: #7d0128;--color-secondary: #6b7280;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-success-bg: #d1fae5;--color-success-text: #065f46;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-error-bg: #fee2e2;--color-error-text: #991b1b;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-primary-bg: #fce4ec;--color-primary-text: #5c0120;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-hover: #f3f4f6;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--border-color: #e5e7eb;--border-color-light: #f3f4f6;--border-color-dark: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-lg: 18px;--font-xl: 20px;--font-2xl: 24px;--font-3xl: 30px;--login-bg-gradient-start: #667eea;--login-bg-gradient-end: #764ba2;--login-card-bg: rgba(255, 255, 255, .95);--login-card-shadow: 0 20px 60px rgba(0, 0, 0, .3);--login-card-border: rgba(255, 255, 255, .1);--login-orb-1-start: #f093fb;--login-orb-1-end: #f5576c;--login-orb-2-start: #4facfe;--login-orb-2-end: #00f2fe;--login-orb-3-start: #43e97b;--login-orb-3-end: #38f9d7;--login-btn-gradient-start: #667eea;--login-btn-gradient-end: #764ba2;--login-btn-shadow: rgba(102, 126, 234, .4);--login-btn-shadow-hover: rgba(102, 126, 234, .5);--login-input-focus: #667eea;--login-input-focus-shadow: rgba(102, 126, 234, .1);--login-icon-color: #9ca3af;--login-icon-focus: #667eea;--login-link-color: #667eea;--login-link-hover: #764ba2}.dark-mode{--color-primary: #a8325a;--color-primary-dark: #5c0120;--color-primary-light: #c44d75;--color-secondary: #9ca3af;--bg-primary: #1f2937;--bg-secondary: #111827;--bg-tertiary: #374151;--bg-hover: #374151;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-inverse: #111827;--border-color: #374151;--border-color-light: #4b5563;--border-color-dark: #1f2937;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 1px 3px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 6px rgba(0, 0, 0, .4);--shadow-xl: 0 10px 15px rgba(0, 0, 0, .4);--color-success-bg: #064e3b;--color-success-text: #6ee7b7;--color-warning-bg: #78350f;--color-warning-text: #fcd34d;--color-error-bg: #7f1d1d;--color-error-text: #fca5a5;--color-info-bg: #1e3a8a;--color-info-text: #93c5fd;--color-primary-bg: #4a0018;--color-primary-text: #f48fb1;--login-bg-gradient-start: #4a0018;--login-bg-gradient-end: #5c0120;--login-card-bg: rgba(31, 41, 55, .95);--login-card-shadow: 0 20px 60px rgba(0, 0, 0, .5);--login-card-border: rgba(255, 255, 255, .05);--login-orb-1-start: #7d0128;--login-orb-1-end: #a8325a;--login-orb-2-start: #5c0120;--login-orb-2-end: #7d0128;--login-orb-3-start: #3d000f;--login-orb-3-end: #5c0120;--login-btn-gradient-start: #a8325a;--login-btn-gradient-end: #c44d75;--login-btn-shadow: rgba(168, 50, 90, .4);--login-btn-shadow-hover: rgba(168, 50, 90, .6);--login-input-focus: #a8325a;--login-input-focus-shadow: rgba(168, 50, 90, .2);--login-icon-color: #9ca3af;--login-icon-focus: #a8325a;--login-link-color: #a8325a;--login-link-hover: #c44d75}.compact-view{--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--font-xs: 11px;--font-sm: 12px;--font-base: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 20px;--font-3xl: 24px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}body{margin:0;font-size:16px;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-color-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--text-inverse)}::-moz-selection{background-color:var(--color-primary);color:var(--text-inverse)}[style*="background: var(--color-primary)"],[style*="background-color: var(--color-primary)"],[style*="background:linear-gradient"][style*=--color-primary]{color:var(--text-inverse)!important}.btn-primary,button.btn-primary,[class*=btn-primary]:not([class*=outline]):not([class*=ghost]),[class*=primary-button]{color:var(--text-inverse)!important}.btn-view-toggle.active,.pagination-btn.active,.dashboard-pagination .pagination-btn.active,.group-header,.tag-filter-chip.selected,.theme-toggle.active,[style*=linear-gradient][style*=--color-primary]{color:var(--text-inverse)!important}