:root{--color-primary: #f5b5a8;--color-primary-hover: #f19d8c;--color-primary-light: rgba(245, 181, 168, .15);--color-secondary: #9eb5a0;--color-secondary-hover: #88a08a;--color-accent: #f5c5ba;--color-accent-light: #fad9d1;--color-bg-main: #d4ddd0;--color-bg-card: #ffffff;--color-bg-hover: #e5ebe2;--color-text-primary: #4a5d4f;--color-text-secondary: #6b7d70;--color-text-light: #92a298;--color-text-white: #ffffff;--color-success: #9eb5a0;--color-success-hover: #88a08a;--color-success-bg: #e5f3eb;--color-success-text: #4a5d4f;--color-error: #e89383;--color-error-hover: #e27b6a;--color-error-bg: #fdeeed;--color-error-text: #c45a49;--color-warning: #f5d08a;--color-warning-hover: #f2c36e;--color-warning-bg: #fef9ed;--color-warning-text: #a6822c;--color-info: #9eb5a0;--color-info-border: #88a08a;--color-input-text: #4a5d4f;--color-input-placeholder: #92a298;--color-input-border: #c8d5c8;--color-input-focus: var(--color-secondary);--color-border-light: #c8d5c8;--color-border-lighter: #dfe8dd;--color-border-dark: rgba(74, 93, 79, .1);--color-bg-light-gray: #e5ebe2;--color-text-muted: #92a298;--color-text-muted-light: #a8b5a8;--color-text-dark: #4a5d4f;--color-festive-red: #f5b5a8;--color-festive-wheat: #f5d08a;--color-festive-green: #9eb5a0;--gradient-primary: linear-gradient(135deg, #f5b5a8 0%, #9eb5a0 100%);--gradient-festive: repeating-linear-gradient( -60deg, #f5b5a8 0px, #f5b5a8 30px, #f5d08a 30px, #f5d08a 60px, #9eb5a0 60px, --bg-pattern-opacity: .12; --bg-pattern-size: 600px; #9eb5a0 90px, #f5d08a 90px, )}body.theme-christmas{--color-primary: #667eea;--color-primary-hover: #5568d3;--color-primary-light: rgba(102, 126, 234, .1);--color-secondary: #764ba2;--color-secondary-hover: #6a4391;--color-accent: #ff6b6b;--color-accent-light: #ff8787;--color-bg-main: #f5f7fa;--color-bg-card: #ffffff;--color-bg-hover: #f8f9fa;--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-light: #999999;--color-text-white: #ffffff;--color-success: #28a745;--color-success-hover: #218838;--color-success-bg: #d4edda;--color-success-text: #155724;--color-error: #dc3545;--color-error-hover: #c82333;--color-error-bg: #fee;--color-error-text: #c33;--color-warning: #ffc107;--color-warning-hover: #e0a800;--color-warning-bg: #fff3cd;--color-warning-text: #856404;--color-info: #17a2b8;--color-info-border: #007bff;--color-input-text: #495057;--color-input-placeholder: #999999;--color-input-border: #dddddd;--color-input-focus: var(--color-primary);--color-border-light: #dddddd;--color-border-lighter: #eeeeee;--color-border-dark: rgba(0, 0, 0, .1);--color-bg-light-gray: #f0f0f0;--color-text-muted: #888888;--color-text-muted-light: #777777;--color-text-dark: #555555;--color-festive-red: #ff6b6b;--color-festive-wheat: #f5deb3;--color-festive-green: #95c77d;--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-festive: repeating-linear-gradient( -60deg, var(--color-festive-red) 0px, var(--color-festive-red) 30px, var(--color-festive-wheat) 30px, var(--color-festive-wheat) 60px, var(--color-festive-green) 60px, var(--color-festive-green) 90px, var(--color-festive-wheat) 90px, var(--color-festive-wheat) 120px )}body.theme-newyear{--color-primary: #1a237e;--color-primary-hover: #0d1642;--color-primary-light: rgba(26, 35, 126, .1);--color-secondary: #ffd700;--color-secondary-hover: #e6c200;--color-accent: #c0c0c0;--color-accent-light: #d4d4d4;--color-bg-main: #f0f4f8;--color-bg-card: #ffffff;--color-bg-hover: #e8ecf1;--color-text-primary: #1a1a1a;--color-text-secondary: #555555;--color-text-light: #888888;--color-text-white: #ffffff;--color-success: #2e7d32;--color-success-hover: #1b5e20;--color-success-bg: #e8f5e9;--color-success-text: #1b5e20;--color-error: #c62828;--color-error-hover: #b71c1c;--color-error-bg: #ffebee;--color-error-text: #b71c1c;--color-warning: #f57f17;--color-warning-hover: #e65100;--color-warning-bg: #fff9c4;--color-warning-text: #f57f17;--color-info: #0277bd;--color-info-border: #01579b;--color-input-text: #424242;--color-input-placeholder: #9e9e9e;--color-input-border: #cccccc;--color-input-focus: var(--color-primary);--color-border-light: #cccccc;--color-border-lighter: #e0e0e0;--color-border-dark: rgba(0, 0, 0, .12);--color-bg-light-gray: #f5f5f5;--color-text-muted: #757575;--color-text-muted-light: #9e9e9e;--color-text-dark: #424242;--color-festive-red: #ffd700;--color-festive-wheat: #c0c0c0;--color-festive-green: #1a237e;--gradient-primary: linear-gradient(135deg, #1a237e 0%, #ffd700 100%);--gradient-festive: repeating-linear-gradient( 45deg, #ffd700 0px, #ffd700 20px, #c0c0c0 20px, #c0c0c0 40px, #1a237e 40px, #1a237e 60px, #c0c0c0 60px, #c0c0c0 80px )}:root{--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 20px;--spacing-lg: 40px;--spacing-xl: 60px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-round: 50%;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .15);--shadow-xl: 0 10px 25px rgba(0, 0, 0, .2);--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .5s;--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 24px;--font-2xl: 32px;--font-3xl: 42px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--container-sm: 600px;--container-md: 900px;--container-lg: 1200px}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter;font-style:normal;position:relative;min-height:100vh;color:var(--color-text-primary)}html{margin:0;padding:0}app-root>router-outlet+*{position:relative;z-index:10}.container,.auth-container,.landing-container,.dashboard-container,.group-container{position:relative;z-index:10}