:root{--color-accent: #F21427;--color-accent-hover: #D4101F;--color-accent-light: rgba(242, 20, 39, .1);--color-primary: var(--color-accent);--color-primary-hover: var(--color-accent-hover);--color-primary-light: var(--color-accent-light);--color-success: #3AA85B;--color-warning: #E0A100;--color-error: #F21427;--color-error-light: rgba(242, 20, 39, .1);--color-bg: #141E27;--color-bg-elevated: #1A2832;--color-bg-card: #1F2D38;--color-bg-input: #25333F;--color-bg-input-hover: #2C3B48;--color-bg-hover: rgba(255, 255, 255, .06);--color-text: #FFFFFF;--color-text-secondary: #A0ADB8;--color-text-muted: #6B7A85;--color-border: #2C3B48;--color-border-light: #384955;--color-border-hover: #4A5B68;--gradient-primary: var(--color-accent);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 6px;--radius-xl: 6px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .35);--color-focus: rgba(242, 20, 39, .35);--font-family: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--color-accent: #F21427;--color-accent-hover: #D4101F;--color-accent-light: rgba(242, 20, 39, .06);--color-primary: var(--color-accent);--color-primary-hover: var(--color-accent-hover);--color-primary-light: var(--color-accent-light);--color-success: #2E7D32;--color-warning: #C77700;--color-error: #F21427;--color-error-light: rgba(242, 20, 39, .06);--color-bg: #F4F6F9;--color-bg-elevated: #FFFFFF;--color-bg-card: #FFFFFF;--color-bg-input: #F0F2F5;--color-bg-input-hover: #E3E7ED;--color-bg-hover: rgba(15, 17, 21, .04);--color-text: #1A1D22;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-border: #E3E7ED;--color-border-light: #D1D5DB;--color-border-hover: #9CA3AF;--gradient-primary: var(--color-accent);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--color-focus: rgba(242, 20, 39, .25)}:root[data-theme=midnight]{--color-accent: #F21427;--color-accent-hover: #D4101F;--color-accent-light: rgba(242, 20, 39, .12);--color-primary: var(--color-accent);--color-primary-hover: var(--color-accent-hover);--color-primary-light: var(--color-accent-light);--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--color-error-light: rgba(248, 113, 113, .12);--color-bg: #0b1120;--color-bg-elevated: #131d2e;--color-bg-card: #0f1929;--color-bg-input: #162034;--color-bg-input-hover: #1c2a42;--color-bg-hover: rgba(56, 189, 248, .06);--color-text: #e2e8f0;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #1e3a5f;--color-border-light: #2a4a6e;--color-border-hover: #38bdf8;--gradient-primary: var(--color-accent);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 4px;--radius-xl: 6px;--radius-full: 9999px;--shadow-sm: 0 0 0 1px rgba(30, 58, 95, .6);--shadow-md: 0 0 0 1px rgba(30, 58, 95, .5), 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 0 0 1px rgba(30, 58, 95, .4), 0 8px 24px rgba(0, 0, 0, .5), 0 0 40px rgba(56, 189, 248, .04);--color-focus: rgba(56, 189, 248, .3);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--letter-spacing-tight: -.02em;--letter-spacing-body: -.01em}:root[data-theme=steel]{--color-accent: #FF6A00;--color-accent-hover: #e05d00;--color-accent-light: rgba(255, 106, 0, .12);--color-primary: var(--color-accent);--color-primary-hover: var(--color-accent-hover);--color-primary-light: var(--color-accent-light);--color-success: #22c55e;--color-warning: #FF6A00;--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .12);--color-bg: #121212;--color-bg-elevated: #1a1a1a;--color-bg-card: #181818;--color-bg-input: #222222;--color-bg-input-hover: #2a2a2a;--color-bg-hover: rgba(255, 106, 0, .06);--color-text: #e0e0e0;--color-text-secondary: #b0b0b0;--color-text-muted: #666666;--color-border: #2e2e2e;--color-border-light: #3a3a3a;--color-border-hover: #FF6A00;--gradient-primary: linear-gradient(90deg, #FF6A00 0%, #ff8c33 100%);--radius-sm: 1px;--radius-md: 2px;--radius-lg: 3px;--radius-xl: 4px;--radius-full: 9999px;--shadow-sm: 3px 3px 0 #0a0a0a;--shadow-md: 4px 4px 0 #0a0a0a;--shadow-lg: 5px 5px 0 #0a0a0a, 0 0 20px rgba(255, 106, 0, .03);--color-focus: rgba(255, 106, 0, .35);--font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=steel]{--transition-fast: 80ms cubic-bezier(.4, 0, .2, 1);--transition-base: .12s cubic-bezier(.4, 0, .2, 1);--transition-slow: .2s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=steel] body{letter-spacing:.01em}:root[data-theme=steel] h1,:root[data-theme=steel] h2,:root[data-theme=steel] h3{text-transform:uppercase;letter-spacing:.06em;font-weight:800}:root[data-theme=steel] h4,:root[data-theme=steel] h5,:root[data-theme=steel] h6{text-transform:uppercase;letter-spacing:.03em;font-weight:700}:root[data-theme=steel] .card,:root[data-theme=steel] .athlete-card,:root[data-theme=steel] .program-card,:root[data-theme=steel] .session-card,:root[data-theme=steel] .coach-card,:root[data-theme=steel] .member-card,:root[data-theme=steel] .assignment-card,:root[data-theme=steel] .class-card,:root[data-theme=steel] .kpi-card,:root[data-theme=steel] .stats-card,:root[data-theme=steel] .quick-action-card,:root[data-theme=steel] .wellness-card,:root[data-theme=steel] .empty-state-card,:root[data-theme=steel] .exercise-form-modal,:root[data-theme=steel] .cmp-card{border:1px solid #2e2e2e;border-top:2px solid #FF6A00;background:#181818;box-shadow:3px 3px #0a0a0a;transition:border-color .1s,box-shadow .1s,transform .1s}:root[data-theme=steel] .card:hover,:root[data-theme=steel] .athlete-card:hover,:root[data-theme=steel] .program-card:hover,:root[data-theme=steel] .session-card:hover,:root[data-theme=steel] .coach-card:hover,:root[data-theme=steel] .member-card:hover,:root[data-theme=steel] .assignment-card:hover,:root[data-theme=steel] .class-card:hover,:root[data-theme=steel] .kpi-card:hover,:root[data-theme=steel] .stats-card:hover,:root[data-theme=steel] .quick-action-card:hover,:root[data-theme=steel] .wellness-card:hover,:root[data-theme=steel] .empty-state-card:hover,:root[data-theme=steel] .exercise-form-modal:hover,:root[data-theme=steel] .cmp-card:hover{border-color:#ff6a00;box-shadow:4px 4px #ff6a001a;transform:translate(-1px,-1px)}:root[data-theme=steel] input,:root[data-theme=steel] select,:root[data-theme=steel] textarea{border-radius:2px!important}:root[data-theme=steel] input:focus,:root[data-theme=steel] select:focus,:root[data-theme=steel] textarea:focus{border-color:#ff6a00!important;box-shadow:0 0 0 2px #ff6a0033!important}:root[data-theme=steel] .btn-primary,:root[data-theme=steel] button[class*=primary]{background:linear-gradient(90deg,#ff6a00,#ff8c33)!important;border:none!important;box-shadow:3px 3px #0a0a0a;text-transform:uppercase;letter-spacing:.04em;font-weight:700}:root[data-theme=steel] .btn-primary:hover,:root[data-theme=steel] button[class*=primary]:hover{box-shadow:4px 4px #ff6a0033;transform:translate(-1px,-1px)}:root[data-theme=steel] .sidebar,:root[data-theme=steel] .mobile-nav-bar{background:#0a0a0a!important;border-color:#1a1a1a!important}:root[data-theme=steel] .nav-item.active,:root[data-theme=steel] .nav-link.active,:root[data-theme=steel] .mobile-nav-item.active{border-left:3px solid #FF6A00}:root[data-theme=steel] ::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:0}:root[data-theme=steel] ::-webkit-scrollbar-thumb:hover{background:#ff6a00}:root[data-theme=steel] ::-webkit-scrollbar-track{background:#121212}:root[data-theme=steel] .badge,:root[data-theme=steel] [class*=badge],:root[data-theme=steel] .status-badge{border-radius:2px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:.6rem}:root[data-theme=steel] .modal-overlay{background:#0a0a0ad9!important}:root[data-theme=steel] .hs-value,:root[data-theme=steel] .kpi-value,:root[data-theme=steel] .stats-value{background:linear-gradient(90deg,#ff6a00,#ff8c33);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}:root[data-theme=ice]{--color-accent: #F21427;--color-accent-hover: #D4101F;--color-accent-light: rgba(242, 20, 39, .08);--color-primary: var(--color-accent);--color-primary-hover: var(--color-accent-hover);--color-primary-light: var(--color-accent-light);--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .08);--color-bg: #f8fafc;--color-bg-elevated: #ffffff;--color-bg-card: #ffffff;--color-bg-input: #f1f5f9;--color-bg-input-hover: #e2e8f0;--color-bg-hover: rgba(0, 174, 239, .04);--color-text: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-border: #e2e8f0;--color-border-light: #cbd5e1;--color-border-hover: #00AEEF;--gradient-primary: var(--color-accent);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 0 0 1px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .03);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .02);--color-focus: rgba(0, 174, 239, .25);--font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=ice] body{letter-spacing:-.01em}:root[data-theme=ice] h1,:root[data-theme=ice] h2,:root[data-theme=ice] h3,:root[data-theme=ice] h4,:root[data-theme=ice] h5,:root[data-theme=ice] h6{letter-spacing:-.02em;font-weight:700;color:#0f172a}:root[data-theme=ice] .card,:root[data-theme=ice] .athlete-card,:root[data-theme=ice] .program-card,:root[data-theme=ice] .session-card,:root[data-theme=ice] .coach-card,:root[data-theme=ice] .member-card,:root[data-theme=ice] .assignment-card,:root[data-theme=ice] .class-card,:root[data-theme=ice] .kpi-card,:root[data-theme=ice] .stats-card,:root[data-theme=ice] .quick-action-card,:root[data-theme=ice] .wellness-card,:root[data-theme=ice] .empty-state-card,:root[data-theme=ice] .exercise-form-modal,:root[data-theme=ice] .cmp-card{border:1px solid #e2e8f0;background:#fff;box-shadow:0 1px 3px #0000000a;transition:border-color .2s,box-shadow .2s}:root[data-theme=ice] .card:hover,:root[data-theme=ice] .athlete-card:hover,:root[data-theme=ice] .program-card:hover,:root[data-theme=ice] .session-card:hover,:root[data-theme=ice] .coach-card:hover,:root[data-theme=ice] .member-card:hover,:root[data-theme=ice] .assignment-card:hover,:root[data-theme=ice] .class-card:hover,:root[data-theme=ice] .kpi-card:hover,:root[data-theme=ice] .stats-card:hover,:root[data-theme=ice] .quick-action-card:hover,:root[data-theme=ice] .wellness-card:hover,:root[data-theme=ice] .empty-state-card:hover,:root[data-theme=ice] .exercise-form-modal:hover,:root[data-theme=ice] .cmp-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00aeef0f,0 0 0 1px #00aeef14}:root[data-theme=ice] input:focus,:root[data-theme=ice] select:focus,:root[data-theme=ice] textarea:focus{border-color:#00aeef!important;box-shadow:0 0 0 3px #00aeef1a!important}:root[data-theme=ice] .btn-primary,:root[data-theme=ice] button[class*=primary]{box-shadow:0 1px 3px #0000001a}:root[data-theme=ice] .sidebar{background:#fff!important;border-right:1px solid #e2e8f0!important}:root[data-theme=ice] .sidebar .nav-item{color:#475569}:root[data-theme=ice] .sidebar .nav-item.active{color:#0f172a;border-left:3px solid #00AEEF}:root[data-theme=ice] .sidebar .logo{color:#0f172a!important}:root[data-theme=ice] .mobile-nav-bar{background:#fff!important;border-top:1px solid #e2e8f0!important}:root[data-theme=ice] ::-webkit-scrollbar-thumb{background:#cbd5e1}:root[data-theme=ice] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root[data-theme=ice] ::-webkit-scrollbar-track{background:#f8fafc}:root[data-theme=ice] .modal-overlay{background:#0f172a4d!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}:root[data-theme=ice] input,:root[data-theme=ice] select,:root[data-theme=ice] textarea{color-scheme:light}:root[data-theme=midnight] body{letter-spacing:-.01em}:root[data-theme=midnight] h1,:root[data-theme=midnight] h2,:root[data-theme=midnight] h3,:root[data-theme=midnight] h4,:root[data-theme=midnight] h5,:root[data-theme=midnight] h6{letter-spacing:-.025em;font-weight:700}:root[data-theme=midnight] .card,:root[data-theme=midnight] .athlete-card,:root[data-theme=midnight] .program-card,:root[data-theme=midnight] .session-card,:root[data-theme=midnight] .coach-card,:root[data-theme=midnight] .member-card,:root[data-theme=midnight] .assignment-card,:root[data-theme=midnight] .class-card,:root[data-theme=midnight] .kpi-card,:root[data-theme=midnight] .stats-card,:root[data-theme=midnight] .quick-action-card,:root[data-theme=midnight] .wellness-card,:root[data-theme=midnight] .empty-state-card,:root[data-theme=midnight] .exercise-form-modal,:root[data-theme=midnight] .cmp-card{border:1px solid rgba(30,58,95,.6);box-shadow:inset 0 1px #38bdf80a,0 0 0 0 transparent;transition:border-color .2s,box-shadow .2s}:root[data-theme=midnight] .card:hover,:root[data-theme=midnight] .athlete-card:hover,:root[data-theme=midnight] .program-card:hover,:root[data-theme=midnight] .session-card:hover,:root[data-theme=midnight] .coach-card:hover,:root[data-theme=midnight] .member-card:hover,:root[data-theme=midnight] .assignment-card:hover,:root[data-theme=midnight] .class-card:hover,:root[data-theme=midnight] .kpi-card:hover,:root[data-theme=midnight] .stats-card:hover,:root[data-theme=midnight] .quick-action-card:hover,:root[data-theme=midnight] .wellness-card:hover,:root[data-theme=midnight] .empty-state-card:hover,:root[data-theme=midnight] .exercise-form-modal:hover,:root[data-theme=midnight] .cmp-card:hover{border-color:#38bdf826;box-shadow:inset 0 1px #38bdf80f,0 0 16px #38bdf80d}:root[data-theme=midnight] input:focus,:root[data-theme=midnight] select:focus,:root[data-theme=midnight] textarea:focus{border-color:#38bdf8!important;box-shadow:0 0 0 2px #38bdf826!important}:root[data-theme=midnight] .btn-primary,:root[data-theme=midnight] button[class*=primary]{box-shadow:0 0 0 1px #0003,0 1px 2px #0000004d}:root[data-theme=midnight] .sidebar,:root[data-theme=midnight] .mobile-nav-bar{background:#080e1a!important;border-color:#1e3a5f80!important}:root[data-theme=midnight] ::-webkit-scrollbar-thumb{background:#1e3a5f}:root[data-theme=midnight] ::-webkit-scrollbar-thumb:hover{background:#2a4a6e}:root[data-theme=midnight] ::-webkit-scrollbar-track{background:#0b1120}:root[data-theme=midnight] hr,:root[data-theme=midnight] [class*=divider],:root[data-theme=midnight] [class*=separator]{border-color:#1e3a5f80}:root[data-theme=midnight] .badge,:root[data-theme=midnight] [class*=badge],:root[data-theme=midnight] .status-badge{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}:root[data-theme=midnight] .modal-overlay{background:#080e1abf!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100%;height:100%}body:has(.modal-overlay){overflow:hidden}app-root{display:block;min-height:100%}router-outlet+*{display:block;width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-text);letter-spacing:-.02em}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}p{color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast);font-weight:500}a:hover{color:var(--color-accent-hover)}.text-gradient{color:var(--color-accent);background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.logo .text-gradient,.mh-logo .text-gradient,.app-loading-logo span{color:#f21427}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text)}.form-input{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:inherit;color:var(--color-text);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:hover{background-color:var(--color-bg-input-hover);border-color:var(--color-border-light)}.form-input:focus{background-color:var(--color-bg-input);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus)}.form-input.error{border-color:var(--color-error);background-color:var(--color-error-light)}.form-input.error:focus{box-shadow:0 0 0 3px var(--color-error-light)}.form-error{font-size:.8125rem;color:var(--color-error)}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.875rem 1.5rem;font-size:1rem;font-weight:600;font-family:inherit;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);position:relative}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary{color:#fff;background:var(--color-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn-primary:active:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{color:var(--color-text);background-color:var(--color-bg-input);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-input-hover);border-color:var(--color-border-light)}.btn-ghost{color:var(--color-text-secondary);background-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-input);color:var(--color-text)}.btn-full{width:100%}.btn-lg{padding:1rem 2rem;font-size:1.0625rem;border-radius:var(--radius-md)}.card{background-color:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:.875rem}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.auth-layout{min-height:100vh;display:flex}@media (max-width: 1024px){.auth-layout{flex-direction:column}}.auth-visual{flex:1.1;background-color:var(--color-bg-elevated);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--space-3xl);animation:bgFadeIn .8s ease-out}@media (max-width: 1024px){.auth-visual{display:none}}.auth-visual .visual-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0f1115eb,#0f1115e0,#0f1115cc);z-index:1}.auth-visual .visual-content{position:relative;z-index:4;text-align:center;max-width:420px}.auth-visual .visual-content .visual-icon{width:80px;height:80px;margin:0 auto var(--space-xl);display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md)}.auth-visual .visual-content .visual-icon svg{width:40px;height:40px;color:#fff;stroke-width:1.5}.auth-visual .visual-content h2{font-size:2rem;margin-bottom:var(--space-lg);line-height:1.4;color:#fff}.auth-visual .visual-content p{font-size:1.0625rem;line-height:1.7;color:#fffc}.auth-content{flex:.9;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);position:relative}@media (max-width: 1024px){.auth-content{min-height:100vh;padding:var(--space-lg)}}.auth-card{width:100%;max-width:400px;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.auth-header{margin-bottom:var(--space-2xl)}.auth-header .logo{margin-bottom:var(--space-xl);display:flex;justify-content:flex-start}.auth-header .logo .auth-logo-img{height:56px;width:auto;object-fit:contain}.auth-header h1{font-size:1.5rem;margin-bottom:var(--space-sm)}.auth-header .subtitle{font-size:1rem;color:var(--color-text-secondary)}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.auth-error{padding:var(--space-md);background:var(--color-error-light);border:1px solid rgba(242,20,39,.25);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem;text-align:center}.auth-footer{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);text-align:center;font-size:.9375rem;color:var(--color-text-secondary)}.onboarding-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;overflow:hidden}.onboarding-card{width:100%;max-width:520px;padding:var(--space-3xl);position:relative;z-index:1;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}@media (max-width: 600px){.onboarding-card{padding:var(--space-xl)}}.onboarding-header{text-align:center;margin-bottom:var(--space-2xl)}.onboarding-header h1{margin-bottom:var(--space-sm);font-size:1.875rem}.onboarding-options{display:flex;flex-direction:column;gap:var(--space-md)}.onboarding-option{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background-color:var(--color-bg-input);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%;font-family:inherit;color:inherit}.onboarding-option:hover{background-color:var(--color-bg-input-hover);border-color:var(--color-border-light);transform:translate(4px)}.onboarding-option.selected{background:var(--color-accent-light);border-color:var(--color-accent)}.onboarding-option.selected .option-icon{transform:scale(1.05)}.onboarding-option.selected .option-check{background:var(--color-accent);border-color:transparent;color:#fff}.onboarding-option .option-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-card);border-radius:var(--radius-md);transition:transform var(--transition-base);color:var(--color-text-secondary)}.onboarding-option .option-icon svg{width:24px;height:24px}.onboarding-option .option-content{flex:1}.onboarding-option .option-content h4{margin-bottom:2px;font-size:1rem;color:var(--color-text)}.onboarding-option .option-content p{font-size:.8125rem;margin:0;color:var(--color-text-muted)}.onboarding-option .option-check{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);color:transparent;flex-shrink:0}.onboarding-option .option-check svg{width:14px;height:14px}.onboarding-actions{margin-top:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-md)}.dashboard-layout{min-height:100vh;background:var(--color-bg)}.dashboard-header{background:color-mix(in srgb,var(--color-bg-elevated) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-xl);position:sticky;top:0;z-index:100}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-logo{font-size:1.75rem;font-weight:800;letter-spacing:-.03em}.user-menu{display:flex;align-items:center;gap:var(--space-md)}.user-menu .user-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff}.dashboard-main{max-width:1400px;margin:0 auto;padding:var(--space-2xl)}@media (max-width: 768px){.dashboard-main{padding:var(--space-lg)}}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bgFadeIn{0%{opacity:0}to{opacity:1}}