@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--bg:#0b0d11;--bg2:#0f1117;--surface:#141720;--surface2:#1a1e2e;--surface3:#202538;--gold:#d4a843;--gold2:#e8c060;--gold3:#f2d080;--golddim:rgba(212,168,67,.12);--goldglow:rgba(212,168,67,.22);--earn:#5ecfa8;--earndim:rgba(94,207,168,.12);--red:#e05c5c;--reddim:rgba(224,92,92,.12);--blue:#5b9bf5;--bluedim:rgba(91,155,245,.12);--text:#eae4d6;--text2:hsla(42,32%,88%,.58);--text3:hsla(42,32%,88%,.32);--border:rgba(212,168,67,.13);--border2:hsla(42,32%,88%,.07);--radius:14px;--rsm:10px;--btn-primary-fg:#0b0d11;--s2:var(--surface2);--gdim:var(--golddim);--gglow:var(--goldglow);--rdim:var(--reddim);--login-grid-line:rgba(212,168,67,.04);--login-blob1:rgba(212,168,67,.13);--login-blob2:rgba(94,207,168,.07);--login-card-shadow:0 32px 64px rgba(0,0,0,.5),0 0 0 1px rgba(212,168,67,.08);--login-card-glow:linear-gradient(135deg,rgba(212,168,67,.3),rgba(212,168,67,.05) 50%,rgba(94,207,168,.1));--login-focus-ring:rgba(212,168,67,.45);--login-focus-glow:rgba(212,168,67,.08)}html[data-theme=light]{color-scheme:light;--bg:#f4f1ea;--bg2:#ebe6dc;--surface:#fff;--surface2:#f0ede6;--surface3:#e4dfd4;--gold:#a67c1e;--gold2:#c4932a;--gold3:#d4a843;--golddim:rgba(166,124,30,.14);--goldglow:rgba(166,124,30,.2);--earn:#2a9d74;--earndim:rgba(42,157,116,.14);--red:#c94a4a;--reddim:rgba(201,74,74,.12);--blue:#3b7dd4;--bluedim:rgba(59,125,212,.12);--text:#1a1d24;--text2:rgba(26,29,36,.62);--text3:rgba(26,29,36,.38);--border:rgba(166,124,30,.22);--border2:rgba(26,29,36,.1);--btn-primary-fg:#1a1408;--login-grid-line:rgba(100,80,30,.07);--login-blob1:rgba(200,160,60,.14);--login-blob2:rgba(60,130,110,.1);--login-card-shadow:0 24px 48px rgba(0,0,0,.09),0 0 0 1px rgba(0,0,0,.05);--login-card-glow:linear-gradient(135deg,rgba(200,160,60,.22),rgba(200,160,60,.06) 50%,rgba(80,160,130,.08));--login-focus-ring:rgba(166,124,30,.5);--login-focus-glow:rgba(166,124,30,.12)}body,html{background:var(--bg);font-family:DM Sans,Noto Sans Arabic,system-ui,sans-serif;color:var(--text);height:100%;-webkit-font-smoothing:antialiased}html[dir=rtl],html[dir=rtl] body{font-family:Noto Sans Arabic,DM Sans,system-ui,sans-serif}#__next{height:100%}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-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(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-up{animation:fadeUp .28s ease both}.fade-in{animation:fadeIn .2s ease both}.spin{animation:spin .8s linear infinite}.pulse{animation:pulse 1.6s ease-in-out infinite}.stagger>:first-child{animation-delay:0ms}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px}.login-bg:before{content:"";position:absolute;inset:0;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;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 20%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 20%,transparent 100%)}.login-bg .blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.login-bg .blob-1{width:420px;height:420px;background:radial-gradient(circle,var(--login-blob1) 0,transparent 70%);top:-80px;right:-80px;animation:login-float-a 8s ease-in-out infinite}.login-bg .blob-2{width:320px;height:320px;background:radial-gradient(circle,var(--login-blob2) 0,transparent 70%);bottom:-60px;left:-60px;animation:login-float-b 10s ease-in-out infinite}@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{width:100%;max-width:420px;position:relative;z-index:1;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.login-bg .card.visible{opacity:1;transform:translateY(0)}.login-bg .card-glow{position:absolute;inset:-1px;border-radius:20px;background:var(--login-card-glow);z-index:-1;filter:blur(1px)}.login-bg .card-inner{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--login-card-shadow)}.login-bg .card-bar{height:3px;background:linear-gradient(90deg,var(--gold),var(--gold2),var(--gold3),var(--gold2));background-size:200% 100%;animation:login-shimmer 3s linear infinite}@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{display:flex;align-items:center;gap:14px;margin-bottom:32px}.login-bg .logo-icon{flex-shrink:0;width:auto;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--gglow);background:transparent;overflow:hidden}.login-bg .logo-icon img,.login-bg .logo-icon span{display:block}.login-bg .logo-text{font-size:22px;font-weight:800;letter-spacing:-.5px}.login-bg .logo-sub{font-size:11px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-top:1px}.login-bg .heading{font-size:24px;font-weight:800;color:var(--text);margin-bottom:6px;letter-spacing:-.3px}.login-bg .subheading{font-size:13px;color:var(--text3);margin-bottom:28px;font-weight:500}.login-bg .field{margin-bottom:16px}.login-bg .field-label{display:block;font-size:10px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.login-bg .field-wrap{position:relative}.login-bg .field-input{width:100%;background:var(--s2);border:1px solid var(--border2);border-radius:10px;padding:12px 16px;font-size:14px;font-family:inherit;color:var(--text);outline:none;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{-webkit-padding-end:44px;padding-inline-end:44px}.login-bg .field-icon{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:var(--text3);padding:2px;transition:color .15s;display:flex;align-items:center;justify-content:center}.login-bg .field-icon:hover{color:var(--text2)}.login-bg .error-box{background:var(--rdim);border:1px solid rgba(224,92,92,.3);border-radius:10px;padding:11px 14px;font-size:13px;color:var(--red);margin-bottom:18px;display:flex;align-items:center;gap:8px;animation:login-shake .3s ease}@keyframes login-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.login-bg .remember-row{display:flex;align-items:center;margin-bottom:18px}.login-bg .remember-label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.login-bg .remember-checkbox{width:15px;height:15px;accent-color:var(--gold);cursor:pointer;flex-shrink:0}.login-bg .submit-btn{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--btn-primary-fg);font-size:14px;font-weight:800;font-family:inherit;cursor:pointer;position:relative;overflow:hidden;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 18px var(--gglow);letter-spacing:.2px;margin-top:6px}.login-bg .submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 24px var(--gglow)}.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:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transform:skewX(-20deg);transition:left .5s ease}.login-bg .submit-btn:hover:after{left:140%}.login-bg .btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid color-mix(in srgb,var(--btn-primary-fg) 35%,transparent);border-top-color:var(--btn-primary-fg);border-radius:50%;animation:login-btn-spin .7s linear infinite;vertical-align:middle;margin-right:8px}@keyframes login-btn-spin{to{transform:rotate(1turn)}}.login-bg .demo-hint{margin-top:24px;padding:14px 16px;background:var(--gdim);border:1px solid var(--border);border-radius:10px;font-size:12px;color:var(--text2);line-height:1.6}.login-bg .demo-hint strong{color:var(--gold2);font-weight:700}.login-bg .demo-hint-title{font-size:10px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.login-bg .demo-cred{cursor:pointer;padding:5px 8px;border-radius:6px;transition:background .15s;display:flex;align-items:center;gap:8px}.login-bg .demo-cred:hover{background:var(--golddim)}.login-bg .demo-cred-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0}.login-bg .card-footer{padding:16px 36px;border-top:1px solid var(--border2);font-size:11px;color:var(--text3);text-align:center}