@charset "UTF-8";.input-group{margin-bottom:1rem}.input-group__label{display:block;font-size:.78rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.4rem;text-transform:uppercase}.input-group__field-wrapper{position:relative;display:flex;align-items:center;background:var(--color-bg-input);border:2px solid transparent;border-radius:var(--border-radius-md);transition:all var(--anim-duration) var(--anim-easing)}.input-group__field-wrapper:focus-within{background:var(--color-bg-input-focus);border-color:var(--color-border-focus);box-shadow:0 0 0 4px var(--color-primary-light)}.input-group__icon{position:absolute;left:1rem;width:18px;height:18px;fill:var(--color-text-muted);pointer-events:none;z-index:2;transition:fill var(--anim-duration) var(--anim-easing)}.input-group__field-wrapper:focus-within .input-group__icon{fill:var(--color-primary)}.input-group__field{width:100%;padding:.75rem 1rem;font-size:.92rem;color:var(--color-text-primary);background:transparent;border:none;outline:none;z-index:1}.input-group__field--with-icon{padding-left:2.75rem}.checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox__input{width:18px;height:18px;margin:0;cursor:pointer;accent-color:var(--color-primary);border:1.5px solid var(--color-border);border-radius:var(--border-radius-sm)}.checkbox__label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary);transition:color var(--anim-duration) var(--anim-easing)}.checkbox:hover .checkbox__label{color:var(--color-text-primary)}.link-text{font-size:.85rem;font-weight:500;color:var(--color-text-link);text-decoration:none;transition:opacity var(--anim-duration) var(--anim-easing)}.link-text:hover{opacity:.8;text-decoration:underline}.link-text:focus{outline:2px solid var(--color-primary-light);outline-offset:4px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.82rem 1.5rem;font-size:.95rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--anim-duration) var(--anim-easing)}.btn--primary{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:0 4px 14px var(--color-shadow)}.btn--primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px var(--color-shadow)}.btn:active{transform:translateY(0)}.btn--disabled,.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;filter:grayscale(.2)}.social-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;width:100%}.social-divider__line{flex:1;height:1.5px;background:var(--color-border);opacity:.65}.social-divider__text{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;white-space:nowrap}.social-row{display:flex;gap:1rem;width:100%}.social-row--circle{justify-content:center;gap:1.5rem}.social-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:.65rem .75rem;font-size:.82rem;font-weight:500;font-family:inherit;color:var(--color-text-primary);background:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--anim-duration) var(--anim-easing)}.social-btn:hover{background:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--color-shadow)}.social-btn:not([class*=--facebook]):not([class*=--github]):not([class*=--twitter]):not([class*=--googleplus]):hover .social-btn__icon path{fill:var(--color-primary)}.social-btn--circle{flex:0 0 48px;width:48px;height:48px;padding:0;border-radius:50%;box-shadow:0 2px 10px #0000000a}.social-btn--circle:hover{transform:scale(1.1);box-shadow:0 6px 20px #0000001a}.social-btn--circle .social-btn__icon{width:22px;height:22px}.social-btn--google{background:#fff;border-color:#dfe6e9}.social-btn--facebook{background:#1877f2;border-color:#1877f2}.social-btn--facebook .social-btn__icon path{fill:#fff!important}.social-btn--facebook:hover{background:#166ada;border-color:#166ada}.social-btn--github{background:#24292e;border-color:#24292e}.social-btn--github .social-btn__icon path{fill:#fff!important}.social-btn--github:hover{background:#1b1f23;border-color:#1b1f23}.social-btn--twitter{background:#1da1f2;border-color:#1da1f2}.social-btn--twitter .social-btn__icon path{fill:#fff!important}.social-btn--twitter:hover{background:#1a91da;border-color:#1a91da}.social-btn--googleplus{background:#db4437;border-color:#db4437}.social-btn--googleplus .social-btn__icon path{fill:#fff!important}.social-btn--googleplus:hover{background:#c53c2f;border-color:#c53c2f}.error-message{font-size:.82rem;color:var(--color-text-error);background:#d6303114;border:1px solid rgba(214,48,49,.2);padding:.75rem 1rem;border-radius:var(--border-radius-md);margin-bottom:1.5rem;transition:all var(--anim-duration) var(--anim-easing)}.error-message--empty{display:none}.form-section{width:100%;max-width:400px;padding:0;animation:fadeSlideUp .5s var(--anim-easing) both}.form-section__heading{font-size:1.5rem;font-weight:700;margin-bottom:.35rem}.form-section__subheading{font-size:.88rem;color:var(--color-text-secondary);margin-bottom:1.75rem}.app-logo--form{width:48px;height:48px;margin-bottom:1.5rem;object-fit:contain}.checkbox-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.register-row{margin-top:2rem;text-align:center;font-size:.88rem;color:var(--color-text-secondary)}.form-success-msg{background:#10b9811a;color:#059669;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(16,185,129,.2);font-size:.85rem;font-weight:500;margin-bottom:1.5rem}.phone-wrapper{padding-left:.5rem}.country-select{position:relative;display:flex;align-items:center;height:100%;padding:0 .5rem;cursor:pointer}.country-select__native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.country-select__display{display:flex;align-items:center;gap:.4rem;font-size:.92rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap}.dropdown-arrow{width:18px;height:18px;fill:var(--color-text-muted)}.phone-divider{width:1px;height:24px;background:var(--color-border);margin:0 .5rem;opacity:.6}.phone-input{padding-left:.25rem!important}.phone-group .input-group__field-wrapper:focus-within .dropdown-arrow{fill:var(--color-primary)}.phone-group .input-group__field-wrapper:focus-within .phone-divider{background:var(--color-primary);opacity:.3}.profile-section{width:100%;animation:fadeSlideUp .5s var(--anim-easing) both}.avatar-upload{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem;gap:1rem}.avatar-preview{width:100px;height:100px;border-radius:50%;background:var(--color-bg-input);overflow:hidden;position:relative;border:3px solid var(--color-bg-input);box-shadow:0 4px 12px #0000000d;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:2.5rem;font-weight:700;color:var(--color-text-muted)}.avatar-preview--uploading{opacity:.6}.avatar-spinner{position:absolute;width:32px;height:32px;border:3px solid rgba(108,92,231,.2);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.avatar-label{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:var(--color-primary);cursor:pointer;padding:.5rem 1rem;border-radius:var(--border-radius-full);background:var(--color-primary-light);transition:all .2s ease}.avatar-label:hover{background:var(--color-primary);color:#fff}.avatar-label .action-icon{fill:currentColor}.profile-form{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem}.custom-field{grid-column:span 2}.profile-textarea{min-height:100px;resize:vertical;font-family:inherit}.profile-actions{display:flex;justify-content:flex-end;gap:.75rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.custom-field{grid-column:span 1}}.user-avatar{position:relative;display:inline-flex;border-radius:50%;transition:transform var(--anim-duration) var(--anim-easing)}.avatar-wrapper{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--color-bg-input);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--color-shadow)}.avatar-wrapper img{width:100%;height:100%;object-fit:cover}.avatar-initials{font-weight:700;color:var(--color-primary);text-transform:uppercase}.user-avatar--border .avatar-wrapper{border:3px solid #FFFFFF}.user-avatar--clickable{cursor:pointer}.user-avatar--clickable:hover{transform:scale(1.05)}.status-indicator{position:absolute;bottom:5%;right:5%;width:25%;height:25%;border-radius:50%;border:2px solid #FFFFFF;z-index:2}.status-indicator--online{background:#2ecc71}.status-indicator--offline{background:#bdc3c7}.status-indicator--away{background:#f1c40f}.status-indicator--busy{background:#e74c3c}.user-avatar--xs{width:24px;height:24px}.user-avatar--xs .avatar-initials{font-size:.65rem}.user-avatar--sm{width:32px;height:32px}.user-avatar--sm .avatar-initials{font-size:.85rem}.user-avatar--md{width:48px;height:48px}.user-avatar--md .avatar-initials{font-size:1.25rem}.user-avatar--lg{width:64px;height:64px}.user-avatar--lg .avatar-initials{font-size:1.6rem}.user-avatar--xl{width:96px;height:96px}.user-avatar--xl .avatar-initials{font-size:2.2rem}.user-mini-profile{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--border-radius-md);transition:all var(--anim-duration) var(--anim-easing)}.mini-info{display:flex;flex-direction:column;min-width:0}.mini-info__name{font-size:.95rem;font-weight:700;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-info__email{font-size:.8rem;color:var(--color-text-secondary);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini-profile--sm .mini-info__name{font-size:.85rem}.user-mini-profile--lg .mini-info__name{font-size:1.1rem}.user-mini-profile--vertical{flex-direction:column;text-align:center}.centered-card__nav .user-mini-profile{margin-bottom:2rem;padding:0}.centered-card__nav .mini-info__name{color:#fff}.centered-card__nav .mini-info__email{color:#fff9}.centered-card__nav .mini-avatar{border-color:#fff3}.pin-section{width:100%;animation:fadeSlideUp .5s var(--anim-easing) both;position:relative}.back-btn{position:absolute;top:-.5rem;left:-.5rem;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.back-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.pin-section__title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;margin-top:1rem}.pin-section__subtitle{font-size:.88rem;color:var(--color-text-secondary);margin-bottom:2rem}.pin-grid{display:grid;gap:.75rem;margin-bottom:2rem}.pin-input{width:100%;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:700;background:var(--color-bg-input);border:2px solid transparent;border-radius:var(--border-radius-md);color:var(--color-text-primary);outline:none;transition:all .2s var(--anim-easing)}.pin-input:focus{background:var(--color-bg-input-focus);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.pin-actions{display:flex;flex-direction:column;gap:1.25rem;align-items:center}.resend-btn{background:transparent;border:none;color:var(--color-text-link);font-size:.88rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;opacity:.8;padding:.5rem 1rem;border-radius:var(--border-radius-sm);transition:all .2s ease}.resend-btn:hover{opacity:1;background:var(--color-primary-light)}.resend-btn .action-icon{fill:currentColor}.two-factor-section{width:100%;text-align:center;padding:1rem 0;animation:fadeSlideUp .5s var(--anim-easing) both}.tfa-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2.5rem}.tfa-icon-bg{width:64px;height:64px;background:var(--color-primary-light);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:1.5rem}.tfa-icon-bg .nav-icon{width:32px;height:32px;fill:currentColor}.tfa-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.tfa-subtitle{font-size:.88rem;color:var(--color-text-secondary)}.tfa-description{font-size:.92rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:2rem;max-width:340px;margin-left:auto;margin-right:auto}.tfa-setup{display:flex;flex-direction:column;align-items:center}.qr-container{padding:1rem;background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #0000000d;margin-bottom:1.5rem}.qr-container img{display:block;width:180px;height:180px}.qr-text{font-size:.82rem;color:var(--color-text-secondary);margin-bottom:1.5rem;max-width:240px}.pin-hint{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-primary);margin-bottom:1.5rem}.tfa-status--enabled .status-badge{display:inline-block;padding:.35rem 1rem;background:#2ecc71;color:#fff;font-weight:700;font-size:.75rem;border-radius:var(--border-radius-full);margin-bottom:1rem;text-transform:uppercase}.disable-btn{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text-error);padding:.75rem 1.5rem;border-radius:var(--border-radius-md);font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s ease}.disable-btn:hover{background:#d630310d;border-color:var(--color-text-error)}.animate-in{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.password-section{width:100%;animation:fadeSlideUp .5s var(--anim-easing) both}.ps-header{margin-bottom:2rem}.ps-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.ps-subtitle{font-size:.88rem;color:var(--color-text-secondary)}.ps-form{max-width:440px}.ps-divider{height:1px;background:var(--color-border);margin:1.5rem 0;opacity:.5}.ps-actions{margin-top:2.5rem}.strength-indicator{margin:-.5rem 0 1.5rem;animation:fadeIn .3s ease both}.strength-bar{display:flex;gap:4px;height:4px;margin-bottom:.5rem}.strength-segment{flex:1;background:var(--color-border);border-radius:2px;transition:all .3s ease}.strength-segment--weak{background:#d63031}.strength-segment--fair{background:#e17055}.strength-segment--good{background:#fdcb6e}.strength-segment--strong{background:#2ecc71}.strength-text{font-size:.75rem;color:var(--color-text-secondary)}.strength-text strong{color:var(--color-text-primary)}.login-container{display:flex;min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden;overflow-y:auto}.split-left{flex:0 0 44%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-left);position:relative;padding:3rem 2rem;overflow:hidden}.split-right{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background:var(--color-bg-right);position:relative}.separator{position:absolute;top:0;right:-1px;width:var(--separator-width);height:100%;pointer-events:none;z-index:2;shape-rendering:geometricPrecision}.separator--horizontal{display:none;margin-top:calc(-1 * var(--separator-width));top:1px;width:100%;height:var(--separator-width);z-index:2;position:relative}.separator__shape{fill:var(--separator-color)}.blob{position:absolute;border-radius:50%;opacity:.15;pointer-events:none;filter:blur(40px);animation:drift 15s infinite alternate ease-in-out;z-index:0}.blob--1{width:450px;height:450px;background:#fff;top:-100px;left:-150px}.blob--2{width:350px;height:350px;background:#fff;bottom:-80px;right:-100px;animation-delay:-5s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.login-container{flex-direction:column;height:auto;min-height:100vh}.split-left{flex:0 0 auto;min-height:340px;padding:2.5rem 1.5rem 3.5rem}.separator--vertical{display:none}.separator--horizontal{display:block}.split-right{flex:1;padding:3.5rem 1.5rem;align-items:flex-start}}.centered-container{display:flex;min-height:100vh;min-height:100dvh;width:100%;align-items:center;justify-content:center;background:var(--color-bg-screen);background-image:var(--bg-image);background-size:cover;background-position:center;background-attachment:fixed;position:relative;padding:4rem 2rem}.centered-card{display:flex;background:var(--color-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-lg);box-shadow:0 20px 60px #00000026;width:100%;max-width:900px;min-height:550px;overflow:hidden;animation:fadeSlideUp .6s var(--anim-easing) both}.centered-card--fullscreen{max-width:100%;min-height:100vh;border-radius:0;border:none;box-shadow:none;animation:none}.centered-container--fullscreen{padding:0;align-items:stretch;justify-content:stretch}.centered-card__nav{flex:0 0 280px;background:var(--color-bg-left);padding:4rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.centered-card__content{flex:1;padding:5rem 4rem;display:flex;align-items:center;justify-content:center;min-height:0}.centered-card--fullscreen .centered-card__content{align-items:flex-start;padding:5rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:var(--border-radius-md);color:#ffffffb3;text-decoration:none;font-weight:600;font-size:.95rem;transition:all var(--anim-duration) var(--anim-easing);cursor:pointer}.nav-item--active{background:#ffffff26;color:#fff;box-shadow:0 4px 12px #0000001a}.nav-item:hover:not(.nav-item--active){background:#ffffff14;color:#fff}.nav-icon{width:22px;height:22px;fill:currentColor}@media(max-width:860px){.centered-container{padding:0}.centered-card{flex-direction:column;max-width:100%;width:100%;min-height:100vh;min-height:100dvh;border-radius:0;border:none;box-shadow:none}.centered-card__nav{flex-direction:row;padding:1rem;justify-content:space-around;flex:0 0 auto}.nav-item{padding:1rem .5rem;flex:1;flex-direction:column;gap:.4rem;justify-content:center;font-size:.75rem}.nav-item span{display:block}.centered-card__content{padding:3rem 1.5rem;flex:1;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;min-height:0}.centered-card__content .form-section{max-width:100%}}.avatar-section{text-align:center;position:relative;z-index:1;animation:fadeSlideUp .6s var(--anim-easing) both}.avatar{width:120px;height:120px;border-radius:50%;border:4px solid rgba(255,255,255,.35);background:#ffffff26;display:flex;align-items:center;justify-content:center;margin:0 auto 1.75rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--anim-duration) var(--anim-easing)}.avatar:hover{transform:scale(1.05);box-shadow:0 8px 32px #00000026}.avatar__icon{width:56px;height:56px;fill:var(--color-text-primary);opacity:.9}.avatar-section__title{font-size:1.85rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text-on-primary);margin-bottom:.75rem}.avatar-section__subtitle{font-size:.95rem;color:#ffffffbf;font-weight:400;max-width:300px;margin:0 auto;line-height:1.6}:root{--anim-duration: .25s;--anim-easing: ease-in-out}.auth-web-root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary, #2D3436);display:flex;flex-direction:column;width:100%;min-height:inherit}.auth-web-root *,.auth-web-root *:before,.auth-web-root *:after{box-sizing:border-box}.auth-web-root img{max-width:100%;height:auto;display:block}.auth-web-root input,.auth-web-root button,.auth-web-root select,.auth-web-root textarea{font:inherit}.login-container-wrapper{width:100%;position:relative;background:var(--color-bg-right, #FAFBFF)}.login-container-wrapper .app-logo{max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));transition:transform var(--anim-duration) var(--anim-easing)}.login-container-wrapper .global-logo{position:absolute;z-index:100;pointer-events:none;transition:all var(--anim-duration) var(--anim-easing)}.login-container-wrapper .global-logo--sm{width:40px;height:40px}.login-container-wrapper .global-logo--md{width:64px;height:64px}.login-container-wrapper .global-logo--lg{width:100px;height:100px}.login-container-wrapper .global-logo--top-left{top:2.5rem;left:2.5rem}.login-container-wrapper .global-logo--top-right{top:2.5rem;right:2.5rem}.login-container-wrapper .global-logo--top-center{top:2.5rem;left:50%;transform:translate(-50%)}.login-container-wrapper .global-logo--center{top:50%;left:50%;transform:translate(-50%,-50%)}.login-container-wrapper .global-logo--bottom-left{bottom:2.5rem;left:2.5rem}.login-container-wrapper .global-logo--bottom-right{bottom:2.5rem;right:2.5rem}