@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-blue: #1B4B7A;--secondary-blue: #3B82C6;--accent-blue: #60A5FA;--success-green: #22C55E;--warning-orange: #F59E0B;--error-red: #EF4444;--info-blue: #3B82F6;--background: #FFFFFF;--surface: #FFFFFF;--surface-sidebar: #F8FAFC;--border: #E2E8F0;--text-primary: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--text-tertiary: #94A3B8;--color-background: var(--background);--color-background-primary: var(--surface);--color-background-secondary: var(--background);--color-background-tertiary: #EFF2F5;--color-surface: var(--surface);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-muted);--color-border: var(--border);--color-border-primary: var(--border);--color-border-hover: #CBD5E1;--color-icon-primary: var(--text-primary);--color-icon-secondary: var(--text-secondary);--color-icon-tertiary: var(--text-muted);--color-primary: var(--primary-blue);--color-primary-50: rgba(27, 75, 122, .04);--color-primary-100: rgba(27, 75, 122, .08);--color-primary-light: rgba(27, 75, 122, .1);--color-primary-dark: #153D63;--color-white: #FFFFFF;--color-success: var(--success-green);--color-success-50: rgba(34, 197, 94, .06);--color-success-light: rgba(34, 197, 94, .1);--color-success-dark: #16A34A;--color-warning: var(--warning-orange);--color-warning-light: rgba(245, 158, 11, .1);--color-warning-dark: #D97706;--color-warning-bg: #FFFBEB;--color-warning-border: #FDE68A;--color-danger: var(--error-red);--color-danger-light: rgba(239, 68, 68, .1);--color-danger-dark: #DC2626;--color-error: var(--error-red);--color-error-50: rgba(239, 68, 68, .06);--color-error-bg: #FEF2F2;--color-error-border: #FECACA;--color-info: var(--info-blue);--color-info-light: rgba(59, 130, 246, .1);--color-info-dark: #2563EB;--color-ai-accent: #8b5cf6;--color-ai-light: rgba(139, 92, 246, .1);--color-ai-bg-start: rgba(139, 92, 246, .08);--color-ai-bg-end: rgba(139, 92, 246, .04);--color-ai-border: rgba(139, 92, 246, .2);--color-neutral-light: rgba(100, 116, 139, .1);--color-neutral-dark: #475569;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-base: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--font-size-3xl: var(--text-3xl);--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-weight-normal: var(--font-normal);--font-weight-medium: var(--font-medium);--font-weight-semibold: var(--font-semibold);--font-weight-bold: var(--font-bold);--leading-tight: 1.2;--leading-snug: 1.3;--leading-normal: 1.4;--leading-relaxed: 1.5;--nav-height: 56px;--mobile-nav-height: 72px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-primary);background-color:var(--background);min-height:100vh}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;background:none;border:none;padding:0}a{color:inherit;text-decoration:none}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}table{border-collapse:collapse;border-spacing:0}:focus-visible{outline:3px solid var(--secondary-blue);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-h1{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--primary-blue)}.text-h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--secondary-blue)}.text-h3{font-size:var(--text-xl);font-weight:var(--font-semibold);line-height:var(--leading-normal);color:var(--text-primary)}.coach-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--primary-blue)}.message-preview{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--text-secondary);line-height:var(--leading-normal)}.timestamp{font-size:var(--text-xs);font-weight:var(--font-normal);color:var(--text-muted)}.status-label{font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}#root{width:100%;min-height:100vh}.container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-4)}@media(min-width:768px){.container{padding:0 var(--space-6)}}@media(min-width:1024px){.container{padding:0 var(--space-8)}}.page-loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:14px;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--transition-base)}.animate-slideUp{animation:slideUp var(--transition-base)}.animate-slideDown{animation:slideDown var(--transition-base)}.animate-spin{animation:spin 1s linear infinite}.app-skeleton{display:flex;height:100vh;background:var(--background)}.app-skeleton__sidebar{width:280px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:var(--space-4) 0}.app-skeleton__logo{height:40px;margin:0 var(--space-6) var(--space-3);border-radius:var(--radius-md)}.app-skeleton__nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.app-skeleton__nav-item{height:44px;border-radius:var(--radius-md)}.app-skeleton__profile{margin-top:auto;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3)}.app-skeleton__avatar{width:40px;height:40px;border-radius:50%}.app-skeleton__profile-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.app-skeleton__profile-name{height:14px;width:120px;border-radius:var(--radius-sm)}.app-skeleton__profile-email{height:12px;width:140px;border-radius:var(--radius-sm)}.app-skeleton__main{flex:1;padding:var(--space-8)}.app-skeleton__content{max-width:800px}.app-skeleton__title{height:32px;width:300px;margin-bottom:var(--space-6);border-radius:var(--radius-md)}.app-skeleton__text{height:16px;margin-bottom:var(--space-3);border-radius:var(--radius-sm)}.skeleton-shimmer{background:linear-gradient(90deg,var(--surface-secondary, #f0f0f0) 0%,var(--surface-tertiary, #e0e0e0) 50%,var(--surface-secondary, #f0f0f0) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.app-skeleton__sidebar{display:none}.app-skeleton__main{padding:var(--space-4)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-footer{display:flex;justify-content:center;align-items:center;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--surface)}.app-footer__text{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.01em}.app-footer__heart{color:var(--error-red);display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}56%{transform:scale(1)}}@media(max-width:768px){.app-footer{padding:var(--space-3) var(--space-4);margin-bottom:var(--mobile-nav-height)}}.app-layout{position:relative;display:flex;flex-direction:column;min-height:100vh;background:var(--background)}.app-layout__main{flex:1;display:flex;flex-direction:column;margin-top:var(--nav-height);width:100%}.app-layout__header{position:sticky;top:var(--nav-height);z-index:calc(var(--z-sticky) - 1);background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6)}.app-layout__content{flex:1;padding:var(--space-6);width:100%}@media(max-width:768px){.app-layout__main{margin-top:0}.app-layout__header{top:0;padding:var(--space-3) var(--space-4)}.app-layout__content{padding:var(--space-4)}}.page-container{width:100%;margin:0 auto}.page-container--sm{max-width:640px}.page-container--md{max-width:768px}.page-container--lg{max-width:1024px}.page-container--xl{max-width:1280px}.page-container--full{max-width:100%}.page-container__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.page-container__header-text{flex:1}.page-container__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--primary-blue);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.page-container__actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.page-container__content{animation:fadeIn var(--transition-base)}@media(max-width:768px){.page-container__header{flex-direction:column;gap:var(--space-4)}.page-container__title{font-size:var(--text-2xl)}.page-container__actions{width:100%;justify-content:flex-start}}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);transition:all .15s ease;cursor:pointer;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;user-select:none}.button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-primary-100)}.button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.button--sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);min-height:32px}.button--md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);min-height:36px}.button--lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-base);min-height:44px}.button--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.button--primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.button--primary:active:not(:disabled){background:var(--primary-blue)}.button--secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.button--secondary:hover:not(:disabled){background:var(--color-background-tertiary);border-color:var(--color-border-hover)}.button--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.button--outline:hover:not(:disabled){background:var(--color-primary-50)}.button--ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.button--ghost:hover:not(:disabled){background:var(--color-background-tertiary);color:var(--color-text-primary)}.button--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.button--danger:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.button--full-width{width:100%}.button--loading{position:relative;color:transparent}.button__spinner{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:button-spin .6s linear infinite}@keyframes button-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.button--primary .button__spinner,.button--danger .button__spinner{border-color:#fff;border-right-color:transparent}.button__text--loading{opacity:0}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.checkbox-container{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper--disabled .checkbox-container{cursor:not-allowed}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-top:2px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.checkbox-check{opacity:0;transform:scale(.5);transition:all var(--transition-fast);color:#fff;stroke-width:3}.checkbox-container:hover .checkbox-box{border-color:var(--secondary-blue)}.checkbox-input:focus-visible+.checkbox-box{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82c633}.checkbox-input:checked+.checkbox-box{background:var(--secondary-blue);border-color:var(--secondary-blue)}.checkbox-input:checked+.checkbox-box .checkbox-check{opacity:1;transform:scale(1)}.checkbox-box--indeterminate{background:var(--secondary-blue);border-color:var(--secondary-blue)}.checkbox-box--indeterminate .checkbox-check{opacity:1;transform:scale(1)}.checkbox-box--error,.checkbox-box--error:hover{border-color:var(--error-red)}.checkbox-input:focus-visible+.checkbox-box--error{box-shadow:0 0 0 3px #ef444433}.checkbox-input:disabled+.checkbox-box{background:var(--background);border-color:var(--border);cursor:not-allowed}.checkbox-input:disabled:checked+.checkbox-box{background:var(--text-muted);border-color:var(--text-muted)}.checkbox-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);line-height:1.5}.checkbox-description{font-size:var(--text-sm);color:var(--text-secondary);padding-left:32px;line-height:1.4}.checkbox-error{font-size:var(--text-sm);color:var(--error-red);padding-left:32px}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-wrapper--full-width{width:100%}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.input-required{color:var(--error-red);margin-left:var(--space-1)}.input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base)}.input::placeholder{color:var(--text-muted)}.input:hover:not(:disabled){border-color:var(--text-secondary)}.input:focus{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82c61a}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--background)}.input--error{border-color:var(--error-red)}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.input-error{font-size:var(--text-sm);color:var(--error-red);display:flex;align-items:center;gap:var(--space-1)}.input-helper{font-size:var(--text-sm);color:var(--text-secondary)}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.textarea-wrapper--full-width{width:100%}.textarea-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.textarea-required{color:var(--error-red);margin-left:var(--space-1)}.textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:inherit;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);resize:vertical;min-height:80px}.textarea::placeholder{color:var(--text-muted)}.textarea:hover:not(:disabled){border-color:var(--text-secondary)}.textarea:focus{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82c61a}.textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--background)}.textarea--error{border-color:var(--error-red)}.textarea--error:focus{box-shadow:0 0 0 3px #ef44441a}.textarea-error{font-size:var(--text-sm);color:var(--error-red);display:flex;align-items:center;gap:var(--space-1)}.textarea-helper{font-size:var(--text-sm);color:var(--text-secondary)}.select-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.select-wrapper--full-width{width:100%}.select-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.select-required{color:var(--error-red);margin-left:var(--space-1)}.select-container{position:relative;display:inline-block;width:100%}.select{width:100%;padding:var(--space-3) var(--space-4);padding-right:var(--space-8);font-size:var(--text-base);font-family:inherit;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select--sm{padding:var(--space-2) var(--space-3);padding-right:var(--space-6);font-size:var(--text-sm);min-height:36px}.select--md{padding:var(--space-3) var(--space-4);padding-right:var(--space-8);font-size:var(--text-base);min-height:44px}.select--lg{padding:var(--space-4) var(--space-5);padding-right:var(--space-8);font-size:var(--text-lg);min-height:52px}.select option:disabled{color:var(--text-muted)}.select:hover:not(:disabled){border-color:var(--text-secondary)}.select:focus{outline:none;border-color:var(--secondary-blue);box-shadow:0 0 0 3px #3b82c61a}.select:disabled{opacity:.5;cursor:not-allowed;background:var(--background)}.select--error{border-color:var(--error-red)}.select--error:focus{box-shadow:0 0 0 3px #ef44441a}.select-icon{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary);transition:color var(--transition-base)}.select:focus~.select-icon{color:var(--secondary-blue)}.select--error~.select-icon{color:var(--error-red)}.select-error{font-size:var(--text-sm);color:var(--error-red);display:flex;align-items:center;gap:var(--space-1)}.select-helper{font-size:var(--text-sm);color:var(--text-secondary)}@media(max-width:768px){.select{font-size:16px}}.card{background:var(--surface);border-radius:var(--radius-lg);transition:all var(--transition-base)}.card--default{border:1px solid var(--border)}.card--bordered{border:2px solid var(--border)}.card--elevated{border:1px solid var(--border);box-shadow:none}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-3)}.card--padding-md{padding:var(--space-4)}.card--padding-lg{padding:var(--space-6)}.card--hoverable{cursor:pointer}.card--hoverable:hover{border-color:var(--secondary-blue);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card--hoverable:active{transform:translateY(0)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.card-body{padding:var(--space-4) 0}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.card--padding-sm .card-header,.card--padding-sm .card-body,.card--padding-sm .card-footer,.card--padding-md .card-header,.card--padding-md .card-body,.card--padding-md .card-footer,.card--padding-lg .card-header,.card--padding-lg .card-body,.card--padding-lg .card-footer{padding-left:0;padding-right:0}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#00000080;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-base)}.modal{position:relative;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:calc(100vh - var(--space-8));width:100%;display:flex;flex-direction:column;animation:slideUp var(--transition-base);outline:none}.modal--sm{max-width:400px}.modal--md{max-width:560px}.modal--lg{max-width:720px}.modal--xl{max-width:960px}.modal--full{max-width:none;height:calc(100vh - var(--space-8));margin:var(--space-4)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--border)}.modal__title{margin:0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.modal__close:hover{background:var(--background);color:var(--text-primary)}.modal__close:focus-visible{outline:2px solid var(--secondary-blue);outline-offset:2px}.modal__body{flex:1;padding:var(--space-6);overflow-y:auto}.modal__footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border)}.modal__footer--left{justify-content:flex-start}.modal__footer--center{justify-content:center}.modal__footer--right{justify-content:flex-end}.modal__footer--space-between{justify-content:space-between}@media(max-width:768px){.modal-backdrop{padding:0;align-items:flex-end}.modal{max-height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:slideUp var(--transition-base)}.modal--full{max-height:100vh;height:100vh;margin:0;border-radius:0}.modal__header,.modal__body{padding:var(--space-4)}.modal__footer{padding:var(--space-4);flex-wrap:wrap}.modal__footer button{flex:1;min-width:120px}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}.slide-over-backdrop{position:fixed;inset:0;display:flex;justify-content:flex-end;background:#0006;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-base)}.slide-over-backdrop--transparent{background:transparent;pointer-events:none}.slide-over-backdrop--transparent .slide-over-panel{pointer-events:auto;border-left:1px solid var(--border)}.slide-over-backdrop--contained{position:absolute;z-index:10}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.slide-over-panel{position:relative;height:100%;background:var(--surface);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideInFromRight .25s ease-out;outline:none}.slide-over-panel--sm{width:100%;max-width:320px}.slide-over-panel--md{width:100%;max-width:420px}.slide-over-panel--lg{width:100%;max-width:560px}.slide-over-panel--xl{width:100%;max-width:720px}.slide-over-panel--2xl{width:100%;max-width:900px}.slide-over-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}.slide-over-panel__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.slide-over-panel__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.slide-over-panel__close:hover{background:var(--background);color:var(--text-primary)}.slide-over-panel__close:focus-visible{outline:2px solid var(--secondary-blue);outline-offset:2px}.slide-over-panel__content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.slide-over-panel__body{flex:1;padding:var(--space-4) var(--space-5);overflow-y:auto;min-height:0}.slide-over-panel__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}@media(max-width:768px){.slide-over-backdrop{justify-content:stretch}.slide-over-panel{width:100%;max-width:none;animation:slideUpMobile .25s ease-out}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.slide-over-panel__header,.slide-over-panel__body,.slide-over-panel__footer{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){.slide-over-backdrop,.slide-over-panel{animation:none}}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid;animation:slideDown var(--transition-base)}.alert--info{background:#3b82f61a;border-color:var(--info-blue);color:#1e40af}.alert--info .alert__icon{color:var(--info-blue)}.alert--success{background:#22c55e1a;border-color:var(--success-green);color:#15803d}.alert--success .alert__icon{color:var(--success-green)}.alert--warning{background:#f59e0b1a;border-color:var(--warning-orange);color:#92400e}.alert--warning .alert__icon{color:var(--warning-orange)}.alert--error{background:#ef44441a;border-color:var(--error-red);color:#991b1b}.alert--error .alert__icon{color:var(--error-red)}.alert__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:2px}.alert__content{flex:1;min-width:0}.alert__title{margin-bottom:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight)}.alert__message{font-size:var(--text-sm);line-height:var(--leading-normal)}.alert__message p{margin:0}.alert__message p+p{margin-top:var(--space-2)}.alert__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:currentColor;opacity:.6;cursor:pointer;transition:all var(--transition-base)}.alert__close:hover{opacity:1;background:#0000000d}.alert__close:focus-visible{outline:2px solid currentColor;outline-offset:2px;opacity:1}@media(max-width:768px){.alert{padding:var(--space-3)}.alert__title{font-size:var(--text-sm)}.alert__message{font-size:var(--text-xs)}}.toast-container{position:fixed;z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;width:calc(100% - var(--space-4) * 2);pointer-events:none}.toast-container--top-right{top:var(--space-4);right:var(--space-4)}.toast-container--top-center{top:var(--space-4);left:50%;transform:translate(-50%)}.toast-container--top-left{top:var(--space-4);left:var(--space-4)}.toast-container--bottom-right{bottom:var(--space-4);right:var(--space-4)}.toast-container--bottom-center{bottom:var(--space-4);left:50%;transform:translate(-50%)}.toast-container--bottom-left{bottom:var(--space-4);left:var(--space-4)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border);pointer-events:auto;opacity:0;transform:translateY(-100%);transition:all var(--transition-base)}.toast--visible{opacity:1;transform:translateY(0)}.toast--exiting{opacity:0;transform:translate(100%)}.toast--success{border-color:var(--success-green)}.toast--success .toast__icon{color:var(--success-green)}.toast--error{border-color:var(--error-red)}.toast--error .toast__icon{color:var(--error-red)}.toast--warning{border-color:var(--warning-orange)}.toast--warning .toast__icon{color:var(--warning-orange)}.toast--info{border-color:var(--info-blue)}.toast--info .toast__icon{color:var(--info-blue)}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.toast__content{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.toast__message{margin:0;font-size:var(--text-sm);color:var(--text-primary);line-height:var(--leading-normal);word-wrap:break-word}.toast__action{align-self:flex-start;padding:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--secondary-blue);background:none;border:none;cursor:pointer;transition:color var(--transition-base)}.toast__action:hover{color:var(--primary-blue);text-decoration:underline}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.toast__close:hover{background:var(--background);color:var(--text-primary)}.toast__close:focus-visible{outline:2px solid var(--secondary-blue);outline-offset:2px}@media(max-width:768px){.toast-container{left:var(--space-4);right:var(--space-4);max-width:none;width:calc(100% - var(--space-4) * 2)}.toast-container--top-center,.toast-container--bottom-center{transform:none;left:var(--space-4)}.toast{padding:var(--space-3)}}.spinner-wrapper,.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner__svg{animation:spinner-rotate 1.4s linear infinite}.spinner__circle{stroke-linecap:round;animation:spinner-dash 1.4s ease-in-out infinite}.spinner--sm{width:16px;height:16px}.spinner--md{width:24px;height:24px}.spinner--lg{width:32px;height:32px}.spinner--xl{width:48px;height:48px}.spinner--primary .spinner__circle{stroke:var(--secondary-blue)}.spinner--secondary .spinner__circle{stroke:var(--text-secondary)}.spinner--white .spinner__circle{stroke:#fff}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.spinner-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;z-index:var(--z-modal);animation:fadeIn var(--transition-base)}.spinner-overlay--blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.spinner-overlay__label{margin:0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.step-indicator-progress{width:100%}.step-indicator-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.step-indicator-progress__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.step-indicator-progress__percentage{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--secondary-blue)}.step-indicator-progress__bar{height:8px;background:var(--border);border-radius:var(--radius-full);overflow:hidden}.step-indicator-progress__fill{height:100%;background:var(--secondary-blue);border-radius:var(--radius-full);transition:width var(--transition-slow)}.step-indicator-progress__current{margin-top:var(--space-4)}.step-indicator-progress__title{margin:0 0 var(--space-1) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.step-indicator-progress__description{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.step-indicator{width:100%}.step-indicator__list{display:flex;margin:0;padding:0;list-style:none}.step-indicator--horizontal .step-indicator__list{flex-direction:row;align-items:center}.step-indicator--horizontal .step-indicator__item{flex:1;display:flex;align-items:center}.step-indicator--horizontal .step-indicator__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.step-indicator--horizontal .step-indicator__connector{flex:1;height:2px;background:var(--border);margin:0 var(--space-2);transition:background var(--transition-base)}.step-indicator--horizontal .step-indicator__item--completed .step-indicator__connector{background:var(--secondary-blue)}.step-indicator--vertical .step-indicator__list{flex-direction:column}.step-indicator--vertical .step-indicator__item{display:flex;flex-direction:column;min-height:80px}.step-indicator--vertical .step-indicator__step{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3)}.step-indicator--vertical .step-indicator__connector{width:2px;flex:1;background:var(--border);margin-left:19px;margin-top:var(--space-2);margin-bottom:var(--space-2);transition:background var(--transition-base)}.step-indicator--vertical .step-indicator__item--completed .step-indicator__connector{background:var(--secondary-blue)}.step-indicator--vertical .step-indicator__content{padding-top:8px}.step-indicator__marker{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:2px solid var(--border);background:var(--surface);transition:all var(--transition-base)}.step-indicator__item--completed .step-indicator__marker{background:var(--secondary-blue);border-color:var(--secondary-blue);color:#fff}.step-indicator__item--current .step-indicator__marker{border-color:var(--secondary-blue);background:var(--surface);box-shadow:0 0 0 4px #3b82c61a}.step-indicator__item--upcoming .step-indicator__marker{background:var(--background);border-color:var(--border)}.step-indicator--numbers .step-indicator__number{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.step-indicator__item--current .step-indicator__number{color:var(--secondary-blue)}.step-indicator__item--completed .step-indicator__number{color:#fff}.step-indicator--dots .step-indicator__marker{width:16px;height:16px}.step-indicator--dots .step-indicator__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--text-muted);transition:all var(--transition-base)}.step-indicator__item--current .step-indicator__dot{background:var(--secondary-blue);transform:scale(1.5)}.step-indicator__item--completed .step-indicator__dot{background:#fff}.step-indicator__content{display:flex;flex-direction:column;gap:var(--space-1);text-align:center}.step-indicator--vertical .step-indicator__content{text-align:left}.step-indicator__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);transition:color var(--transition-base)}.step-indicator__item--current .step-indicator__label{color:var(--text-primary);font-weight:var(--font-semibold)}.step-indicator__item--completed .step-indicator__label{color:var(--text-primary)}.step-indicator__description{font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:768px){.step-indicator--horizontal .step-indicator__content{display:none}.step-indicator--horizontal .step-indicator__marker{width:32px;height:32px}.step-indicator--dots .step-indicator__marker{width:12px;height:12px}.step-indicator--dots .step-indicator__dot{width:6px;height:6px}.step-indicator-progress__title{font-size:var(--text-base)}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);white-space:nowrap;width:fit-content;border:none}.badge--sm{padding:2px var(--space-2);font-size:11px}.badge--md{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.badge--default{background:var(--color-background-tertiary);color:var(--color-text-secondary);border:1px solid var(--border)}.badge--primary{background:var(--color-primary-50, #eff6ff);color:var(--primary-blue);border:1px solid var(--color-primary-200, #bfdbfe)}.badge--success{background:var(--color-success-50, #f0fdf4);color:var(--color-success-600, #16a34a);border:1px solid var(--color-success-200, #bbf7d0)}.badge--warning{background:var(--color-warning-50, #fffbeb);color:var(--color-warning-600, #d97706);border:1px solid var(--color-warning-200, #fde68a)}.badge--error{background:var(--color-error-50, #fef2f2);color:var(--color-error-600, #dc2626);border:1px solid var(--color-error-200, #fecaca)}.badge--info{background:var(--color-primary-50, #eff6ff);color:var(--primary-blue);border:1px solid var(--color-primary-200, #bfdbfe)}.badge--ai{background:#8b5cf614;color:#7c3aed;border:1px solid rgba(139,92,246,.25)}.badge__dot{width:5px;height:5px;border-radius:50%;background:currentColor}.avatar{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--secondary-blue),var(--accent-blue));color:#fff;font-weight:var(--font-semibold);overflow:hidden;flex-shrink:0}.avatar--xs{width:24px;height:24px;font-size:var(--text-xs)}.avatar--sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar--md{width:48px;height:48px;font-size:var(--text-lg)}.avatar--lg{width:64px;height:64px;font-size:var(--text-xl)}.avatar--xl{width:96px;height:96px;font-size:var(--text-3xl)}.avatar--circle{border-radius:50%}.avatar--square{border-radius:var(--radius-md)}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__initials{-webkit-user-select:none;user-select:none}.avatar-group{display:inline-flex;align-items:center;gap:calc(var(--space-2) * -1)}.avatar-group .avatar{border:2px solid var(--surface);transition:transform var(--transition-base)}.avatar-group .avatar:hover{transform:translateY(-2px);z-index:1}.avatar--overflow{background:var(--text-muted)}.in-contacts-badge{display:inline-flex;align-items:center;gap:4px;font-weight:500;color:var(--color-success-dark);background-color:#fff;border:1px solid var(--color-success);border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0}.in-contacts-badge--sm{padding:2px 8px;font-size:11px}.in-contacts-badge--md{padding:4px 10px;font-size:12px}.in-contacts-badge svg{flex-shrink:0}.user-profile-menu{position:relative}.user-profile-menu__button{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.user-profile-menu__button:hover{background:var(--background)}.user-profile-menu__button:focus{outline:2px solid var(--secondary-blue);outline-offset:2px}.user-profile-menu__button:active{background:#0000000d}.user-profile-menu__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--secondary-blue),var(--accent-blue));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm);flex-shrink:0}.user-profile-menu__avatar--image{width:32px;height:32px;object-fit:cover;background:none;display:block}.user-profile-menu__chevron{flex-shrink:0;color:var(--text-secondary);transition:transform var(--transition-base)}.user-profile-menu__chevron--open{transform:rotate(180deg)}.user-profile-menu__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;padding:var(--space-2);z-index:var(--z-dropdown);animation:slideDown var(--transition-fast);min-width:200px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-profile-menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-align:left;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);min-height:44px}.user-profile-menu__item:hover{background:var(--background)}.user-profile-menu__item:focus{outline:2px solid var(--secondary-blue);outline-offset:-2px;background:var(--background)}.user-profile-menu__item:active{background:#0000000d}.user-profile-menu__item-icon{flex-shrink:0;color:var(--text-secondary)}.user-profile-menu__item--logout,.user-profile-menu__item--logout .user-profile-menu__item-icon{color:var(--error-red)}.user-profile-menu__item--logout:hover{background:#ef44441a}.user-profile-menu__divider{height:1px;background:var(--border);margin:var(--space-2) 0}@media(max-width:768px){.user-profile-menu{display:none}}.top-navigation{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-6);background:var(--surface);border-bottom:1px solid var(--border);z-index:var(--z-sticky)}.top-navigation__logo{display:flex;align-items:center;flex-shrink:0}.top-navigation__logo-img{height:24px;width:auto}.top-navigation__logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--primary-blue);white-space:nowrap}.top-navigation__list{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}.top-navigation__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-base);position:relative}.top-navigation__link:hover{color:var(--text-primary);background:var(--background)}.top-navigation__link:focus-visible{outline:2px solid var(--secondary-blue);outline-offset:2px}.top-navigation__link--active{color:var(--text-primary);font-weight:var(--font-semibold)}.top-navigation__link--active:after{content:"";position:absolute;bottom:-2px;left:var(--space-3);right:var(--space-3);height:2px;background:var(--primary-blue);border-radius:1px}.top-navigation__icon{flex-shrink:0;color:currentColor}.top-navigation__label{white-space:nowrap}.top-navigation__badge{margin-left:var(--space-1)}.top-navigation__profile{margin-left:auto}.top-navigation__mobile-settings{display:none;align-items:center;justify-content:center;padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.top-navigation__mobile-settings:hover{color:var(--text-primary);background:var(--background)}.top-navigation__mobile-settings:focus-visible{outline:2px solid var(--secondary-blue);outline-offset:2px}@media(max-width:768px){.top-navigation{top:auto;bottom:0;height:var(--mobile-nav-height);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);border-bottom:none}.top-navigation__logo,.top-navigation__profile{display:none}.top-navigation__mobile-settings{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:60px;padding:var(--space-2);font-size:var(--text-xs)}.top-navigation__mobile-settings:after{content:"Settings";font-size:var(--text-xs);font-weight:var(--font-medium)}.top-navigation__list{flex:1;justify-content:space-around;gap:0}.top-navigation__link{flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);font-size:var(--text-xs);min-width:60px}.top-navigation__link--active:after{display:none}.top-navigation__badge{position:absolute;top:0;right:8px;margin:0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background) 0%,var(--color-background-tertiary) 100%);padding:var(--space-4)}.login-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-10);width:100%;max-width:420px;text-align:center;animation:fadeIn var(--transition-base)}.login-logo{display:block;max-width:280px;width:100%;height:auto;margin:0 auto var(--space-8) auto}.login-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.login-message{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);margin:0}.login-error{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--color-danger-light);border:1px solid var(--color-danger);border-radius:var(--radius-md);text-align:left}.login-error__icon{flex-shrink:0;width:20px;height:20px;color:var(--color-danger)}.login-error__content{flex:1}.login-error__title{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-danger-dark)}.login-error__message{margin:0;font-size:var(--text-sm);color:var(--color-danger-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.oauth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:1rem}.oauth-callback__container{width:100%;max-width:400px;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:2.5rem 2rem;text-align:center}.oauth-callback__logo{height:40px;width:auto;margin-bottom:2rem}.oauth-callback__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.oauth-callback__spinner{width:48px;height:48px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:oauth-spinner .8s linear infinite}@keyframes oauth-spinner{to{transform:rotate(360deg)}}.oauth-callback__icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:oauth-icon-pop .3s ease-out}@keyframes oauth-icon-pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.oauth-callback__icon svg{width:28px;height:28px}.oauth-callback__icon--success{background-color:#dcfce7;color:#16a34a}.oauth-callback__icon--error{background-color:#fef2f2;color:#dc2626}.oauth-callback__title{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.oauth-callback__message{font-size:.9375rem;color:#64748b;margin:0;line-height:1.5}.oauth-callback__message strong{color:#334155;font-weight:600}.oauth-callback__redirect{font-size:.8125rem;color:#94a3b8;margin:.5rem 0 0}@media(max-width:480px){.oauth-callback__container{padding:2rem 1.5rem;border-radius:12px}.oauth-callback__logo{height:36px;margin-bottom:1.5rem}.oauth-callback__title{font-size:1.125rem}.oauth-callback__message{font-size:.875rem}}.step-container{width:100%;max-width:640px;margin:0 auto;padding:var(--space-4);animation:fadeIn var(--transition-base)}.step-container__logo{display:flex;justify-content:center;margin-bottom:var(--space-6)}.step-container__logo img{height:36px;width:auto}.step-container__progress{margin-bottom:var(--space-6)}.step-container__card{animation:slideUp var(--transition-base)}.step-container__header{padding:var(--space-6);border-bottom:1px solid var(--border)}.step-container__title{margin:0 0 var(--space-2) 0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.step-container__description{margin:0;font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-normal)}.step-container__content{padding:var(--space-6);min-height:300px}.step-container__footer{padding:var(--space-6);border-top:1px solid var(--border);background:var(--background)}.step-container__actions{display:flex;align-items:center;gap:var(--space-3)}.step-container__spacer{flex:1}.step-container__back,.step-container__skip,.step-container__next{min-width:100px}.step-container__next{min-width:120px}@media(max-width:768px){.step-container{padding:var(--space-3)}.step-container__logo{margin-bottom:var(--space-4)}.step-container__logo img{height:32px}.step-container__progress{margin-bottom:var(--space-4)}.step-container__header{padding:var(--space-4)}.step-container__title{font-size:var(--text-xl)}.step-container__description{font-size:var(--text-sm)}.step-container__content{padding:var(--space-4);min-height:200px}.step-container__footer{padding:var(--space-4)}.step-container__actions{flex-wrap:wrap}.step-container__next{flex:1 0 100%;order:3;min-width:unset}.step-container__back{flex:1;min-width:unset;order:1}.step-container__skip{flex:1;min-width:unset;order:2}.step-container__spacer{display:none}}@media(max-width:400px){.step-container{padding:var(--space-2)}.step-container__header,.step-container__content,.step-container__footer{padding:var(--space-3)}.step-container__title{font-size:var(--text-lg)}}.welcome-step{display:flex;flex-direction:column;gap:1.5rem}.welcome-step__greeting{text-align:center;padding:.5rem 0}.welcome-step__greeting-text{font-size:1.75rem;font-weight:700;color:var(--color-text-primary, #1a1a1a);margin:0 0 .75rem;line-height:1.3}.welcome-step__intro{font-size:1.125rem;color:var(--color-text-secondary, #666);line-height:1.5;max-width:500px;margin:0 auto}.welcome-step__features{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.welcome-step__feature{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:var(--color-background-secondary, #f5f5f5);border-radius:.75rem;min-width:120px}.welcome-step__feature-icon{font-size:1.75rem}.welcome-step__feature-label{font-size:.875rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);text-align:center}@media(min-width:768px){.welcome-step__greeting-text{font-size:2rem}.welcome-step__intro{font-size:1.125rem}.welcome-step__features{gap:1.5rem}.welcome-step__feature{min-width:140px;padding:1.25rem 1.5rem}.welcome-step__feature-icon{font-size:2rem}.welcome-step__feature-label{font-size:.9375rem}}@media(max-width:767px){.welcome-step{gap:1.25rem}.welcome-step__greeting-text{font-size:1.5rem}.welcome-step__intro{font-size:1rem}.welcome-step__features{gap:.75rem}.welcome-step__feature{min-width:100px;padding:.875rem 1rem}.welcome-step__feature-icon{font-size:1.5rem}.welcome-step__feature-label{font-size:.8125rem}}.profile-step{display:flex;flex-direction:column;gap:2rem}.profile-step__saving-indicator{position:fixed;top:1rem;right:1rem;background-color:var(--color-primary, #0066cc);color:#fff;padding:.5rem 1rem;border-radius:.25rem;font-size:.875rem;font-weight:500;box-shadow:0 2px 8px #00000026;z-index:1000;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.profile-step__section{display:flex;flex-direction:column;gap:1rem}.profile-step__section-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0}.profile-step__section-description{font-size:.9375rem;color:var(--color-text-secondary, #666);margin:0;line-height:1.5}.profile-step__fields{display:flex;flex-direction:column;gap:1.25rem;margin-top:.5rem}.profile-step__field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:767px){.profile-step{gap:1.5rem}.profile-step__section-title{font-size:1.125rem}.profile-step__field-row{grid-template-columns:1fr}.profile-step__saving-indicator{top:.5rem;right:.5rem;padding:.375rem .75rem;font-size:.8125rem}}@media(min-width:768px){.profile-step__fields{max-width:600px}}.payment-step{display:flex;flex-direction:column;gap:1.5rem}.payment-step__value-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #93c5fd;border-radius:.75rem;padding:1rem 1.25rem;text-align:center}.payment-step__value-badge{display:inline-block;background:var(--primary-blue, #3b82f6);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:9999px;margin-bottom:.5rem}.payment-step__value-text{color:#1e40af;font-size:.9375rem;margin:0;line-height:1.5}.payment-step__features{padding:.5rem 0}.payment-step__features-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.payment-step__features-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.payment-step__feature{display:flex;align-items:flex-start;gap:.625rem;padding:.625rem;background:var(--background);border-radius:.5rem}.payment-step__feature-icon{font-size:1.25rem;flex-shrink:0}.payment-step__feature-content{display:flex;flex-direction:column;gap:.125rem}.payment-step__feature-title{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.payment-step__feature-description{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.payment-step__plans{padding:.5rem 0}.payment-step__plans-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.payment-step__plan-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.payment-step__plan-card{position:relative;display:flex;flex-direction:column;padding:1rem;background:var(--surface);border:2px solid var(--border);border-radius:.75rem;cursor:pointer;transition:all .2s ease;text-align:left}.payment-step__plan-card:hover{border-color:var(--primary-blue)}.payment-step__plan-card--selected{border-color:var(--primary-blue);background:#3b82f60a}.payment-step__plan-badge{position:absolute;top:-.625rem;left:50%;transform:translate(-50%);background:var(--primary-blue);color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:9999px;white-space:nowrap}.payment-step__plan-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.payment-step__plan-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.payment-step__plan-price{display:flex;align-items:baseline;gap:.375rem;flex-wrap:wrap}.payment-step__plan-price-founder{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.payment-step__plan-price-standard{font-size:.875rem;color:var(--text-tertiary);text-decoration:line-through}.payment-step__plan-price-period{font-size:.875rem;color:var(--text-secondary)}.payment-step__plan-savings{font-size:.75rem;font-weight:600;color:#059669;margin-bottom:.25rem}.payment-step__plan-effective,.payment-step__plan-flexibility{font-size:.75rem;color:var(--text-secondary)}.payment-step__founder-note{margin-top:1rem;padding:.875rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:.5rem}.payment-step__founder-badge{font-size:.75rem;font-weight:700;color:#92400e}.payment-step__founder-text{font-size:.8125rem;color:#78350f;margin:.375rem 0 0;line-height:1.5}.payment-step__error{padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.875rem}.payment-step__plans-error{padding:.75rem 1rem;background:#fffbeb;border:1px solid #fde68a;border-radius:.5rem;color:#92400e;font-size:.875rem;text-align:center}.payment-step__cta{padding-top:.5rem}.payment-step__trust{display:flex;flex-direction:column;gap:.5rem;padding-top:.5rem}.payment-step__trust-item{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary)}.payment-step__trust-icon{font-size:.875rem}@media(max-width:640px){.payment-step{gap:1.25rem}.payment-step__features-grid,.payment-step__plan-options{grid-template-columns:1fr}.payment-step__plan-card{padding:1rem}.payment-step__plan-price-founder{font-size:1.375rem}.payment-step__trust{gap:.375rem}.payment-step__trust-item{font-size:.75rem}}@media(max-width:400px){.payment-step__trial-banner{padding:.875rem 1rem}.payment-step__trial-text{font-size:.875rem}.payment-step__feature{padding:.5rem}.payment-step__feature-icon{font-size:1.125rem}}.email-connect-step{display:flex;flex-direction:column;gap:1.5rem}.email-connect-step__payment-success{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:.5rem;font-size:.9375rem;font-weight:500;animation:payment-success-fade-in .3s ease-out}.email-connect-step__payment-success-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background:#fff3;border-radius:50%;font-size:.75rem}@keyframes payment-success-fade-in{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.email-connect-step__benefits{text-align:center}.email-connect-step__benefits-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0 0 .75rem}.email-connect-step__benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.email-connect-step__benefits-list li{font-size:.9375rem;color:var(--color-text-secondary, #666);display:flex;align-items:center;justify-content:center;gap:.5rem}.email-connect-step__benefits-list li:before{content:"✓";color:var(--color-success, #10b981);font-weight:600}.email-connect-step__privacy{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background-color:var(--color-background-secondary, #f5f5f5);border-radius:.5rem}.email-connect-step__privacy-icon{font-size:1.25rem;flex-shrink:0}.email-connect-step__privacy-text{font-size:.875rem;color:var(--color-text-secondary, #666);margin:0;line-height:1.4}.email-connect-step__providers{display:flex;flex-direction:column;gap:1rem}.email-connect-step__providers-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0;text-align:center}.email-connect-step__provider-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.email-connect-step__provider-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background-color:#fff;border:2px solid var(--color-border, #e5e5e5);border-radius:.5rem;cursor:pointer;transition:all .2s ease;min-height:120px}.email-connect-step__provider-button:hover{border-color:var(--color-primary, #0066cc);box-shadow:0 2px 8px #0066cc26}.email-connect-step__provider-button--selected{border-color:var(--color-primary, #0066cc);background-color:var(--color-primary-light, #e6f2ff);box-shadow:0 0 0 3px #0066cc1a}.email-connect-step__provider-icon{font-size:2.5rem}.email-connect-step__provider-label{font-size:1rem;font-weight:600;color:var(--color-text-primary, #1a1a1a)}.email-connect-step__connect{display:flex;flex-direction:column;gap:1rem}.email-connect-step__google-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:48px;padding:0 16px;background-color:#fff;border:1px solid #747775;border-radius:4px;cursor:pointer;font-family:Roboto,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;color:#1f1f1f;transition:background-color .2s,box-shadow .2s}.email-connect-step__google-button:hover{background-color:#f8f9fa;box-shadow:0 1px 3px #0000001a}.email-connect-step__google-button:focus{outline:none;box-shadow:0 0 0 3px #4285f44d}.email-connect-step__google-button:disabled{opacity:.6;cursor:not-allowed}.email-connect-step__microsoft-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:48px;padding:0 16px;background-color:#fff;border:1px solid #8c8c8c;border-radius:4px;cursor:pointer;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:600;color:#5e5e5e;transition:background-color .2s,box-shadow .2s}.email-connect-step__microsoft-button:hover{background-color:#f8f8f8;box-shadow:0 1px 3px #0000001a}.email-connect-step__microsoft-button:focus{outline:none;box-shadow:0 0 0 3px #0078d44d}.email-connect-step__microsoft-button:disabled{opacity:.6;cursor:not-allowed}.email-connect-step__apple-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:48px;padding:0 16px;background-color:#000;border:none;border-radius:6px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:17px;font-weight:500;color:#fff;transition:background-color .2s,box-shadow .2s}.email-connect-step__apple-button:hover{background-color:#1a1a1a;box-shadow:0 1px 3px #0003}.email-connect-step__apple-button:focus{outline:none;box-shadow:0 0 0 3px #007dfa80}.email-connect-step__apple-button:disabled{opacity:.6;cursor:not-allowed}.email-connect-step__other-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:48px;padding:0 16px;background-color:#06c;border:none;border-radius:6px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600;color:#fff;transition:background-color .2s,box-shadow .2s}.email-connect-step__other-button:hover{background-color:#0052a3;box-shadow:0 1px 3px #0003}.email-connect-step__other-button:focus{outline:none;box-shadow:0 0 0 3px #06c6}.email-connect-step__other-button:disabled{opacity:.6;cursor:not-allowed}.email-connect-step__provider-logo,.email-connect-step__provider-text{flex-shrink:0}.email-connect-step__error{padding:1rem;background-color:var(--color-error-light, #fef2f2);border:1px solid var(--color-error, #ef4444);border-radius:.375rem;color:var(--color-error-dark, #991b1b);font-size:.9375rem;text-align:center}.email-connect-step__security{text-align:center}.email-connect-step__security-icon{font-size:2rem;margin-bottom:.5rem}.email-connect-step__security-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0 0 .5rem}.email-connect-step__security-text{font-size:.9375rem;color:var(--color-text-secondary, #666);margin:0;line-height:1.5}.email-connect-step__success{text-align:center;padding:1rem 0}.email-connect-step__success-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background-color:var(--color-success, #10b981);color:#fff;border-radius:50%;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.email-connect-step__success-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0 0 .5rem}.email-connect-step__success-text{font-size:.9375rem;color:var(--color-text-secondary, #666);margin:0;line-height:1.5}.email-connect-step__connected-card{background-color:var(--color-background-secondary, #f5f5f5)}.email-connect-step__connected-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.email-connect-step__connected-info{display:flex;align-items:center;gap:1rem}.email-connect-step__connected-icon-badge{font-size:2rem}.email-connect-step__connected-email{font-size:1rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin-bottom:.25rem}.email-connect-step__connected-status{font-size:.875rem;color:var(--color-success, #10b981);font-weight:500}.email-connect-step__next-preview{background-color:var(--color-background-secondary, #f5f5f5);padding:1.25rem;border-radius:.5rem;text-align:center}.email-connect-step__next-preview-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #1a1a1a);margin:0 0 .5rem}.email-connect-step__next-preview-text{font-size:.9375rem;color:var(--color-text-secondary, #666);margin:0;line-height:1.6}@media(max-width:767px){.email-connect-step{gap:1.5rem}.email-connect-step__provider-grid{grid-template-columns:1fr}.email-connect-step__provider-button{padding:1.25rem;min-height:100px}.email-connect-step__provider-icon{font-size:2rem}.email-connect-step__success{padding:.75rem 0}.email-connect-step__success-title{font-size:1.125rem}.email-connect-step__connected-header{flex-direction:column;align-items:flex-start}}@media(min-width:768px){.email-connect-step__provider-grid{grid-template-columns:repeat(4,1fr)}}.complete-step{display:flex;flex-direction:column;gap:2rem}.complete-step__hero--minimal{text-align:center;padding:2rem 1rem}.complete-step__title{font-size:var(--text-3xl, 1.75rem);font-weight:var(--font-bold, 700);color:var(--color-text-primary, #1E293B);margin:0 0 .75rem}.complete-step__subtitle{font-size:var(--text-lg, 1.125rem);color:var(--color-text-secondary, #64748B);margin:0;line-height:1.6}.complete-step__hero--achievement{text-align:center;padding:1.5rem 1rem 2rem}.complete-step__achievement{display:flex;flex-direction:column;align-items:center}.complete-step__achievement-badge{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.complete-step__achievement-icon{font-size:3.5rem;z-index:1;animation:achievementPop .5s ease-out}@keyframes achievementPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.complete-step__achievement-ring{position:absolute;inset:0;border:3px solid var(--color-primary, #1B4B7A);border-radius:50%;opacity:.2;animation:ringPulse 2s ease-out infinite}@keyframes ringPulse{0%{transform:scale(1);opacity:.2}50%{transform:scale(1.1);opacity:.1}to{transform:scale(1);opacity:.2}}.complete-step__achievement-label{font-size:var(--text-xs, .75rem);font-weight:var(--font-semibold, 600);text-transform:uppercase;letter-spacing:.1em;color:var(--color-success, #22C55E);margin-bottom:.5rem}.complete-step__achievement-title{font-size:var(--text-2xl, 1.5rem);font-weight:var(--font-bold, 700);color:var(--color-text-primary, #1E293B);margin:0 0 .5rem}.complete-step__achievement-text{font-size:var(--text-base, 1rem);color:var(--color-text-secondary, #64748B);margin:0;max-width:400px;line-height:1.5}.complete-step__hero--personalized{text-align:center;padding:1.5rem 1rem 2rem}.complete-step__welcome{display:flex;flex-direction:column;align-items:center}.complete-step__welcome-wave{font-size:3rem;margin-bottom:1rem;animation:wave 1s ease-in-out;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%,to{transform:rotate(0)}}.complete-step__welcome-title{font-size:var(--text-2xl, 1.5rem);font-weight:var(--font-bold, 700);color:var(--color-text-primary, #1E293B);margin:0 0 .75rem}.complete-step__welcome-text{font-size:var(--text-base, 1rem);color:var(--color-text-secondary, #64748B);margin:0;max-width:450px;line-height:1.6}.complete-step__quickstart{background:var(--color-background-secondary, #F8FAFC);border:1px solid var(--color-border, #E2E8F0);border-radius:var(--radius-lg, 12px);padding:1.5rem}.complete-step__quickstart-title{font-size:var(--text-base, 1rem);font-weight:var(--font-semibold, 600);color:var(--color-text-primary, #1E293B);margin:0 0 1rem;text-align:center}.complete-step__actions{display:flex;flex-direction:column;gap:.75rem}.complete-step__action{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:var(--color-surface, #FFFFFF);border:1px solid var(--color-border, #E2E8F0);border-radius:var(--radius-md, 8px);transition:border-color var(--transition-fast, .15s)}.complete-step__action:hover{border-color:var(--color-border-hover, #CBD5E1)}.complete-step__action-number{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary, #1B4B7A);color:#fff;font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);border-radius:50%;flex-shrink:0}.complete-step__action-content{display:flex;flex-direction:column;gap:.125rem}.complete-step__action-title{font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);color:var(--color-text-primary, #1E293B)}.complete-step__action-desc{font-size:var(--text-xs, .75rem);color:var(--color-text-secondary, #64748B)}.complete-step__cta{padding:.5rem 0}.complete-step__help{text-align:center}.complete-step__help-text{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #64748B);margin:0}.complete-step__help-link{color:var(--color-primary, #1B4B7A);text-decoration:underline;font-weight:var(--font-medium, 500)}.complete-step__help-link:hover{color:var(--color-primary-dark, #153D63)}@media(max-width:767px){.complete-step{gap:1.5rem}.complete-step__hero--minimal,.complete-step__hero--achievement,.complete-step__hero--personalized{padding:1rem .5rem 1.5rem}.complete-step__title{font-size:var(--text-2xl, 1.5rem)}.complete-step__subtitle{font-size:var(--text-base, 1rem)}.complete-step__achievement-badge{width:80px;height:80px}.complete-step__achievement-icon{font-size:2.75rem}.complete-step__achievement-title,.complete-step__welcome-title{font-size:var(--text-xl, 1.25rem)}.complete-step__achievement-text,.complete-step__welcome-text{font-size:var(--text-sm, .875rem)}.complete-step__welcome-wave{font-size:2.5rem}.complete-step__quickstart{padding:1.25rem}.complete-step__action{padding:.75rem;gap:.75rem}.complete-step__action-number{width:1.75rem;height:1.75rem;font-size:var(--text-xs, .75rem)}}.complete-step__analysis-note{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#8b5cf60d,#8b5cf605);border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-md, 8px)}.complete-step__analysis-icon{font-size:1.25rem;flex-shrink:0;line-height:1.4}.complete-step__analysis-content{display:flex;flex-direction:column;gap:.25rem}.complete-step__analysis-title{font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);color:var(--color-text-primary, #1E293B);margin:0}.complete-step__analysis-text{font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #64748B);margin:0;line-height:1.5}@media(min-width:768px){.complete-step__quickstart,.complete-step__analysis-note{max-width:500px;margin:0 auto}}.onboarding-page{min-height:100vh}.onboarding-loading,.onboarding-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center}.onboarding-loading p{margin-top:var(--space-4);color:var(--text-secondary)}.onboarding-error h2{color:var(--error-red);margin-bottom:var(--space-3)}.onboarding-error p{color:var(--text-secondary);margin-bottom:var(--space-2)}.onboarding{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%)}.onboarding__container{width:100%;max-width:600px}.onboarding__progress-bar{width:100%;height:4px;background-color:#fff3;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.onboarding__progress-fill{height:100%;background-color:var(--surface);transition:width var(--transition-slow)}.onboarding__step-counter{text-align:center;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--surface);margin-bottom:var(--space-4)}.onboarding__card{background-color:var(--surface)}.onboarding__welcome,.onboarding__email,.onboarding__complete{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8)}.onboarding__icon,.onboarding__email-icon,.onboarding__complete-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:var(--radius-full);background-color:#1b4b7a1a;color:var(--primary-blue);margin-bottom:var(--space-6)}.onboarding__complete-icon{background-color:#22c55e1a;color:var(--success-green)}.onboarding__title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.onboarding__subtitle{font-size:var(--text-base);color:var(--text-secondary);margin:0}.onboarding__description{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-6) 0;max-width:480px}.onboarding__features{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:400px;margin-top:var(--space-6)}.onboarding__feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--background);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm)}.onboarding__feature svg{color:var(--success-green);flex-shrink:0}.onboarding__form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6)}.onboarding__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.onboarding__form-field{display:flex;flex-direction:column;gap:var(--space-2)}.onboarding__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.onboarding__required{color:var(--error-red)}.onboarding__select{width:100%;padding:var(--space-3);font-family:var(--font-family);font-size:var(--text-sm);color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.onboarding__select:focus{outline:none;border-color:var(--primary-blue)}.onboarding__email-buttons{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:400px;margin-bottom:var(--space-4)}.onboarding__coaches{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6)}.onboarding__coach-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--background);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.onboarding__coach-item:hover{border-color:var(--primary-blue);background-color:var(--surface)}.onboarding__coach-item--selected{border-color:var(--primary-blue);background-color:#1b4b7a0d}.onboarding__checkbox{width:20px;height:20px;cursor:pointer}.onboarding__coach-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.onboarding__coach-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.onboarding__coach-university{font-size:var(--text-xs);color:var(--text-secondary)}.onboarding__tips{width:100%;max-width:480px;text-align:left;margin-top:var(--space-6);padding:var(--space-4);background-color:var(--background);border-radius:var(--radius-md)}.onboarding__tips-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.onboarding__tips-list{margin:0;padding-left:var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.onboarding__tips-list li{margin-bottom:var(--space-2)}.onboarding__actions{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-3)}.onboarding__actions-right{display:flex;gap:var(--space-2)}.onboarding__button{width:100%}.onboarding__error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background-color:#ef44441a;border:1px solid var(--error-red);border-radius:var(--radius-md);color:var(--error-red);font-size:var(--text-sm);width:100%;margin-bottom:var(--space-3)}.onboarding__error svg{flex-shrink:0}@media(max-width:768px){.onboarding{padding:var(--space-4)}.onboarding__form-row{grid-template-columns:1fr}.onboarding__actions{flex-direction:column}.onboarding__actions-right{width:100%;flex-direction:column}.onboarding__actions button{width:100%}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:linear-gradient(135deg,var(--color-background) 0%,var(--color-surface) 100%)}.error-boundary__container{max-width:600px;text-align:center;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg)}.error-boundary__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto var(--space-4);background-color:var(--color-error-light, #fef2f2);border-radius:50%;color:var(--color-error, #ef4444)}.error-boundary__icon svg{width:24px;height:24px}.error-boundary__title{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.error-boundary__message{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-6)}.error-boundary__details{text-align:left;margin:var(--space-6) 0;padding:var(--space-4);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border)}.error-boundary__details-summary{cursor:pointer;font-weight:500;color:var(--color-text-primary);padding:var(--space-2);-webkit-user-select:none;user-select:none}.error-boundary__details-summary:hover{color:var(--color-primary)}.error-boundary__error-info{margin-top:var(--space-4)}.error-boundary__error-info h3{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);margin:var(--space-3) 0 var(--space-2)}.error-boundary__code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-3);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--text-xs);color:var(--color-error);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.error-boundary__actions{display:flex;gap:var(--space-3);justify-content:center}.error-boundary__button{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease}.error-boundary__button--primary{background:var(--color-primary);color:#fff}.error-boundary__button--primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.error-boundary__button--secondary{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border)}.error-boundary__button--secondary:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.feature-error-boundary{display:flex;align-items:center;justify-content:center;min-height:300px;padding:var(--space-6)}.feature-error-boundary__container{max-width:400px;text-align:center;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.feature-error-boundary__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto var(--space-3);background-color:var(--color-warning-light, #fef3c7);border-radius:50%;color:var(--color-warning, #f59e0b)}.feature-error-boundary__icon svg{width:20px;height:20px}.feature-error-boundary__title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.feature-error-boundary__message{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-4)}.feature-error-boundary__button{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);border:none;background:var(--color-primary);color:#fff;cursor:pointer;transition:all .2s ease}.feature-error-boundary__button:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media(max-width:768px){.error-boundary__container{padding:var(--space-6)}.error-boundary__icon{width:40px;height:40px}.error-boundary__icon svg{width:20px;height:20px}.error-boundary__title{font-size:var(--text-xl)}.error-boundary__actions{flex-direction:column;width:100%}.error-boundary__button{width:100%}.feature-error-boundary__container{padding:var(--space-4)}.feature-error-boundary__icon{width:36px;height:36px}.feature-error-boundary__icon svg{width:18px;height:18px}}