.modal__content--auth{max-width:440px;padding:var(--space-6) var(--space-5) var(--space-8)}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-header__logo{display:inline-flex;flex-direction:column;line-height:1;margin-bottom:var(--space-3)}.auth-header__logo-emirates{font-family:var(--font-display);font-size:1rem;font-weight:var(--fw-semi);color:var(--clr-gray-500)}.auth-header__logo-toys{font-family:var(--font-display);font-size:1.8rem;font-weight:var(--fw-black);color:var(--clr-red);letter-spacing:.04em}.auth-header__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-black);color:var(--clr-black);margin-bottom:var(--space-1)}.auth-header__subtitle{font-size:var(--text-sm);color:var(--clr-gray-500)}.auth-tabs{display:flex;background:var(--clr-gray-100);border-radius:var(--radius-full);padding:4px;margin-bottom:var(--space-6)}.auth-tab{flex:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--clr-gray-500);cursor:pointer;transition:all var(--dur-normal) var(--ease-out);text-align:center;border:none;background:transparent}.auth-tab.active{background:var(--clr-white);color:var(--clr-red);box-shadow:var(--shadow-sm)}.auth-panel{display:none;animation:fadeInUp .3s var(--ease-out) both}.auth-panel.active{display:block}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-field{display:flex;flex-direction:column;gap:var(--space-1)}.auth-field label{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--clr-gray-700)}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-wrap i{position:absolute;left:var(--space-4);color:var(--clr-gray-400);font-size:var(--text-sm);pointer-events:none;transition:color var(--dur-fast)}.auth-input-wrap input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) calc(var(--space-4) + 1.4rem);border:2px solid var(--clr-gray-100);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--clr-black);background:var(--clr-white);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.auth-input-wrap input:focus{border-color:var(--clr-red);box-shadow:0 0 0 3px var(--clr-red-pale)}.auth-input-wrap input:focus+i,.auth-input-wrap:focus-within i{color:var(--clr-red)}.auth-input-wrap input~i{left:auto;right:var(--space-4)}.auth-toggle-pw{position:absolute;right:var(--space-4);background:none;border:none;color:var(--clr-gray-400);cursor:pointer;font-size:var(--text-sm);padding:0;transition:color var(--dur-fast);z-index:1}.auth-toggle-pw:hover{color:var(--clr-red)}.auth-input-wrap.has-toggle input{padding-right:calc(var(--space-4) + 1.4rem)}.auth-field--error .auth-input-wrap input{border-color:var(--clr-red);background:var(--clr-red-pale)}.auth-field__error{font-size:var(--text-xs);color:var(--clr-red);display:none}.auth-field--error .auth-field__error{display:block}.password-strength{margin-top:var(--space-1)}.strength-bar{height:4px;background:var(--clr-gray-100);border-radius:var(--radius-full);overflow:hidden}.strength-bar__fill{height:100%;border-radius:var(--radius-full);width:0%;transition:width .4s var(--ease-out),background .4s}.strength-bar__fill.weak{width:33%;background:var(--clr-red)}.strength-bar__fill.medium{width:66%;background:var(--clr-yellow)}.strength-bar__fill.strong{width:100%;background:var(--clr-green)}.strength-label{font-size:var(--text-xs);color:var(--clr-gray-500);margin-top:4px}.strength-label.weak{color:var(--clr-red)}.strength-label.medium{color:var(--clr-yellow-dark)}.strength-label.strong{color:var(--clr-green)}.auth-error-banner{display:none;align-items:center;gap:var(--space-3);background:var(--clr-red-pale);border:1px solid rgba(232,50,42,.3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--clr-red-dark);animation:fadeInUp .3s var(--ease-out) both}.auth-error-banner.visible{display:flex}.auth-error-banner i{flex-shrink:0}.auth-submit{width:100%;margin-top:var(--space-2);padding:var(--space-4);font-size:var(--text-base);font-weight:var(--fw-bold);letter-spacing:.02em}.auth-divider{position:relative;text-align:center;margin:var(--space-2) 0;color:var(--clr-gray-400);font-size:var(--text-xs)}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--clr-gray-200, #E0E0E0)}.auth-divider:before{left:0}.auth-divider:after{right:0}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-family:var(--font-display);font-weight:var(--fw-bold);font-size:.9rem;color:var(--clr-white);flex-shrink:0;-webkit-user-select:none;user-select:none}.user-avatar--sm{width:28px;height:28px;font-size:.75rem}.user-avatar--lg{width:48px;height:48px;font-size:1.2rem}.user-avatar--xl{width:64px;height:64px;font-size:1.6rem}.header__account{position:relative;flex-shrink:0}.account-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent;border:none;cursor:pointer;border-radius:var(--radius-full);padding:3px;transition:background var(--dur-fast)}.account-btn:hover{background:var(--clr-gray-100)}.account-btn__name{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--clr-black);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none}@media (min-width: 640px){.account-btn__name{display:block}}.account-btn__chevron{font-size:.6rem;color:var(--clr-gray-400);transition:transform var(--dur-fast)}.account-btn.open .account-btn__chevron{transform:rotate(180deg)}.account-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--clr-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--clr-gray-100);min-width:200px;z-index:var(--z-raised);overflow:hidden;transform-origin:top right;transform:scale(.9);opacity:0;pointer-events:none;transition:transform var(--dur-normal) var(--ease-spring),opacity var(--dur-normal)}.account-dropdown.open{transform:scale(1);opacity:1;pointer-events:auto}.account-dropdown__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,var(--clr-red-pale),var(--clr-yellow-pale));border-bottom:1px solid var(--clr-gray-100)}.account-dropdown__user-name{font-family:var(--font-heading);font-weight:var(--fw-bold);font-size:var(--text-sm);color:var(--clr-black)}.account-dropdown__user-email{font-size:var(--text-xs);color:var(--clr-gray-500)}.account-dropdown__items{padding:var(--space-2) 0}.account-dropdown__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--clr-gray-700);cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast);width:100%;text-align:left;border:none;background:none;text-decoration:none}.account-dropdown__item:hover{background:var(--clr-gray-100);color:var(--clr-black)}.account-dropdown__item i{width:18px;text-align:center;color:var(--clr-gray-400)}.account-dropdown__item:hover i{color:var(--clr-red)}.account-dropdown__item--admin{color:var(--clr-green-dark);font-weight:var(--fw-bold)}.account-dropdown__item--admin i{color:var(--clr-green)}.account-dropdown__item--admin:hover{background:var(--clr-green-pale);color:var(--clr-green-dark)}.account-dropdown__item--danger,.account-dropdown__item--danger i{color:var(--clr-red)}.account-dropdown__item--danger:hover{background:var(--clr-red-pale)}.account-dropdown__divider{height:1px;background:var(--clr-gray-100);margin:var(--space-1) 0}.header__login-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:transparent;border:2px solid var(--clr-gray-200, #E0E0E0);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--fw-semi);color:var(--clr-gray-700);cursor:pointer;transition:all var(--dur-normal) var(--ease-out);white-space:nowrap;flex-shrink:0}.header__login-btn:hover{background:var(--clr-red);border-color:var(--clr-red);color:var(--clr-white);box-shadow:var(--shadow-red)}.header__login-btn i{font-size:var(--text-sm)}@media (max-width: 480px){.header__login-btn span{display:none}.header__login-btn{padding:0;width:44px;height:44px;justify-content:center;border-radius:50%}}