.auth-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.auth-container{width:100%;max-width:480px}.auth-card{background:white;border-radius:20px;padding:40px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04),0 0 0 1px rgba(5,100,188,.08)}.auth-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 8px;text-align:center}.auth-subtitle{margin:0 0 24px;font-size:.95rem}.auth-subtitle,.auth-text{color:#64748b;text-align:center}.auth-text{margin:16px 0;font-size:.9rem;line-height:1.6}.auth-success-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:500px){.auth-row{grid-template-columns:1fr}.auth-card{padding:28px 20px}}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:.875rem;font-weight:600;color:#334155}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none;transition:color .2s ease}.auth-input-icon-right{position:absolute;right:14px;pointer-events:none}.auth-icon-success{color:#22c55e}.auth-input{width:100%;padding:12px 14px 12px 44px;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;transition:all .2s ease;background:#f8fafc}.auth-input:focus{outline:none;border-color:#0564bc;background:white;box-shadow:0 0 0 4px rgba(5,100,188,.1)}.auth-input-wrapper:focus-within .auth-input-icon,.auth-input:focus+.auth-input-icon{color:#0564bc}.auth-input-error{border-color:#ef4444}.auth-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.1)}.auth-input-success{border-color:#22c55e;padding-right:44px}.auth-field-error{font-size:.8rem;color:#ef4444}.auth-password-strength{display:flex;align-items:center;gap:10px;margin-top:4px}.auth-strength-bar{flex:1 1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.auth-strength-fill{height:100%;border-radius:2px;transition:all .3s ease}.auth-strength-label{font-size:.75rem;font-weight:600;min-width:70px;text-align:right}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626}.auth-error,.auth-info{display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:.9rem}.auth-info{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;color:#1d4ed8}.auth-submit{width:100%;padding:14px 20px;background:linear-gradient(135deg,#0564bc,#0891e8);color:white;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(5,100,188,.3)}.auth-submit:active:not(:disabled){transform:translateY(-1px)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-submit-secondary{background:white;color:#0564bc;border:2px solid #0564bc}.auth-submit-secondary:hover:not(:disabled){background:#f0f8ff;box-shadow:0 10px 20px rgba(5,100,188,.15)}.auth-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0;color:#64748b;font-size:.9rem}.auth-link{color:#0564bc;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-link:hover{color:#044d99;text-decoration:underline}.auth-links{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.auth-link-separator{color:#cbd5e1}.auth-checkbox-wrapper{display:flex;align-items:center;gap:10px}.auth-checkbox{width:18px;height:18px;accent-color:#0564bc;cursor:pointer}.auth-checkbox-label{font-size:.9rem;color:#475569;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-required{color:#dc2626;font-weight:600}.auth-agreements{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.auth-checkbox-field{display:flex;align-items:flex-start;gap:10px}.auth-checkbox-field .auth-checkbox{margin-top:2px;flex-shrink:0}.auth-checkbox-label-long{font-size:.85rem;line-height:1.5;color:#475569}.auth-link-inline{color:#0564bc;text-decoration:none;font-weight:500}.auth-link-inline:hover{text-decoration:underline;color:#044d99}.auth-select{padding-left:42px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.auth-select:focus{outline:none;border-color:#0564bc;box-shadow:0 0 0 3px rgba(5,100,188,.1)}.auth-options-row{display:flex;align-items:center;justify-content:space-between}.auth-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px}.auth-spinner{width:48px;height:48px;border:3px solid #e2e8f0;border-top-color:#0564bc;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-timer{text-align:center;padding:12px;background:#f1f5f9;border-radius:12px;color:#64748b;font-size:.9rem}.auth-timer strong{color:#0564bc;font-weight:700}.auth-divider{display:flex;align-items:center;gap:16px;margin:20px 0}.auth-divider-line{flex:1 1;height:1px;background:#e2e8f0}.auth-divider-text{color:#94a3b8;font-size:.85rem}.auth-select{padding-left:14px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer}.profile-avatar-section{display:flex;align-items:center;gap:20px;padding:16px;background:#f8fafc;border-radius:16px;margin-bottom:8px}.profile-avatar-wrapper{position:relative;width:80px;height:80px;flex-shrink:0}.profile-avatar-img{object-fit:cover}.profile-avatar-img,.profile-avatar-placeholder{width:80px;height:80px;border-radius:50%;border:3px solid #e2e8f0}.profile-avatar-placeholder{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#64748b}.profile-avatar-loading,.profile-avatar-placeholder{display:flex;align-items:center;justify-content:center}.profile-avatar-loading{position:absolute;top:0;left:0;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.8)}.profile-avatar-info{flex:1 1;display:flex;flex-direction:column;gap:10px}.profile-avatar-buttons{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}.profile-avatar-hint{margin:0;font-size:.8rem;color:#64748b;line-height:1.4}.profile-avatar-actions{display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.profile-avatar-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:2px solid #0564bc;background:white;color:#0564bc;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-avatar-btn:hover:not(:disabled){background:#0564bc;color:white}.profile-avatar-btn:disabled{opacity:.6;cursor:not-allowed}.profile-avatar-btn-danger{border-color:#dc2626;color:#dc2626}.profile-avatar-btn-danger:hover:not(:disabled){background:#dc2626;color:white}@media (max-width:500px){.profile-avatar-section{flex-direction:column;text-align:center}.profile-avatar-info{align-items:center}.profile-avatar-buttons{justify-content:center}.profile-avatar-hint{text-align:center}}