.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:22px;flex-direction:column;gap:14px;width:min(420px,100%);padding:28px;display:flex}.auth-card label{color:var(--muted);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.auth-error{color:var(--deep);font-size:13px;font-weight:600}.nabd-pub{-webkit-font-smoothing:antialiased;box-sizing:border-box;font-family:IBM Plex Sans Arabic,Rubik,system-ui,sans-serif}.nabd-pub *,.nabd-pub :before,.nabd-pub :after{box-sizing:border-box}.nabd-pub a{color:#e8471c;text-decoration:none}.nabd-pub a:hover{color:#241c3b}.nabd-pub button,.nabd-pub input,.nabd-pub select,.nabd-pub textarea{font-family:inherit}@keyframes nb-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes nb-float{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-14px)rotate(-1deg)}}@keyframes nb-float2{0%,to{transform:translateY(0)rotate(4deg)}50%{transform:translateY(-10px)rotate(2deg)}}@keyframes nb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes nb-bar{0%{height:0}}@keyframes nb-load{0%{width:4%}to{width:100%}}.nabd-pub[data-theme=dark][data-s~=paper]{background:#171325!important}.nabd-pub[data-theme=dark][data-s~=ink]{color:#f7f3ea!important}.nabd-pub[data-theme=dark] [data-s~=paper]{background:#171325!important}.nabd-pub[data-theme=dark] [data-s~=sheet]{background:#221c34!important;border-color:#362f4c!important}.nabd-pub[data-theme=dark] [data-s~=ink]{color:#f7f3ea!important}.nabd-pub[data-theme=dark] [data-s~=muted]{color:#a9a2c2!important}.nabd-pub[data-theme=dark] [data-s~=line]{border-color:#362f4c!important}.nabd-pub[data-theme=dark] [data-s~=tint]{background:#241e39!important}.nabd-pub[data-theme=dark] [data-s~=inv]{color:#1b1629!important;background:#f7f3ea!important}.nabd-pub[data-theme=dark] [data-s~=field]{color:#f7f3ea!important;background:#1b1629!important;border-color:#3c3455!important}.nabd-pub[data-theme=dark] [data-s~=field]::placeholder{color:#7f7799!important}.nabd-pub[data-theme=dark] [data-s~=band]{background:#322a50!important}.nabd-pub[data-theme=dark] [data-s~=navbtn]:hover{color:#f7f3ea!important;background:#322a50!important}.nabd-pub [data-mob]{display:none!important}.nabd-pub button:focus-visible,.nabd-pub a:focus-visible,.nabd-pub input:focus-visible,.nabd-pub select:focus-visible,.nabd-pub textarea:focus-visible{outline-offset:2px;border-radius:10px;outline:2.5px solid #ff5a36}@media (width<=900px){.nabd-pub [data-sm=stack]{grid-template-columns:1fr!important}.nabd-pub [data-sm=hide]{display:none!important}.nabd-pub [data-sm=full]{width:100%!important}.nabd-pub [data-mob]{display:grid!important}}@media (width<=620px){.nabd-pub [data-xs=hide]{display:none!important}}:root{--paper:#fffcf5;--sheet:#fff;--sheet-border:#efe7d6;--rail:#fbf7ec;--chip:#f4efe3;--line:#efe7d6;--line-soft:#f6f1e5;--ink:#241c3b;--ink-secondary:#483e67;--muted:#6c6588;--muted-light:#9b94b5;--coral:#ff5a36;--deep:#e8471c;--teal:#17b79b;--purple:#6b4bc9;--gold:#ffcf3f;--navy:#241c3b;--navy-fg:#fffcf5;--ok-bg:#dff6f1;--ok-fg:#0b7a69;--warn-bg:#fff3ce;--warn-fg:#5c4400;--bad-bg:#ffe7e0;--bad-fg:#a32b0c;--prog-bg:#f3eeff;--prog-fg:#4b2fa0;--focus-ring:#ff5a3666;--card-shadow:0 4px 20px -8px #241c3b14;--modal-shadow:0 24px 48px -12px #17132547;--radius-card:22px;--radius-btn:999px;--radius-input:14px;--radius-badge:999px;--font-arabic:"IBM Plex Sans Arabic", "Rubik", system-ui, sans-serif;--font-heading:"Rubik", "IBM Plex Sans Arabic", system-ui, sans-serif}[data-theme=dark]{--paper:#171325;--sheet:#221c34;--sheet-border:#362f4c;--rail:#1b1629;--chip:#2c2542;--line:#362f4c;--line-soft:#28213d;--ink:#f7f3ea;--ink-secondary:#d4cce8;--muted:#a9a2c2;--muted-light:#7e7796;--navy:#f7f3ea;--navy-fg:#1b1629;--ok-bg:#17b79b33;--ok-fg:#5fd9c4;--warn-bg:#ffcf3f33;--warn-fg:#ffcf3f;--bad-bg:#e8471c33;--bad-fg:#ff9d80;--prog-bg:#6b4bc938;--prog-fg:#b9a4f5;--focus-ring:#ff5a3680;--card-shadow:0 4px 24px -6px #0006;--modal-shadow:0 30px 60px -15px #000000b3}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100vh}body{background:var(--paper);color:var(--ink);font-family:var(--font-arabic);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color .25s,color .25s}a{color:var(--deep);text-decoration:none;transition:color .15s}a:hover{color:var(--ink)}button,input,select,textarea{color:inherit;font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2.5px solid var(--coral);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted-light)}@keyframes np-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes np-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sheet{background:var(--sheet);border:1px solid var(--sheet-border);border-radius:var(--radius-card);box-shadow:var(--card-shadow);padding:clamp(16px,2.2vw,24px);transition:background .2s,border-color .2s,transform .2s}.tint{background:var(--prog-bg);color:var(--prog-fg);border-radius:18px;padding:16px 20px;font-size:13.5px;line-height:1.8}.pill{border-radius:var(--radius-badge);white-space:nowrap;letter-spacing:-.01em;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.pill-ok{background:var(--ok-bg);color:var(--ok-fg)}.pill-warn{background:var(--warn-bg);color:var(--warn-fg)}.pill-bad{background:var(--bad-bg);color:var(--bad-fg)}.pill-prog{background:var(--prog-bg);color:var(--prog-fg)}.pill-chip{background:var(--chip);color:var(--muted)}.btn-primary{background:var(--navy);color:var(--navy-fg);border-radius:var(--radius-btn);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:13.5px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.btn-primary:hover:not(:disabled){opacity:.94;transform:translateY(-1px)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{border:1px solid var(--line);color:var(--ink);border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.btn-ghost:hover:not(:disabled){border-color:var(--coral);color:var(--coral);background:var(--chip)}.btn-teal{background:var(--teal);color:#fff;border-radius:var(--radius-btn);cursor:pointer;border:none;padding:11px 18px;font-size:12.5px;font-weight:600;transition:transform .15s,opacity .15s}.btn-teal:hover{opacity:.94;transform:translateY(-1px)}.field{border-radius:var(--radius-input);border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);padding:11px 14px;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.field:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.field::placeholder{color:var(--muted-light)}.auth-error{color:var(--bad-fg);background:var(--bad-bg);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:500}.auth-success{color:var(--ok-fg);background:var(--ok-bg);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:500}.progress-bar-wrap{background:var(--chip);border-radius:999px;height:8px;position:relative;overflow:hidden}.progress-bar-fill{transform-origin:100%;border-radius:999px;height:100%;transition:width .4s;animation:.8s cubic-bezier(.2,.8,.2,1) np-bar}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:120;background:#1713257a;place-items:center;padding:20px;animation:.2s np-in;display:grid;position:fixed;inset:0}.modal-box{background:var(--sheet);border:1px solid var(--sheet-border);width:100%;max-width:480px;box-shadow:var(--modal-shadow);border-radius:26px;padding:clamp(20px,3vw,32px);animation:.25s np-in}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:110;background:#17132573;justify-content:flex-start;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--sheet);border-left:1px solid var(--sheet-border);width:min(560px,100%);height:100%;padding:clamp(18px,2.6vw,30px);animation:.24s np-in;position:relative;overflow-y:auto}@media (width<=1000px){.md-stack{grid-template-columns:1fr!important}}@media (width<=760px){.sm-stack{grid-template-columns:1fr!important}.sm-hide{display:none!important}}