*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d11;--bg2:#0f1117;--surface:#141720;--surface2:#1a1e2e;--surface3:#202538;--gold:#d4a843;--gold2:#e8c060;--gold3:#f2d080;--golddim:#d4a8431f;--goldglow:#d4a84338;--earn:#5ecfa8;--earndim:#5ecfa81f;--red:#e05c5c;--reddim:#e05c5c1f;--blue:#5b9bf5;--bluedim:#5b9bf51f;--text:#eae4d6;--text2:#eae4d694;--text3:#eae4d652;--border:#d4a84321;--border2:#eae4d612;--radius:14px;--rsm:10px;--btn-primary-fg:#0b0d11;--s2:var(--surface2);--gdim:var(--golddim);--gglow:var(--goldglow);--rdim:var(--reddim);--login-grid-line:#d4a8430a;--login-blob1:#d4a84321;--login-blob2:#5ecfa812;--login-card-shadow:0 32px 64px #00000080, 0 0 0 1px #d4a84314;--login-card-glow:linear-gradient(135deg, #d4a8434d 0%, #d4a8430d 50%, #5ecfa81a 100%);--login-focus-ring:#d4a84373;--login-focus-glow:#d4a84314}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--bg2:#ebe6dc;--surface:#fff;--surface2:#f0ede6;--surface3:#e4dfd4;--gold:#a67c1e;--gold2:#c4932a;--gold3:#d4a843;--golddim:#a67c1e24;--goldglow:#a67c1e33;--earn:#2a9d74;--earndim:#2a9d7424;--red:#c94a4a;--reddim:#c94a4a1f;--blue:#3b7dd4;--bluedim:#3b7dd41f;--text:#1a1d24;--text2:#1a1d249e;--text3:#1a1d2461;--border:#a67c1e38;--border2:#1a1d241a;--btn-primary-fg:#1a1408;--login-grid-line:#64501e12;--login-blob1:#c8a03c24;--login-blob2:#3c826e1a;--login-card-shadow:0 24px 48px #00000017, 0 0 0 1px #0000000d;--login-card-glow:linear-gradient(135deg, #c8a03c38 0%, #c8a03c0f 50%, #50a08214 100%);--login-focus-ring:#a67c1e80;--login-focus-glow:#a67c1e1f}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;height:100%;font-family:DM Sans,Noto Sans Arabic,system-ui,sans-serif}html[dir=rtl] body,html[dir=rtl]{font-family:Noto Sans Arabic,DM Sans,system-ui,sans-serif}#__next{flex-direction:column;width:100%;height:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::selection{background:var(--golddim);color:var(--gold2)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-up{animation:.28s both fadeUp}.fade-in{animation:.2s both fadeIn}.spin{animation:.8s linear infinite spin}.pulse{animation:1.6s ease-in-out infinite pulse}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.route-progress{z-index:10050;pointer-events:none;opacity:0;height:2px;transition:opacity .2s;position:fixed;top:0;left:0;right:0;overflow:hidden}.route-progress[data-active="1"]{opacity:1}.route-progress__bar{background:linear-gradient(90deg, var(--gold), var(--gold2));width:38%;height:100%;box-shadow:0 0 14px var(--goldglow);border-radius:0 2px 2px 0;animation:1.05s ease-in-out infinite route-progress-shuttle;position:absolute;top:0;left:0;transform:translate(-102%)}.route-progress[data-active="0"] .route-progress__bar{animation:none;transform:translate(-102%)}@keyframes route-progress-shuttle{0%{transform:translate(-102%)}to{transform:translate(320%)}}.catalog-form-preview-grid{align-items:start;gap:24px;width:100%;display:grid}@media (min-width:1100px){.catalog-form-preview-grid{grid-template-columns:minmax(0,1fr) 308px}.catalog-form-preview-grid>.member-app-preview-column{position:sticky;top:10px}}
.login-bg{flex:1;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-bg:before{content:"";background-image:linear-gradient(var(--login-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--login-grid-line) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 20%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 20%,#0000 100%)}.login-bg .blob{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.login-bg .blob-1{background:radial-gradient(circle, var(--login-blob1) 0%, transparent 70%);width:420px;height:420px;animation:8s ease-in-out infinite login-float-a;top:-80px;right:-80px}.login-bg .blob-2{background:radial-gradient(circle, var(--login-blob2) 0%, transparent 70%);width:320px;height:320px;animation:10s ease-in-out infinite login-float-b;bottom:-60px;left:-60px}@keyframes login-float-a{0%,to{transform:translate(0)}50%{transform:translate(-20px,20px)}}@keyframes login-float-b{0%,to{transform:translate(0)}50%{transform:translate(20px,-15px)}}.login-bg .card{z-index:1;opacity:0;width:100%;max-width:420px;transition:opacity .5s,transform .5s;position:relative;transform:translateY(20px)}.login-bg .card.visible{opacity:1;transform:translateY(0)}.login-bg .card-glow{background:var(--login-card-glow);z-index:-1;filter:blur(1px);border-radius:20px;position:absolute;inset:-1px}.login-bg .card-inner{background:var(--surface);border:1px solid var(--border);box-shadow:var(--login-card-shadow);border-radius:20px;overflow:hidden}.login-bg .card-bar{background:linear-gradient(90deg, var(--gold), var(--gold2), var(--gold3), var(--gold2));background-size:200% 100%;height:3px;animation:3s linear infinite login-shimmer}@keyframes login-shimmer{0%{background-position:0 0}to{background-position:200% 0}}.login-bg .card-body{padding:40px 36px 36px}.login-bg .logo-wrap{align-items:center;gap:14px;margin-bottom:32px;display:flex}.login-bg .logo-icon{width:auto;height:56px;box-shadow:0 4px 20px var(--gglow);background:0 0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.login-bg .logo-icon img,.login-bg .logo-icon span{display:block}.login-bg .logo-text{letter-spacing:-.5px;font-size:22px;font-weight:800}.login-bg .logo-sub{color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-top:1px;font-size:11px;font-weight:700}.login-bg .heading{color:var(--text);letter-spacing:-.3px;margin-bottom:6px;font-size:24px;font-weight:800}.login-bg .subheading{color:var(--text3);margin-bottom:28px;font-size:13px;font-weight:500}.login-bg .field{margin-bottom:16px}.login-bg .field-label{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.login-bg .field-wrap{position:relative}.login-bg .field-input{background:var(--s2);border:1px solid var(--border2);width:100%;color:var(--text);border-radius:10px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.login-bg .field-input:focus{border-color:var(--login-focus-ring);box-shadow:0 0 0 3px var(--login-focus-glow)}.login-bg .field-input::placeholder{color:var(--text3)}.login-bg .field-input.has-icon{padding-inline-end:44px}.login-bg .field-icon{inset-inline-end:14px;cursor:pointer;color:var(--text3);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:16px;transition:color .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.login-bg .field-icon:hover{color:var(--text2)}.login-bg .error-box{background:var(--rdim);color:var(--red);border:1px solid #e05c5c4d;border-radius:10px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;animation:.3s login-shake;display:flex}@keyframes login-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-bg .remember-row{align-items:center;margin-bottom:18px;display:flex}.login-bg .remember-label{color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;display:flex}.login-bg .remember-checkbox{width:15px;height:15px;accent-color:var(--gold);cursor:pointer;flex-shrink:0}.login-bg .submit-btn{background:linear-gradient(135deg, var(--gold2), var(--gold));width:100%;color:var(--btn-primary-fg);cursor:pointer;box-shadow:0 4px 18px var(--gglow);letter-spacing:.2px;border:none;border-radius:10px;margin-top:6px;padding:14px;font-family:inherit;font-size:14px;font-weight:800;transition:opacity .2s,transform .15s,box-shadow .2s;position:relative;overflow:hidden}.login-bg .submit-btn:hover:not(:disabled){opacity:.92;box-shadow:0 6px 24px var(--gglow);transform:translateY(-1px)}.login-bg .submit-btn:active:not(:disabled){transform:translateY(0)}.login-bg .submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-bg .submit-btn:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.login-bg .submit-btn:hover:after{left:140%}.login-bg .btn-spinner{border:2px solid color-mix(in srgb, var(--btn-primary-fg) 35%, transparent);border-top-color:var(--btn-primary-fg);vertical-align:middle;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.7s linear infinite login-btn-spin;display:inline-block}@keyframes login-btn-spin{to{transform:rotate(360deg)}}.login-bg .demo-hint{background:var(--gdim);border:1px solid var(--border);color:var(--text2);border-radius:10px;margin-top:24px;padding:14px 16px;font-size:12px;line-height:1.6}.login-bg .demo-hint strong{color:var(--gold2);font-weight:700}.login-bg .demo-hint-title{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:10px;font-weight:700}.login-bg .demo-cred{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;transition:background .15s;display:flex}.login-bg .demo-cred:hover{background:var(--golddim)}.login-bg .demo-cred-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:6px;height:6px}.login-bg .card-footer{border-top:1px solid var(--border2);color:var(--text3);text-align:center;padding:16px 36px;font-size:11px}