.auth-page{padding:var(--space-10) var(--space-4);background:radial-gradient(circle at 0 0,#ff7b0024,#0000 28%),radial-gradient(circle at 100% 0,#ff99331f,#0000 24%),linear-gradient(#fff8f2 0%,#f8fafc 40% 100%);justify-content:center;min-height:100%;display:flex}.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:var(--space-10);box-shadow:var(--shadow-sm);font-family:var(--font-family);background:#fff}.auth-card h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.3px;color:var(--gray-900);margin-bottom:var(--space-2)}.auth-card .auth-sub{font-size:var(--font-size-sm);color:var(--color-muted);margin-bottom:var(--space-6)}.auth-field{margin-bottom:var(--space-4)}.auth-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-700);margin-bottom:var(--space-2);display:block}.auth-field input{width:100%;height:var(--tap-target);border:1px solid var(--color-border);border-radius:var(--radius);padding:0 var(--space-4);font-size:var(--font-size-md);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.auth-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background:var(--color-bg);outline:none}.auth-footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-muted);margin-top:var(--space-5)}.auth-footer a{color:var(--color-primary);font-weight:var(--font-weight-medium)}.status-msg--ok{color:var(--color-success)!important}.status-msg--error{color:var(--color-danger)!important}.link-btn{color:var(--color-primary);font-size:inherit;cursor:pointer;min-height:unset;background:0 0;border:none;width:auto;padding:0;text-decoration:underline;display:inline}.link-btn:hover{color:var(--color-primary-active)}.auth-otp-hint{font-size:var(--font-size-xs);color:var(--color-muted);margin-top:var(--space-2)}.auth-logo{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:1.6rem;display:flex}.auth-logo-img{object-fit:contain;width:auto;height:1.9em}.auth-logo-name{color:var(--color-text);letter-spacing:-.5px;font-size:1em;font-weight:800;line-height:1}.auth-tabs{gap:var(--space-1);background:var(--gray-200);border-radius:var(--radius-lg);margin-bottom:var(--space-5);padding:3px;display:flex}.auth-tab{padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-lg) - 2px);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex:1}.auth-tab.active{color:var(--color-text);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs);background:#fff}.auth-hint{font-size:var(--font-size-xs);color:var(--color-muted);margin-top:var(--space-2);line-height:var(--line-height-lg)}.auth-dev-hint{font-size:var(--font-size-xs);color:var(--color-warning-active);background:var(--color-warning-light);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-3)}.auth-cooldown{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-2)}.auth-muted{font-size:var(--font-size-xs);color:var(--color-muted)}.auth-otp-boxes{justify-content:center;align-items:center;gap:var(--space-3);margin:var(--space-4) 0;display:flex}.auth-otp-group{gap:var(--space-2);display:flex}.auth-otp-sep{color:var(--color-muted);font-size:1.25rem;line-height:1}.auth-otp-box{text-align:center;width:44px;height:52px;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);caret-color:var(--color-primary)}.auth-otp-box:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);background:var(--color-bg);outline:none}.auth-otp-actions{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--font-size-sm);display:flex}.auth-oauth{gap:var(--space-2);flex-direction:column;display:flex}.auth-oauth-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;height:var(--tap-target);border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);display:flex}.auth-oauth-btn:hover{background:var(--gray-100);border-color:var(--gray-400)}.auth-divider{align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-muted);margin:var(--space-5) 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-mail-icon{margin-bottom:var(--space-4);color:var(--color-primary);justify-content:center;display:flex}.auth-mailbox-btn{justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-4) 0;color:#fff;text-decoration:none;display:flex}.auth-mailbox-btn:hover{color:#fff}.auth-inline-icon{vertical-align:middle;margin-right:2px;display:inline}.auth-brand-footer{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border);font-size:1.1rem;display:flex}.auth-brand-footer .auth-logo-img{height:1.4em}.bootstrap-actions{margin-top:var(--space-5);text-align:center}.bootstrap-skip{color:var(--color-muted);font-size:var(--font-size-sm)}.bootstrap-cancel{color:var(--color-danger);font-size:var(--font-size-sm)}.bootstrap-cancel:hover{color:var(--color-danger-active)}.bootstrap-progress{margin-bottom:var(--space-6)}.bootstrap-step-label{font-size:var(--font-size-xs);color:var(--color-muted);margin-bottom:var(--space-2);display:block}.bootstrap-bar{background:var(--gray-200);border-radius:var(--radius-pill);height:4px;overflow:hidden}.bootstrap-fill{background:var(--color-primary);border-radius:var(--radius-pill);height:100%;transition:width .3s}.bs-contacts{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.bs-contact-row{gap:var(--space-2);align-items:center;display:flex}.bs-type-select{width:120px;padding:0 var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);height:42px;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;flex-shrink:0}.bs-type-select:focus{border-color:var(--color-primary);outline:none}.bs-value-input{flex:1}.bs-remove-btn{width:32px;height:32px;color:var(--color-muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:flex}.bs-remove-btn:hover{color:var(--color-danger);background:var(--color-danger-light,#fff0f0)}.bs-add-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) 0;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;display:inline-flex}.bs-add-btn:hover{text-decoration:underline}.form-contact-list{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.form-contact-item{align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1.5px solid var(--color-border);background:var(--color-surface);display:flex}.form-contact-item:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-light,#f0f7ff)}.form-contact-item input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary);flex-shrink:0}.form-contact-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--gray-100);color:var(--gray-600);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:68px;padding:2px 8px;display:inline-flex}.form-contact-value{font-size:var(--font-size-sm);color:var(--gray-700);font-family:monospace}.form-contact-hint{font-size:var(--font-size-xs);color:var(--gray-400)}.otp-row{gap:var(--space-2);display:flex}.otp-row input{flex:1}.otp-row .btn-primary{flex-shrink:0;width:auto}.role-selector{gap:var(--space-2);flex-direction:column;display:flex}.role-option{cursor:pointer}.role-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.role-option__box{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition-fast), background var(--transition-fast);display:flex}.role-option__box:hover,.role-option__box--active{border-color:var(--color-primary);background:var(--color-primary-light)}.role-option__icon{flex-shrink:0;font-size:1.25rem}.role-option__label{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.role-option__desc{font-size:var(--font-size-xs);color:var(--color-muted);margin-top:1px}