.customer-password-page{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-primary-600) 12%, transparent), transparent 34rem), var(--color-background);place-items:center;min-height:100vh;padding:clamp(20px,5vw,48px);display:grid}.customer-password-card{border:1px solid var(--color-border);border-radius:calc(var(--radius-lg) + 4px);background:var(--color-surface);width:min(100%,520px);box-shadow:var(--shadow-md);padding:clamp(24px,5vw,40px)}.customer-password-card__heading{gap:var(--space-2);margin-bottom:var(--space-5);display:grid}.customer-password-card__heading>span{background:color-mix(in srgb, var(--color-primary-600) 9%, transparent);width:fit-content;color:var(--color-primary-700);border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:800}.customer-password-card__heading h1{color:var(--color-primary-900);margin:0;font-size:clamp(1.5rem,4vw,2rem)}.customer-password-card__heading p{color:var(--color-text-muted);margin:0;line-height:1.8}.customer-password-card__notice{margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--color-primary-600) 18%, var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-primary-600) 5%, var(--color-surface));color:var(--color-text-muted);font-size:.9rem;line-height:1.7}.customer-password-form{gap:var(--space-4);display:grid}.customer-password-form label{gap:var(--space-2);color:var(--color-text);font-weight:700;display:grid}.customer-password-form input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);padding:0 var(--space-4);font:inherit}.customer-password-form input:focus{outline:3px solid color-mix(in srgb, var(--color-primary-600) 15%, transparent);border-color:var(--color-primary-600)}.customer-password-form small{color:var(--color-text-muted);font-size:.82rem;font-weight:500}.customer-password-form__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-danger-700) 10%, transparent);color:var(--color-danger-700);line-height:1.6}.customer-password-form button{border-radius:var(--radius-md);background:var(--color-primary-600);color:#fff;cursor:pointer;min-height:48px;font:inherit;border:0;font-weight:800}.customer-password-form button:hover:not(:disabled){filter:brightness(.95)}.customer-password-form button:disabled{cursor:wait;opacity:.7}.customer-password-card__back-link{min-height:42px;margin-top:var(--space-3);color:var(--color-primary-700);justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:flex}.customer-password-card__back-link:hover{text-decoration:underline}@media (width<=520px){.customer-password-page{background:var(--color-surface);place-items:start stretch;padding:0}.customer-password-card{width:100%;min-height:100vh;padding:28px 20px calc(28px + env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0}}.auth-page{background:radial-gradient(circle at 100% 0,#0f4d7e21,#0000 34%),radial-gradient(circle at 0 100%,#43729914,#0000 30%),#f6f8fb;place-items:center;min-height:calc(100vh - 78px);padding:clamp(24px,5vw,56px) 24px;display:grid}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:min(100%,470px);padding:clamp(24px,4vw,34px);box-shadow:0 20px 54px #0f172a17}.auth-back-link{color:#475569;border-radius:9px;align-items:center;min-height:40px;margin-bottom:14px;padding:0 8px;font-size:.9rem;font-weight:750;text-decoration:none;display:inline-flex}.auth-back-link:hover{color:#0f4d7e;background:#f1f5f9}.auth-heading{margin-bottom:26px}.auth-heading h1{color:#0f2742;margin:14px 0 8px;font-size:clamp(1.8rem,5vw,2.2rem)}.auth-heading p{color:#64748b;margin:0;line-height:1.8}.auth-badge{color:#0f4d7e;background:#eef5fb;border-radius:999px;padding:7px 12px;font-size:.88rem;font-weight:800;display:inline-flex}.auth-form{gap:18px;display:grid}.auth-form label{color:#1e293b;gap:8px;font-weight:700;display:grid}.auth-form input{color:#172033;width:100%;height:50px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:0 14px;transition:border-color .16s,box-shadow .16s}.auth-form input:focus{border-color:#0f4d7e;box-shadow:0 0 0 4px #0f4d7e1a}.auth-field-hint{color:#64748b;margin:-8px 0 0;font-size:.86rem;line-height:1.7}.auth-form button{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:#0f4d7e;border:0;border-radius:12px;font-weight:800;transition:background-color .16s,transform .16s}.auth-form button:hover:not(:disabled){background:#0b3c64;transform:translateY(-1px)}.auth-form button:disabled,.auth-form input:disabled{cursor:not-allowed;opacity:.65}.auth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;line-height:1.7}.auth-login-methods{gap:14px;display:grid}.auth-qr-button{color:#0f4d7e;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#eef5fb;border:1px solid #0f4d7e;border-radius:12px;font-weight:800;transition:background-color .16s,transform .16s}.auth-qr-button:hover:not(:disabled){background:#e1eef8;transform:translateY(-1px)}.auth-qr-button:disabled{cursor:not-allowed;opacity:.65}.auth-divider{color:#94a3b8;align-items:center;gap:12px;margin:20px 0;font-size:.86rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.auth-qr-scanner{background:#0f172a;border:1px solid #dbe3ec;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.auth-qr-video{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.auth-qr-frame{pointer-events:none;border:2px solid #fff;border-radius:14px;position:absolute;inset:18% 22% 28%;box-shadow:0 0 0 999px #0f172a47}.auth-qr-scanner p{color:#fff;text-align:center;background:#0f172ac7;border-radius:10px;margin:0;padding:8px 10px;font-size:.82rem;position:absolute;bottom:10px;left:12px;right:12px}@media (width<=760px){.auth-page{min-height:calc(100vh - 68px - 68px - env(safe-area-inset-bottom))}}@media (width<=480px){.auth-page{place-items:start center;padding:20px 12px 28px}.auth-card{border-radius:18px;width:100%;padding:22px 18px}.auth-heading{margin-bottom:22px}}@media (prefers-reduced-motion:reduce){.auth-form button,.auth-qr-button{transition:none}}.portal-shell{background:var(--color-background);min-height:100vh;color:var(--color-text)}.portal-header{z-index:30;justify-content:space-between;align-items:center;gap:var(--space-6);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;min-height:72px;padding:12px 24px;display:flex;position:sticky;top:0}.portal-header__identity,.portal-header__account{align-items:center;gap:12px;display:flex}.portal-header__identity>div,.portal-account-text{gap:2px;display:grid}.portal-header__identity strong{color:var(--color-primary-900);font-size:1rem;font-weight:850}.portal-header__identity span,.portal-account-text span{color:#697386;font-size:.82rem}.portal-account-text{text-align:end}.portal-account-text strong{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:.92rem;overflow:hidden}.portal-menu-button,.portal-logout-button{cursor:pointer;min-height:42px;font:inherit;border:0}.portal-menu-button{border:1px solid var(--color-border);color:#26324a;background:#f4f6fa;border-radius:12px;width:46px;height:46px;font-size:1.35rem;display:none}.portal-logout-button{border:1px solid var(--color-border);color:#26324a;background:#f4f6fa;border-radius:10px;padding:0 16px;font-weight:800}.portal-menu-button:hover,.portal-logout-button:hover{background:#e2e8f2}.portal-shell__body{grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.portal-sidebar{border-inline-end:1px solid var(--color-border);background:var(--color-surface);align-self:start;height:calc(100vh - 72px);padding:22px 16px;position:sticky;top:72px;overflow-y:auto}.portal-sidebar__brand{align-items:center;gap:11px;padding:4px 8px 22px;display:flex}.portal-sidebar__logo{object-fit:contain;flex:none;width:52px;height:52px;display:block}.portal-sidebar__brand>div{gap:2px;min-width:0;display:grid}.portal-sidebar__brand strong{color:var(--color-primary-900);font-size:.96rem}.portal-sidebar__brand span:last-child{color:#7a8497;font-size:.76rem}.portal-navigation{gap:7px;display:grid}.portal-navigation__link{color:#4b5568;min-height:46px;transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);border-radius:11px;align-items:center;padding:10px 14px;font-size:.94rem;font-weight:750;text-decoration:none;display:flex}.portal-navigation__link:hover{color:#172033;background:#f1f4f9}.portal-navigation__link--active{color:#173d7a;box-shadow:inset -3px 0 0 var(--color-primary-600);background:#e9f0fb}.portal-content{min-width:0}.portal-content__inner{width:min(100%, var(--content-max-width));margin-inline:auto;padding:clamp(18px,2.3vw,30px)}.portal-backdrop{display:none}.portal-summary-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=1024px){.portal-shell__body{grid-template-columns:220px minmax(0,1fr)}.portal-content__inner{padding:22px}.portal-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.portal-header{min-height:64px;padding:9px 12px}.portal-menu-button{place-items:center;display:grid}.portal-header__identity>div span,.portal-account-text{display:none}.portal-header__identity strong{text-overflow:ellipsis;white-space:nowrap;max-width:165px;overflow:hidden}.portal-logout-button{min-height:42px;padding-inline:12px;font-size:.84rem}.portal-shell__body{min-height:calc(100vh - 64px);display:block}.portal-sidebar{z-index:50;width:min(88vw,320px);height:100vh;padding:20px 14px calc(24px + env(safe-area-inset-bottom));border-inline-end:1px solid var(--color-border);transition:transform var(--transition-normal);position:fixed;top:0;right:0;transform:translate(105%);box-shadow:-12px 0 36px #17203329}.portal-sidebar--open{transform:translate(0)}.portal-sidebar__brand{padding-bottom:18px}.portal-navigation__link{min-height:50px;font-size:.98rem}.portal-backdrop{z-index:40;cursor:pointer;background:#131b2b6b;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.portal-content__inner{padding:18px 12px 28px}.portal-page-heading{flex-direction:column;align-items:stretch}.portal-summary-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.portal-sidebar,.portal-navigation__link{transition:none}}.public-layout{color:#172033;background:#f7f9fc;flex-direction:column;min-height:100vh;display:flex}.public-header{z-index:35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-bottom:1px solid #dbe2eceb;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:10px clamp(16px,4vw,56px);display:flex;position:sticky;top:0;box-shadow:0 8px 28px #112c4a0b}.public-brand{color:inherit;flex:none;align-items:center;gap:11px;text-decoration:none;display:flex}.public-brand__logo{object-fit:contain;flex:none;width:54px;height:54px;display:block}.public-brand>span:last-child{gap:1px;display:grid}.public-brand strong{color:#0d2f58;font-size:1.02rem;font-weight:850}.public-brand small{color:#7a8497;font-size:.74rem}.public-navigation{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.public-navigation a{color:#4e596d;white-space:nowrap;min-height:44px;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:11px;justify-content:center;align-items:center;padding:9px 13px;font-size:.91rem;font-weight:750;text-decoration:none;display:inline-flex}.public-navigation a:hover,.public-navigation a.is-active{color:#0d2f58;background:#eef3f9}.public-navigation a:hover{transform:translateY(-1px)}.public-navigation .public-login-link{color:#fff;background:#0f4f86;min-width:118px;box-shadow:0 5px 14px #0f4f8629}.public-navigation .public-login-link:hover,.public-navigation .public-login-link.is-active{color:#fff;background:#0b3e6b}.public-content{flex:1 0 auto;min-height:calc(100vh - 78px)}.public-content>.catalog-page{width:min(1280px,100% - 32px);margin-inline:auto;padding:clamp(28px,5vw,56px) 0}.public-footer{background:#fff;border-top:1px solid #e2e8f0;margin-top:auto}.public-footer__inner{grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:18px 36px;width:min(1240px,100% - 32px);min-height:132px;margin-inline:auto;padding:28px 0;display:grid}.public-footer__brand{align-items:center;gap:12px;min-width:0;display:flex}.public-footer__brand img{object-fit:contain;flex:none;width:44px;height:44px}.public-footer__brand div{gap:3px;display:grid}.public-footer__brand strong{color:#123d68}.public-footer__brand span,.public-footer__note{color:#66758a;line-height:1.7}.public-footer__brand span{font-size:.88rem}.public-footer__links{flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;display:flex}.public-footer__links a{color:#40526a;font-size:.9rem;font-weight:750;text-decoration:none}.public-footer__links a:hover{color:#0f4f86}.public-footer__note{border-top:1px solid #edf1f5;grid-column:1/-1;padding-top:14px;font-size:.8rem}@media (width<=760px){.public-layout{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.public-header{min-height:68px;padding:7px 14px}.public-brand__logo{width:48px;height:48px}.public-brand small{font-size:.7rem}.public-navigation{z-index:70;min-height:64px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;border-top:1px solid #dfe5ee;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #17203314}.public-navigation a,.public-navigation .public-login-link{min-width:0;min-height:48px;box-shadow:none;text-align:center;white-space:normal;border-radius:10px;padding:6px 5px;font-size:.78rem}.public-navigation a:hover{transform:none}.public-navigation a.is-active:not(.public-login-link){background:#e8f1f9}.public-navigation .public-login-link{background:#0f4f86}.public-content{min-height:calc(100vh - 68px)}.public-footer__inner{grid-template-columns:1fr;gap:18px}.public-footer__links{justify-content:flex-start}}@media (width<=560px){.public-header{min-height:64px}.public-brand__logo{width:46px;height:46px}.public-brand strong{font-size:.95rem}.public-brand small{text-overflow:ellipsis;white-space:nowrap;max-width:170px;display:block;overflow:hidden}.public-content>.catalog-page{width:min(100% - 24px,1280px);padding-top:24px}.public-footer__inner{width:min(100% - 24px,1240px)}}.ds-state{align-content:center;place-items:center;gap:var(--space-2);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;min-height:220px;padding:clamp(22px,5vw,36px);display:grid}.ds-state__icon{margin-bottom:var(--space-2);color:var(--color-primary-700);font-size:2.1rem}.ds-state h2{color:var(--color-text);font-size:var(--font-size-lg);margin:0;line-height:1.45}.ds-state p{max-width:560px;margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:.92rem;line-height:1.8}.ds-state--error{background:snow;border-color:#efcccc}.ds-state--error .ds-state__icon{color:var(--color-danger-700)}@media (width<=560px){.ds-state{min-height:190px;padding:var(--space-5) var(--space-4)}}:root{--color-primary-50:#eef4ff;--color-primary-100:#dce9ff;--color-primary-600:#2457a7;--color-primary-700:#1d478a;--color-primary-800:#173d7a;--color-primary-900:#0d2f58;--color-success-50:#edf9f2;--color-success-700:#25704a;--color-warning-50:#fff8e8;--color-warning-700:#8a5a10;--color-danger-50:#fff0f0;--color-danger-700:#a83a3a;--color-info-50:#edf6ff;--color-info-700:#28618f;--color-surface:#fff;--color-surface-subtle:#f8fafc;--color-background:#f5f7fb;--color-border:#e2e7ef;--color-border-strong:#cfd7e3;--color-text:#172033;--color-text-muted:#697386;--color-text-subtle:#8690a2;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 2px 8px #18274b0d;--shadow-md:0 10px 32px #18274b14;--shadow-lg:0 20px 55px #18274b1f;--shadow-focus:0 0 0 4px #2457a724;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-size-xs:.78rem;--font-size-sm:.86rem;--font-size-md:.95rem;--font-size-lg:1.08rem;--content-max-width:1500px;--transition-fast:.14s ease;--transition-normal:.18s ease;--touch-target:46px}.ds-stack{gap:var(--space-4);display:grid}.ds-stack--sm{gap:var(--space-2)}.ds-stack--lg{gap:var(--space-6)}.ds-cluster{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ds-muted{color:var(--color-text-muted)}.ds-section{gap:var(--space-5);display:grid}.ds-surface{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.ds-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.ds-section{gap:var(--space-4)}}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-background);scroll-behavior:smooth;direction:rtl}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:var(--color-background);min-height:100vh;color:var(--color-text);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Tajawal,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2457a738}img,svg{max-width:100%;display:block}::selection{background:var(--color-primary-100);color:var(--color-primary-900)}@media (width<=640px){body{font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}