:root{--role-tank: #4a9eff;--role-tank-rgb: 74, 158, 255;--role-healer: #4ade80;--role-healer-rgb: 74, 222, 128;--role-damage: #f87171;--role-damage-rgb: 248, 113, 113;--grade-gm: #C1392B;--grade-gm-rgb: 193, 57, 43;--grade-officer: #E67F22;--grade-officer-rgb: 230, 127, 34;--grade-staff: #27AE61;--grade-staff-rgb: 39, 174, 97;--grade-member: #3598DB;--grade-member-rgb: 53, 152, 219;--grade-new: #206694;--grade-new-rgb: 32, 102, 148;--grade-guest: #F29A91;--grade-guest-rgb: 242, 154, 145;--grade-candidate: #95A5A6;--grade-candidate-rgb: 149, 165, 166;--grade-arrivant: #95A5A6;--grade-arrivant-rgb: 149, 165, 166;--raid-certified: #71368A;--raid-certified-rgb: 113, 54, 138;--raid-accredited: #9B59B6;--raid-accredited-rgb: 155, 89, 182;--color-discord: #5865F2;--color-discord-rgb: 88, 101, 242;--color-battlenet: #00AEFF;--color-battlenet-rgb: 0, 174, 255;--faction-alliance: #0078FF;--faction-alliance-rgb: 0, 120, 255;--faction-horde: #B30000;--faction-horde-rgb: 179, 0, 0;--block-premier: #FFD700;--block-premier-rgb: 255, 215, 0;--block-secondaire: #C0C0C0;--block-secondaire-rgb: 192, 192, 192;--block-membre: #CD7F32;--block-membre-rgb: 205, 127, 50;--block-visiteur: #808080;--block-visiteur-rgb: 128, 128, 128}:root{--theme-primary: #5b6abf;--theme-primary-rgb: 91, 106, 191;--theme-primary-hover: #4a58a8;--theme-primary-light: #7b88d4;--theme-primary-dark: #3d4a8f;--color-success: #34d399;--color-success-rgb: 52, 211, 153;--color-warning: #fbbf24;--color-warning-rgb: 251, 191, 36;--color-error: #fb7185;--color-error-rgb: 251, 113, 133;--color-info: #5b6abf;--color-info-rgb: 91, 106, 191;--bg-primary: #090a16;--bg-secondary: #0d0e21;--bg-tertiary: #14162e;--bg-elevated: #1b1e3a;--bg-hover: rgba(91, 106, 191, .08);--bg-active: rgba(91, 106, 191, .15);--text-primary: #e8eaf0;--text-secondary: rgba(232, 234, 240, .82);--text-tertiary: rgba(232, 234, 240, .55);--text-muted: rgba(232, 234, 240, .35);--text-disabled: rgba(232, 234, 240, .2);--border-primary: rgba(91, 106, 191, .3);--border-secondary: rgba(232, 234, 240, .1);--border-tertiary: rgba(232, 234, 240, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(91, 106, 191, .25);--sidebar-bg: #111330;--sidebar-hover: rgba(91, 106, 191, .4);--sidebar-active: #5b6abf;--sidebar-text: #e8eaf0;--gradient-start: #161a3a;--gradient-mid1: #10122a;--gradient-mid2: #0b0c1e;--gradient-end: #060712}[data-theme=neutral-dark]{--theme-primary: #a1a1aa;--theme-primary-rgb: 161, 161, 170;--theme-primary-hover: #d4d4d8;--theme-primary-light: #e4e4e7;--theme-primary-dark: #71717a;--color-success: #22c55e;--color-success-rgb: 34, 197, 94;--color-warning: #f59e0b;--color-warning-rgb: 245, 158, 11;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-info: #60a5fa;--color-info-rgb: 96, 165, 250;--bg-primary: #09090b;--bg-secondary: #18181b;--bg-tertiary: #27272a;--bg-elevated: #3f3f46;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(255, 255, 255, .1);--text-primary: #fafafa;--text-secondary: rgba(250, 250, 250, .85);--text-tertiary: rgba(250, 250, 250, .6);--text-muted: rgba(250, 250, 250, .4);--text-disabled: rgba(250, 250, 250, .25);--border-primary: rgba(255, 255, 255, .2);--border-secondary: rgba(255, 255, 255, .1);--border-tertiary: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(255, 255, 255, .1);--sidebar-bg: #27272a;--sidebar-hover: rgba(161, 161, 170, .3);--sidebar-active: #a1a1aa;--sidebar-text: #ffffff;--gradient-start: #27272a;--gradient-mid1: #1c1c1f;--gradient-mid2: #121214;--gradient-end: #09090b}[data-theme=neutral-light]{--theme-primary: #52525b;--theme-primary-rgb: 82, 82, 91;--theme-primary-hover: #3f3f46;--theme-primary-light: #71717a;--theme-primary-dark: #27272a;--color-success: #16a34a;--color-success-rgb: 22, 163, 74;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-info: #2563eb;--color-info-rgb: 37, 99, 235;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f4f4f5;--bg-elevated: #ffffff;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .08);--text-primary: #18181b;--text-secondary: #3f3f46;--text-tertiary: #71717a;--text-muted: #a1a1aa;--text-disabled: #d4d4d8;--border-primary: #d4d4d8;--border-secondary: #e4e4e7;--border-tertiary: #f4f4f5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(0, 0, 0, .1);--sidebar-bg: #27272a;--sidebar-hover: rgba(255, 255, 255, .1);--sidebar-active: #a1a1aa;--sidebar-text: #ffffff;--gradient-start: #ffffff;--gradient-mid1: #fafafa;--gradient-mid2: #f4f4f5;--gradient-end: #e4e4e7}[data-theme=green-dark]{--theme-primary: #4ade80;--theme-primary-rgb: 74, 222, 128;--theme-primary-hover: #22c55e;--theme-primary-light: #86efac;--theme-primary-dark: #16a34a;--color-success: #4ade80;--color-success-rgb: 74, 222, 128;--color-warning: #fbbf24;--color-warning-rgb: 251, 191, 36;--color-error: #f87171;--color-error-rgb: 248, 113, 113;--color-info: #60a5fa;--color-info-rgb: 96, 165, 250;--bg-primary: #060a0b;--bg-secondary: #0a1213;--bg-tertiary: #0f191a;--bg-elevated: #142122;--bg-hover: rgba(74, 222, 128, .08);--bg-active: rgba(74, 222, 128, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--border-primary: rgba(74, 222, 128, .3);--border-secondary: rgba(255, 255, 255, .1);--border-tertiary: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(74, 222, 128, .3);--sidebar-bg: #00453F;--sidebar-hover: rgba(74, 222, 128, .5);--sidebar-active: #4ade80;--sidebar-text: #ffffff;--gradient-start: #0f3f3b;--gradient-mid1: #072f2c;--gradient-mid2: #041f1d;--gradient-end: #020d0c}[data-theme=green-light]{--theme-primary: #16a34a;--theme-primary-rgb: 22, 163, 74;--theme-primary-hover: #15803d;--theme-primary-light: #22c55e;--theme-primary-dark: #166534;--color-success: #16a34a;--color-success-rgb: 22, 163, 74;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-info: #2563eb;--color-info-rgb: 37, 99, 235;--bg-primary: #ffffff;--bg-secondary: #f8faf9;--bg-tertiary: #f0f5f2;--bg-elevated: #ffffff;--bg-hover: rgba(22, 163, 74, .08);--bg-active: rgba(22, 163, 74, .15);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-disabled: #d1d5db;--border-primary: rgba(22, 163, 74, .4);--border-secondary: #d1d5db;--border-tertiary: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(22, 163, 74, .2);--sidebar-bg: #00453F;--sidebar-hover: rgba(74, 222, 128, .5);--sidebar-active: #4ade80;--sidebar-text: #ffffff;--gradient-start: #ffffff;--gradient-mid1: #f8faf9;--gradient-mid2: #f0f5f2;--gradient-end: #e8f0eb}[data-theme=blue-dark]{--theme-primary: #3b82f6;--theme-primary-rgb: 59, 130, 246;--theme-primary-hover: #2563eb;--theme-primary-light: #93c5fd;--theme-primary-dark: #1d4ed8;--color-success: #22c55e;--color-success-rgb: 34, 197, 94;--color-warning: #f59e0b;--color-warning-rgb: 245, 158, 11;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-info: #3b82f6;--color-info-rgb: 59, 130, 246;--bg-primary: #0a0c14;--bg-secondary: #0f1524;--bg-tertiary: #162032;--bg-elevated: #1e2d42;--bg-hover: rgba(59, 130, 246, .08);--bg-active: rgba(59, 130, 246, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--border-primary: rgba(59, 130, 246, .3);--border-secondary: rgba(255, 255, 255, .1);--border-tertiary: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--sidebar-bg: #1e3a5f;--sidebar-hover: rgba(59, 130, 246, .5);--sidebar-active: #3b82f6;--sidebar-text: #ffffff;--gradient-start: #1e3a5f;--gradient-mid1: #152a45;--gradient-mid2: #0c1a2e;--gradient-end: #050d17}[data-theme=blue-light]{--theme-primary: #2563eb;--theme-primary-rgb: 37, 99, 235;--theme-primary-hover: #1d4ed8;--theme-primary-light: #3b82f6;--theme-primary-dark: #1e40af;--color-success: #16a34a;--color-success-rgb: 22, 163, 74;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-info: #2563eb;--color-info-rgb: 37, 99, 235;--bg-primary: #ffffff;--bg-secondary: #f8f9fb;--bg-tertiary: #f0f3f7;--bg-elevated: #ffffff;--bg-hover: rgba(37, 99, 235, .08);--bg-active: rgba(37, 99, 235, .15);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-disabled: #d1d5db;--border-primary: rgba(37, 99, 235, .4);--border-secondary: #d1d5db;--border-tertiary: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(37, 99, 235, .2);--sidebar-bg: #1e3a5f;--sidebar-hover: rgba(59, 130, 246, .5);--sidebar-active: #3b82f6;--sidebar-text: #ffffff;--gradient-start: #ffffff;--gradient-mid1: #f8f9fb;--gradient-mid2: #f0f3f7;--gradient-end: #e8ecf2}[data-theme=cyan-dark]{--theme-primary: #22d3ee;--theme-primary-rgb: 34, 211, 238;--theme-primary-hover: #06b6d4;--theme-primary-light: #67e8f9;--theme-primary-dark: #0891b2;--color-success: #22c55e;--color-success-rgb: 34, 197, 94;--color-warning: #f59e0b;--color-warning-rgb: 245, 158, 11;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-info: #22d3ee;--color-info-rgb: 34, 211, 238;--bg-primary: #050f12;--bg-secondary: #0a181d;--bg-tertiary: #0f242b;--bg-elevated: #16333d;--bg-hover: rgba(34, 211, 238, .08);--bg-active: rgba(34, 211, 238, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--border-primary: rgba(34, 211, 238, .3);--border-secondary: rgba(255, 255, 255, .1);--border-tertiary: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(34, 211, 238, .3);--sidebar-bg: #0e4d5c;--sidebar-hover: rgba(34, 211, 238, .5);--sidebar-active: #22d3ee;--sidebar-text: #ffffff;--gradient-start: #0e4d5c;--gradient-mid1: #093642;--gradient-mid2: #05222a;--gradient-end: #020d10}[data-theme=cyan-light]{--theme-primary: #0891b2;--theme-primary-rgb: 8, 145, 178;--theme-primary-hover: #0e7490;--theme-primary-light: #06b6d4;--theme-primary-dark: #155e75;--color-success: #16a34a;--color-success-rgb: 22, 163, 74;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-info: #0891b2;--color-info-rgb: 8, 145, 178;--bg-primary: #ffffff;--bg-secondary: #f8fbfc;--bg-tertiary: #f0f6f8;--bg-elevated: #ffffff;--bg-hover: rgba(8, 145, 178, .08);--bg-active: rgba(8, 145, 178, .15);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-disabled: #d1d5db;--border-primary: rgba(8, 145, 178, .4);--border-secondary: #d1d5db;--border-tertiary: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(8, 145, 178, .2);--sidebar-bg: #0e4d5c;--sidebar-hover: rgba(34, 211, 238, .5);--sidebar-active: #22d3ee;--sidebar-text: #ffffff;--gradient-start: #ffffff;--gradient-mid1: #f8fbfc;--gradient-mid2: #f0f6f8;--gradient-end: #e8f0f3}[data-theme=indigo-dark]{--theme-primary: #5b6abf;--theme-primary-rgb: 91, 106, 191;--theme-primary-hover: #4a58a8;--theme-primary-light: #7b88d4;--theme-primary-dark: #3d4a8f;--color-success: #34d399;--color-success-rgb: 52, 211, 153;--color-warning: #fbbf24;--color-warning-rgb: 251, 191, 36;--color-error: #fb7185;--color-error-rgb: 251, 113, 133;--color-info: #5b6abf;--color-info-rgb: 91, 106, 191;--bg-primary: #090a16;--bg-secondary: #0d0e21;--bg-tertiary: #14162e;--bg-elevated: #1b1e3a;--bg-hover: rgba(91, 106, 191, .08);--bg-active: rgba(91, 106, 191, .15);--text-primary: #e8eaf0;--text-secondary: rgba(232, 234, 240, .82);--text-tertiary: rgba(232, 234, 240, .55);--text-muted: rgba(232, 234, 240, .35);--text-disabled: rgba(232, 234, 240, .2);--border-primary: rgba(91, 106, 191, .3);--border-secondary: rgba(232, 234, 240, .1);--border-tertiary: rgba(232, 234, 240, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(91, 106, 191, .25);--sidebar-bg: #111330;--sidebar-hover: rgba(91, 106, 191, .4);--sidebar-active: #5b6abf;--sidebar-text: #e8eaf0;--gradient-start: #161a3a;--gradient-mid1: #10122a;--gradient-mid2: #0b0c1e;--gradient-end: #060712}[data-theme=indigo-light]{--theme-primary: #3d4a8f;--theme-primary-rgb: 61, 74, 143;--theme-primary-hover: #333f7c;--theme-primary-light: #5b6abf;--theme-primary-dark: #2c3668;--color-success: #16a34a;--color-success-rgb: 22, 163, 74;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-info: #3d4a8f;--color-info-rgb: 61, 74, 143;--bg-primary: #ffffff;--bg-secondary: #f5f6fa;--bg-tertiary: #eceef5;--bg-elevated: #ffffff;--bg-hover: rgba(61, 74, 143, .07);--bg-active: rgba(61, 74, 143, .14);--text-primary: #1a1a2e;--text-secondary: #3a3a52;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-disabled: #d1d5db;--border-primary: rgba(61, 74, 143, .35);--border-secondary: #d1d5db;--border-tertiary: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(61, 74, 143, .18);--sidebar-bg: #111330;--sidebar-hover: rgba(91, 106, 191, .4);--sidebar-active: #5b6abf;--sidebar-text: #e8eaf0;--gradient-start: #ffffff;--gradient-mid1: #f5f6fa;--gradient-mid2: #eceef5;--gradient-end: #e2e4ef}[data-theme=purple-dark]{--theme-primary: #a855f7;--theme-primary-rgb: 168, 85, 247;--theme-primary-hover: #9333ea;--theme-primary-light: #c084fc;--theme-primary-dark: #7c3aed;--color-success: #22c55e;--color-success-rgb: 34, 197, 94;--color-warning: #f59e0b;--color-warning-rgb: 245, 158, 11;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-info: #a855f7;--color-info-rgb: 168, 85, 247;--bg-primary: #0d0a14;--bg-secondary: #150f20;--bg-tertiary: #1e1630;--bg-elevated: #2a1f40;--bg-hover: rgba(168, 85, 247, .08);--bg-active: rgba(168, 85, 247, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--border-primary: rgba(168, 85, 247, .3);--border-secondary: rgba(255, 255, 255, .1);--border-tertiary: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(168, 85, 247, .3);--sidebar-bg: #3b1f5e;--sidebar-hover: rgba(168, 85, 247, .5);--sidebar-active: #a855f7;--sidebar-text: #ffffff;--gradient-start: #3b1f5e;--gradient-mid1: #281545;--gradient-mid2: #180d2d;--gradient-end: #0a0510}[data-theme=purple-light]{--theme-primary: #7c3aed;--theme-primary-rgb: 124, 58, 237;--theme-primary-hover: #6d28d9;--theme-primary-light: #8b5cf6;--theme-primary-dark: #5b21b6;--color-success: #16a34a;--color-success-rgb: 22, 163, 74;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-info: #7c3aed;--color-info-rgb: 124, 58, 237;--bg-primary: #ffffff;--bg-secondary: #faf8fc;--bg-tertiary: #f5f0f8;--bg-elevated: #ffffff;--bg-hover: rgba(124, 58, 237, .08);--bg-active: rgba(124, 58, 237, .15);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-disabled: #d1d5db;--border-primary: rgba(124, 58, 237, .4);--border-secondary: #d1d5db;--border-tertiary: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(124, 58, 237, .2);--sidebar-bg: #3b1f5e;--sidebar-hover: rgba(168, 85, 247, .5);--sidebar-active: #a855f7;--sidebar-text: #ffffff;--gradient-start: #ffffff;--gradient-mid1: #faf8fc;--gradient-mid2: #f5f0f8;--gradient-end: #ede8f2}[data-theme=red-dark]{--theme-primary: #ef4444;--theme-primary-rgb: 239, 68, 68;--theme-primary-hover: #dc2626;--theme-primary-light: #fca5a5;--theme-primary-dark: #b91c1c;--color-success: #22c55e;--color-success-rgb: 34, 197, 94;--color-warning: #f59e0b;--color-warning-rgb: 245, 158, 11;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-info: #60a5fa;--color-info-rgb: 96, 165, 250;--bg-primary: #100a0a;--bg-secondary: #1a1010;--bg-tertiary: #261616;--bg-elevated: #341c1c;--bg-hover: rgba(239, 68, 68, .08);--bg-active: rgba(239, 68, 68, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--border-primary: rgba(239, 68, 68, .3);--border-secondary: rgba(255, 255, 255, .1);--border-tertiary: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(239, 68, 68, .3);--sidebar-bg: #5c1a1a;--sidebar-hover: rgba(239, 68, 68, .5);--sidebar-active: #ef4444;--sidebar-text: #ffffff;--gradient-start: #5c1a1a;--gradient-mid1: #3d1010;--gradient-mid2: #250a0a;--gradient-end: #100505}[data-theme=red-light]{--theme-primary: #dc2626;--theme-primary-rgb: 220, 38, 38;--theme-primary-hover: #b91c1c;--theme-primary-light: #ef4444;--theme-primary-dark: #991b1b;--color-success: #16a34a;--color-success-rgb: 22, 163, 74;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-info: #2563eb;--color-info-rgb: 37, 99, 235;--bg-primary: #ffffff;--bg-secondary: #fcf8f8;--bg-tertiary: #f8f0f0;--bg-elevated: #ffffff;--bg-hover: rgba(220, 38, 38, .08);--bg-active: rgba(220, 38, 38, .15);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-disabled: #d1d5db;--border-primary: rgba(220, 38, 38, .4);--border-secondary: #d1d5db;--border-tertiary: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(220, 38, 38, .2);--sidebar-bg: #5c1a1a;--sidebar-hover: rgba(239, 68, 68, .5);--sidebar-active: #ef4444;--sidebar-text: #ffffff;--gradient-start: #ffffff;--gradient-mid1: #fcf8f8;--gradient-mid2: #f8f0f0;--gradient-end: #f2e8e8}[data-theme=amber-dark]{--theme-primary: #f59e0b;--theme-primary-rgb: 245, 158, 11;--theme-primary-hover: #d97706;--theme-primary-light: #fbbf24;--theme-primary-dark: #b45309;--color-success: #22c55e;--color-success-rgb: 34, 197, 94;--color-warning: #f59e0b;--color-warning-rgb: 245, 158, 11;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-info: #60a5fa;--color-info-rgb: 96, 165, 250;--bg-primary: #0f0a05;--bg-secondary: #1a1208;--bg-tertiary: #261c0c;--bg-elevated: #352812;--bg-hover: rgba(245, 158, 11, .08);--bg-active: rgba(245, 158, 11, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--border-primary: rgba(245, 158, 11, .3);--border-secondary: rgba(255, 255, 255, .1);--border-tertiary: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(245, 158, 11, .3);--sidebar-bg: #4a2c0a;--sidebar-hover: rgba(245, 158, 11, .5);--sidebar-active: #f59e0b;--sidebar-text: #ffffff;--gradient-start: #4a2c0a;--gradient-mid1: #321e06;--gradient-mid2: #1f1204;--gradient-end: #0a0602}[data-theme=amber-light]{--theme-primary: #b45309;--theme-primary-rgb: 180, 83, 9;--theme-primary-hover: #92400e;--theme-primary-light: #d97706;--theme-primary-dark: #78350f;--color-success: #16a34a;--color-success-rgb: 22, 163, 74;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-info: #2563eb;--color-info-rgb: 37, 99, 235;--bg-primary: #ffffff;--bg-secondary: #fcfaf6;--bg-tertiary: #f8f5ef;--bg-elevated: #ffffff;--bg-hover: rgba(180, 83, 9, .08);--bg-active: rgba(180, 83, 9, .15);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-disabled: #d1d5db;--border-primary: rgba(180, 83, 9, .4);--border-secondary: #d1d5db;--border-tertiary: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(180, 83, 9, .2);--sidebar-bg: #4a2c0a;--sidebar-hover: rgba(245, 158, 11, .5);--sidebar-active: #f59e0b;--sidebar-text: #ffffff;--gradient-start: #ffffff;--gradient-mid1: #fcfaf6;--gradient-mid2: #f8f5ef;--gradient-end: #f2ede5}[data-theme=midnight-dark]{--theme-primary: #6366f1;--theme-primary-rgb: 99, 102, 241;--theme-primary-hover: #818cf8;--theme-primary-light: #a5b4fc;--theme-primary-dark: #4f46e5;--color-success: #34d399;--color-success-rgb: 52, 211, 153;--color-warning: #fbbf24;--color-warning-rgb: 251, 191, 36;--color-error: #f87171;--color-error-rgb: 248, 113, 113;--color-info: #6366f1;--color-info-rgb: 99, 102, 241;--bg-primary: #01020A;--bg-secondary: #0a0b14;--bg-tertiary: #181A36;--bg-elevated: #1e2048;--bg-hover: rgba(99, 102, 241, .08);--bg-active: rgba(99, 102, 241, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--border-primary: rgba(99, 102, 241, .3);--border-secondary: rgba(255, 255, 255, .1);--border-tertiary: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(99, 102, 241, .25);--sidebar-bg: #181A36;--sidebar-hover: rgba(99, 102, 241, .4);--sidebar-active: #6366f1;--sidebar-text: #ffffff;--gradient-start: #181A36;--gradient-mid1: #0f1025;--gradient-mid2: #070815;--gradient-end: #01020A}[data-theme=midnight-light]{--theme-primary: #4f46e5;--theme-primary-rgb: 79, 70, 229;--theme-primary-hover: #4338ca;--theme-primary-light: #6366f1;--theme-primary-dark: #3730a3;--color-success: #16a34a;--color-success-rgb: 22, 163, 74;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-info: #4f46e5;--color-info-rgb: 79, 70, 229;--bg-primary: #ffffff;--bg-secondary: #f8f9fc;--bg-tertiary: #eef0f6;--bg-elevated: #ffffff;--bg-hover: rgba(79, 70, 229, .08);--bg-active: rgba(79, 70, 229, .15);--text-primary: #0f172a;--text-secondary: #334155;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-disabled: #cbd5e1;--border-primary: rgba(79, 70, 229, .4);--border-secondary: #cbd5e1;--border-tertiary: #e2e8f0;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(79, 70, 229, .15);--sidebar-bg: #181A36;--sidebar-hover: rgba(99, 102, 241, .4);--sidebar-active: #6366f1;--sidebar-text: #ffffff;--gradient-start: #ffffff;--gradient-mid1: #f8f9fc;--gradient-mid2: #eef0f6;--gradient-end: #e2e4ee}[data-theme=rose-dark]{--theme-primary: #f472b6;--theme-primary-rgb: 244, 114, 182;--theme-primary-hover: #ec4899;--theme-primary-light: #f9a8d4;--theme-primary-dark: #db2777;--color-success: #34d399;--color-success-rgb: 52, 211, 153;--color-warning: #fbbf24;--color-warning-rgb: 251, 191, 36;--color-error: #f87171;--color-error-rgb: 248, 113, 113;--color-info: #f472b6;--color-info-rgb: 244, 114, 182;--bg-primary: #0f0a0d;--bg-secondary: #1a1218;--bg-tertiary: #2a1d25;--bg-elevated: #3a2833;--bg-hover: rgba(244, 114, 182, .08);--bg-active: rgba(244, 114, 182, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--border-primary: rgba(244, 114, 182, .3);--border-secondary: rgba(255, 255, 255, .1);--border-tertiary: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(244, 114, 182, .3);--sidebar-bg: #4a1942;--sidebar-hover: rgba(244, 114, 182, .5);--sidebar-active: #f472b6;--sidebar-text: #ffffff;--gradient-start: #4a1942;--gradient-mid1: #2d1228;--gradient-mid2: #1a0c16;--gradient-end: #0a0508}[data-theme=rose-light]{--theme-primary: #db2777;--theme-primary-rgb: 219, 39, 119;--theme-primary-hover: #be185d;--theme-primary-light: #ec4899;--theme-primary-dark: #9d174d;--color-success: #16a34a;--color-success-rgb: 22, 163, 74;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-info: #db2777;--color-info-rgb: 219, 39, 119;--bg-primary: #ffffff;--bg-secondary: #fdf2f8;--bg-tertiary: #fce7f3;--bg-elevated: #ffffff;--bg-hover: rgba(219, 39, 119, .08);--bg-active: rgba(219, 39, 119, .15);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-disabled: #d1d5db;--border-primary: rgba(219, 39, 119, .4);--border-secondary: #f9a8d4;--border-tertiary: #fce7f3;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(219, 39, 119, .2);--sidebar-bg: #4a1942;--sidebar-hover: rgba(244, 114, 182, .5);--sidebar-active: #f472b6;--sidebar-text: #ffffff;--gradient-start: #ffffff;--gradient-mid1: #fdf2f8;--gradient-mid2: #fce7f3;--gradient-end: #fbcfe8}[data-theme=custom-dark]{--theme-primary: #4ade80;--theme-primary-rgb: 74, 222, 128;--theme-primary-hover: #22c55e;--theme-primary-light: #86efac;--theme-primary-dark: #16a34a;--color-success: #22c55e;--color-success-rgb: 34, 197, 94;--color-warning: #f59e0b;--color-warning-rgb: 245, 158, 11;--color-error: #ef4444;--color-error-rgb: 239, 68, 68;--color-info: #60a5fa;--color-info-rgb: 96, 165, 250;--bg-primary: #0a0a12;--bg-secondary: #12121c;--bg-tertiary: #1a1a28;--bg-elevated: #222232;--bg-hover: rgba(74, 222, 128, .08);--bg-active: rgba(74, 222, 128, .15);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .85);--text-tertiary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--border-primary: rgba(74, 222, 128, .3);--border-secondary: rgba(255, 255, 255, .1);--border-tertiary: rgba(255, 255, 255, .05);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(74, 222, 128, .3);--sidebar-bg: #1a3a28;--sidebar-hover: rgba(74, 222, 128, .5);--sidebar-active: #4ade80;--sidebar-text: #ffffff;--gradient-start: #0f3f3b;--gradient-mid1: #072f2c;--gradient-mid2: #041f1d;--gradient-end: #020d0c}[data-theme=custom-light]{--theme-primary: #16a34a;--theme-primary-rgb: 22, 163, 74;--theme-primary-hover: #15803d;--theme-primary-light: #22c55e;--theme-primary-dark: #166534;--color-success: #16a34a;--color-success-rgb: 22, 163, 74;--color-warning: #d97706;--color-warning-rgb: 217, 119, 6;--color-error: #dc2626;--color-error-rgb: 220, 38, 38;--color-info: #2563eb;--color-info-rgb: 37, 99, 235;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f0f2f4;--bg-elevated: #ffffff;--bg-hover: rgba(0, 0, 0, .04);--bg-active: rgba(0, 0, 0, .08);--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-tertiary: #6b7280;--text-muted: #9ca3af;--text-disabled: #d1d5db;--border-primary: rgba(22, 163, 74, .4);--border-secondary: #d1d5db;--border-tertiary: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(22, 163, 74, .2);--sidebar-bg: #1a3a28;--sidebar-hover: rgba(74, 222, 128, .5);--sidebar-active: #4ade80;--sidebar-text: #ffffff;--gradient-start: #ffffff;--gradient-mid1: #f8fafc;--gradient-mid2: #f1f5f9;--gradient-end: #e2e8f0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);transition:background-color .3s ease,color .3s ease}a{color:var(--theme-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer}.mat-icon{font-family:Material Symbols Outlined!important;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 32}mat-icon{display:flex;align-items:center;justify-content:center;font-size:28px;width:unset!important;height:unset!important;line-height:1}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color: var(--bg-secondary);--mdc-plain-tooltip-supporting-text-color: var(--text-primary)}.mat-mdc-tooltip .mdc-tooltip__surface{background-color:var(--bg-elevated)!important;color:var(--text-primary)!important;border:1px solid var(--border-secondary)!important;border-radius:8px!important;padding:8px 12px!important;font-size:12px!important;font-weight:400!important;box-shadow:var(--shadow-md)!important;max-width:300px!important}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color: var(--bg-elevated);--mdc-snackbar-supporting-text-color: var(--text-primary);--mat-snack-bar-button-color: var(--theme-primary)}.mat-mdc-snack-bar-container .mdc-snackbar__surface{border:1px solid var(--border-secondary)!important;border-radius:8px!important;box-shadow:var(--shadow-lg)!important}.mat-mdc-menu-panel{background:var(--bg-secondary)!important;border:1px solid var(--border-secondary)!important;border-radius:12px!important;box-shadow:var(--shadow-lg)!important}.mat-mdc-menu-panel .mat-mdc-menu-content{background:transparent!important}.mat-mdc-menu-panel .mat-mdc-menu-item{color:var(--text-primary)!important}.mat-mdc-menu-panel .mat-mdc-menu-item:hover:not([disabled]){background:var(--bg-hover)!important}.mat-mdc-menu-panel .mat-mdc-menu-item[disabled]{color:var(--text-muted)!important}.mat-mdc-select-panel{background:var(--bg-secondary)!important;border:1px solid var(--border-secondary)!important;border-radius:8px!important}.mat-mdc-select-panel .mat-mdc-option{color:var(--text-primary)!important}.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled){background:var(--bg-hover)!important}.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled){background:var(--bg-active)!important}.mat-mdc-dialog-container{--mdc-dialog-container-color: var(--bg-secondary)}.mat-mdc-dialog-container .mdc-dialog__surface{background:var(--bg-secondary)!important;border:1px solid var(--border-secondary)!important;border-radius:16px!important;box-shadow:var(--shadow-lg)!important}.character-showcase-dialog .mat-mdc-dialog-container .mdc-dialog__surface{padding:0!important;overflow:hidden}@media(max-width:768px){.mat-mdc-dialog-container .mdc-dialog__surface{border-radius:12px!important;margin:8px}.cdk-overlay-pane.mat-mdc-dialog-panel{max-width:calc(100vw - 16px)!important}.cdk-overlay-container .select-dropdown{max-height:200px}}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color: var(--theme-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(var(--theme-primary-rgb),.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--theme-primary-rgb),.5)}*{scrollbar-width:thin;scrollbar-color:rgba(var(--theme-primary-rgb),.3) transparent}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.text-muted{color:var(--text-muted)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-tertiary{background-color:var(--bg-tertiary)!important}.theme-primary{color:var(--theme-primary)!important}.theme-bg{background-color:var(--theme-primary)!important}.card{background:var(--bg-hover);border-radius:12px;padding:16px}.card-bordered{background:var(--bg-hover);border:1px solid var(--border-secondary);border-radius:12px;padding:16px}.card-sm{background:var(--bg-hover);border-radius:10px;padding:12px}.card-lg{background:var(--bg-hover);border-radius:12px;padding:20px}.card-interactive{background:var(--bg-hover);border-radius:10px;padding:12px;transition:background .2s ease}.card-interactive:hover{background:var(--bg-active)}.card-selectable{background:var(--bg-hover);border:2px solid var(--border-secondary);border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .2s ease}.card-selectable:hover{border-color:var(--theme-primary);background:rgba(var(--theme-primary-rgb),.05)}.card-selectable.selected{border-color:var(--theme-primary);background:rgba(var(--theme-primary-rgb),.08)}.panel{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;padding:10px;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;box-sizing:border-box}.icon-xs{font-size:12px!important;width:12px!important;height:12px!important}.icon-sm{font-size:14px!important;width:14px!important;height:14px!important}.icon-md{font-size:18px!important;width:18px!important;height:18px!important}.icon-lg{font-size:24px!important;width:24px!important;height:24px!important}.icon-xl{font-size:32px!important;width:32px!important;height:32px!important}.icon-xxl{font-size:48px!important;width:48px!important;height:48px!important}.icon-muted{opacity:.5}.empty-state,.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;color:var(--text-tertiary);text-align:center;flex:1}.empty-state mat-icon,.loading-state mat-icon,.error-state mat-icon{font-size:48px;width:48px;height:48px;opacity:.5}.empty-state p,.empty-state span,.loading-state p,.loading-state span,.error-state p,.error-state span{font-size:14px;margin:0}.loading-state{padding:64px 24px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.grid{display:grid}.grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.grid-auto-fill{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}.badge-with-icon{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}.badge-with-icon mat-icon,.badge-with-icon ng-icon{font-size:14px;width:14px;height:14px}.form-label,.section-label{display:block;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:6px}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:11px}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px}.text-2xl{font-size:20px}.uppercase{text-transform:uppercase;letter-spacing:.5px}.avatar-round{border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-square{border-radius:8px;object-fit:cover;flex-shrink:0}.avatar-sm{width:32px;height:32px}.avatar-md{width:48px;height:48px}.avatar-lg{width:64px;height:64px}.divider-top{border-top:1px solid var(--border-tertiary);padding-top:16px;margin-top:16px}.divider-bottom{border-bottom:1px solid var(--border-tertiary);padding-bottom:16px;margin-bottom:16px}.scrollable{overflow-y:auto}.scrollable::-webkit-scrollbar{width:6px}.scrollable::-webkit-scrollbar-track{background:transparent}.scrollable::-webkit-scrollbar-thumb{background:rgba(var(--theme-primary-rgb),.3);border-radius:3px}.scrollable::-webkit-scrollbar-thumb:hover{background:rgba(var(--theme-primary-rgb),.5)}.disabled,[disabled]{opacity:.5;cursor:not-allowed!important;pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.top-right{position:absolute;top:8px;right:8px}.bottom-right{position:absolute;bottom:8px;right:8px}.header-action-btn,.refresh-btn,.download-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-active);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.header-action-btn mat-icon,.refresh-btn mat-icon,.download-btn mat-icon{font-size:18px;width:18px;height:18px}.header-action-btn:hover:not(:disabled),.refresh-btn:hover:not(:disabled),.download-btn:hover:not(:disabled){background:#ffffff26;border-color:var(--theme-primary)}.header-action-btn:disabled,.refresh-btn:disabled,.download-btn:disabled{opacity:.5;cursor:not-allowed}.cdk-overlay-container .select-dropdown{width:100%;box-sizing:border-box;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto;padding:4px}.cdk-overlay-container .select-dropdown::-webkit-scrollbar{width:6px}.cdk-overlay-container .select-dropdown::-webkit-scrollbar-track{background:transparent}.cdk-overlay-container .select-dropdown::-webkit-scrollbar-thumb{background:rgba(var(--theme-primary-rgb),.3);border-radius:3px}.cdk-overlay-container .select-dropdown::-webkit-scrollbar-thumb:hover{background:rgba(var(--theme-primary-rgb),.5)}.cdk-overlay-container .select-dropdown .select-option{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:6px;cursor:pointer;transition:all .15s ease;font-size:14px;color:var(--text-primary)}.cdk-overlay-container .select-dropdown .select-option:hover,.cdk-overlay-container .select-dropdown .select-option.focused{background:rgba(var(--theme-primary-rgb),.1)}.cdk-overlay-container .select-dropdown .select-option.selected{background:rgba(var(--theme-primary-rgb),.15);color:var(--theme-primary);font-weight:600}.cdk-overlay-container .select-dropdown .select-option.disabled{opacity:.4;cursor:not-allowed}.cdk-overlay-container .select-dropdown .select-option.disabled:hover{background:transparent}.cdk-overlay-container .select-dropdown .option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdk-overlay-container .select-dropdown .option-check{display:flex;align-items:center;justify-content:center;margin-left:8px;color:var(--theme-primary)}.cdk-overlay-container .select-dropdown .option-check svg{width:16px;height:16px}.cdk-overlay-container .select-dropdown .select-group:not(:first-child){margin-top:4px;padding-top:4px;border-top:1px solid var(--border-secondary)}.cdk-overlay-container .select-dropdown .group-label{padding:8px 12px 4px;font-size:11px;font-weight:700;color:var(--theme-primary);text-transform:uppercase;letter-spacing:.5px}.cdk-overlay-container .select-dropdown .select-empty{padding:16px 12px;text-align:center;color:var(--text-tertiary);font-size:13px}