.mun-login{--font:"ABC Favorit Arabic",var(--font-plex-arabic),"Segoe UI",system-ui,sans-serif;--bg:#F4F5F9;--bg-2:#ECEDF4;--surface:#FFFFFF;--surface-2:#F7F8FC;--border:#E4E6F0;--border-strong:#D3D6E6;--ink:#14142E;--body:#3F4358;--muted:#6B7085;--faint:#9AA0B5;--accent:#625BFF;--accent-deep:#4A44D6;--accent-soft:rgba(98,91,255,.10);--accent-ring:rgba(98,91,255,.28);--brand-deep:#111133;--btn-text:#FFFFFF;--glow:rgba(98,91,255,.34);--radius:22px;--radius-sm:14px;--radius-field:14px;--shadow-card:0 30px 70px -28px rgba(20,20,46,.30),0 4px 14px -6px rgba(20,20,46,.10);--shadow-btn:0 14px 30px -10px var(--glow);--ease:cubic-bezier(.4,.14,.3,1);font-family:var(--font);background:var(--bg);color:var(--body);font-feature-settings:"ss02" 1;min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;transition:background .5s var(--ease),color .5s var(--ease);position:relative}.mun-login[data-world=store]{--accent:#00B894;--accent-deep:#059E80;--accent-soft:rgba(0,184,148,.12);--accent-ring:rgba(0,184,148,.30);--brand-deep:#0B2620;--btn-text:#06231B;--glow:rgba(0,184,148,.34)}[data-theme=dark] .mun-login{--bg:#0A0A15;--bg-2:#08080F;--surface:#14142A;--surface-2:#1B1B35;--border:#262647;--border-strong:#33335C;--ink:#F3F3F9;--body:#C7CAD9;--muted:#9095AC;--faint:#6C7189;--shadow-card:0 34px 80px -30px rgba(0,0,0,.65),0 4px 16px -6px rgba(0,0,0,.4)}[data-theme=dark] .mun-login[data-world=restaurant]{--surface:#15152E;--surface-2:#1C1C3B}[data-theme=dark] .mun-login[data-world=store]{--surface:#0E211C;--surface-2:#123029;--border:#1E3A31;--border-strong:#265046}.mun-login *{box-sizing:border-box}.mun-login .halos{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.mun-login .halo{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;transition:background .6s var(--ease),opacity .6s var(--ease)}.mun-login .halo-a{width:620px;height:620px;top:-220px;inset-inline-end:-160px;background:radial-gradient(circle,var(--accent),transparent 68%)}.mun-login .halo-b{width:560px;height:560px;bottom:-240px;inset-inline-start:-180px;background:radial-gradient(circle,var(--accent),transparent 66%);opacity:.34}[data-theme=dark] .mun-login .halo{opacity:.34}[data-theme=dark] .mun-login .halo-b{opacity:.24}.mun-login .topbar{position:relative;z-index:3;max-width:1120px;margin:0 auto;padding:26px clamp(20px,5vw,44px) 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.mun-login .brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.mun-login{--brand-mark:var(--accent)}.mun-login[data-world=store]{--brand-mark:#00735F}[data-theme=dark] .mun-login[data-world=store]{--brand-mark:var(--accent)}.mun-login .brand{color:var(--brand-mark);transition:color .5s var(--ease)}.mun-login .theme-btn{inline-size:44px;block-size:44px;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:50%;cursor:pointer;transition:all .25s var(--ease)}.mun-login .theme-btn:hover{color:var(--accent);border-color:var(--accent-ring);transform:translateY(-1px)}.mun-login .theme-btn svg{width:20px;height:20px}.mun-login .theme-btn .moon,[data-theme=dark] .mun-login .theme-btn .sun{display:none}[data-theme=dark] .mun-login .theme-btn .moon{display:block}.mun-login .stage{position:relative;z-index:2;max-width:560px;margin:0 auto;padding:clamp(24px,5vw,44px) clamp(20px,5vw,24px) 40px;display:flex;flex-direction:column;align-items:center}.mun-login .gem-wrap{position:relative;width:min(320px,76vw);height:min(320px,76vw);margin-bottom:6px;pointer-events:none}.mun-login .gem-glow{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:82%;height:82%;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 66%);filter:blur(30px);opacity:.95;transition:background .6s var(--ease)}.mun-login .gem{position:absolute;inset:0;margin:auto;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 44px 46px rgba(20,20,46,.34));transition:opacity .6s var(--ease),transform .6s var(--ease);will-change:transform}.mun-login .gem-orb,.mun-login[data-world=store] .gem-crystal{opacity:0;transform:scale(.9)}.mun-login[data-world=store] .gem-orb{opacity:1;transform:scale(1)}.mun-login .gem-float{animation:float 7s ease-in-out infinite}@keyframes float{0%,to{translate:0 0;rotate:0deg}50%{translate:0 -22px;rotate:2.2deg}}.mun-login .card{position:relative;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:34px clamp(24px,5vw,42px);transition:background .5s var(--ease),border-color .5s var(--ease),box-shadow .5s var(--ease)}.mun-login .world-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px;margin-bottom:30px;transition:background .5s var(--ease),border-color .5s var(--ease)}.mun-login .world-pill{position:absolute;top:5px;bottom:5px;inset-inline-start:5px;width:calc(50% - 5px);background:var(--accent);border-radius:11px;box-shadow:0 8px 18px -8px var(--glow);transition:inset-inline-start .42s var(--ease),background .5s var(--ease)}.mun-login[data-world=store] .world-pill{inset-inline-start:calc(50%)}.mun-login .world-toggle button{position:relative;z-index:1;appearance:none;border:0;background:transparent;cursor:pointer;font-family:var(--font);font-weight:600;font-size:15px;color:var(--muted);padding:12px 6px;border-radius:11px;transition:color .3s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:8px}.mun-login .world-toggle button .ic{width:18px;height:18px;opacity:.9}.mun-login .world-toggle button[aria-selected=true]{color:var(--btn-text)}.mun-login .card h1{margin:0;color:var(--ink);font-weight:700;font-size:clamp(26px,5vw,32px);letter-spacing:-.015em;line-height:1.2}.mun-login .subtitle{margin:9px 0 0;color:var(--muted);font-size:15.5px;line-height:1.55}.mun-login .role-tabs{display:inline-flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:4px;margin:22px 0 6px}.mun-login .role-tabs button{appearance:none;border:0;background:transparent;cursor:pointer;font-family:var(--font);font-weight:600;font-size:13.5px;color:var(--muted);padding:8px 16px;border-radius:9px;transition:all .25s var(--ease);display:inline-flex;align-items:center;gap:7px}.mun-login .role-tabs button .ic{width:15px;height:15px}.mun-login .role-tabs button[aria-selected=true]{background:var(--surface);color:var(--accent);box-shadow:0 2px 8px -3px rgba(20,20,46,.18)}[data-theme=dark] .mun-login .role-tabs button[aria-selected=true]{background:rgba(255,255,255,.06)}.mun-login form{margin-top:20px;display:flex;flex-direction:column;gap:18px}.mun-login .fieldset{display:flex;flex-direction:column;gap:17px}.mun-login .field{display:flex;flex-direction:column;gap:8px}.mun-login .field>label{font-weight:500;font-size:13.5px;color:var(--body)}.mun-login .idtype{display:inline-flex;gap:4px;align-self:flex-start;margin-bottom:-3px}.mun-login .idtype button{appearance:none;background:transparent;border:1px solid transparent;cursor:pointer;font-family:var(--font);font-weight:500;font-size:13px;color:var(--muted);padding:7px 14px;border-radius:10px;transition:all .22s var(--ease);display:inline-flex;align-items:center;gap:7px}.mun-login .idtype button .ic{width:15px;height:15px}.mun-login .idtype button[aria-selected=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-ring)}.mun-login .control{position:relative;display:flex;align-items:center;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-field);transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.mun-login .control:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);background:var(--surface)}.mun-login .control input{flex:1;min-width:0;appearance:none;border:0;background:transparent;outline:none;font-family:var(--font);font-size:16px;color:var(--ink);padding:14px}.mun-login .control input::placeholder{color:var(--faint)}.mun-login .lead{display:flex;align-items:center;padding-inline-start:14px;color:var(--faint)}.mun-login .lead svg{width:18px;height:18px}.mun-login .lead+input{padding-inline-start:10px}.mun-login .dial{display:inline-flex;align-items:center;gap:7px;padding:0 14px;color:var(--muted);font-size:15px;font-weight:500;border-inline-start:1px solid var(--border);direction:ltr;unicode-bidi:isolate}.mun-login .dial svg{width:22px;height:15px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}.mun-login .eye{appearance:none;border:0;background:transparent;cursor:pointer;color:var(--faint);padding:0 14px;display:grid;place-items:center;transition:color .2s var(--ease)}.mun-login .eye:hover{color:var(--accent)}.mun-login .eye svg{width:20px;height:20px}.mun-login .eye .off,.mun-login .eye.show .on{display:none}.mun-login .eye.show .off{display:block}.mun-login[data-idtype=email] [data-id-field=phone],.mun-login[data-idtype=phone] [data-id-field=email],.mun-login[data-role=owner] [data-fields=staff],.mun-login[data-role=staff] [data-fields=owner]{display:none}.mun-login .row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-1px}.mun-login .remember{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13.5px;color:var(--body);user-select:none}.mun-login .remember input{position:absolute;opacity:0;width:0;height:0}.mun-login .box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border-strong);background:var(--surface-2);display:grid;place-items:center;transition:all .2s var(--ease)}.mun-login .box svg{width:12px;height:12px;color:#fff;opacity:0;transform:scale(.6);transition:all .2s var(--ease)}.mun-login .remember input:checked+.box{background:var(--accent);border-color:var(--accent)}.mun-login .remember input:checked+.box svg{opacity:1;transform:scale(1)}.mun-login .remember input:focus-visible+.box{box-shadow:0 0 0 4px var(--accent-ring)}.mun-login .forgot{color:var(--accent);text-decoration:none;font-size:13.5px;font-weight:500;transition:opacity .2s}.mun-login .forgot:hover{opacity:.72;text-decoration:underline}.mun-login .btn{appearance:none;border:0;cursor:pointer;font-family:var(--font);background:var(--accent);color:var(--btn-text);font-weight:700;font-size:16.5px;padding:16px;border-radius:var(--radius-field);box-shadow:var(--shadow-btn);transition:transform .18s var(--ease),box-shadow .25s var(--ease),background .3s var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:4px}.mun-login .btn:hover{background:var(--accent-deep);transform:translateY(-2px);box-shadow:0 20px 40px -12px var(--glow)}.mun-login .btn:active{transform:translateY(0)}.mun-login .btn:disabled{opacity:.7;cursor:default}.mun-login .btn .arw{width:19px;height:19px;transition:transform .25s var(--ease)}.mun-login .btn:hover .arw{transform:translateX(-4px)}.mun-login .role-note{margin:14px 0 0;font-size:13px;color:var(--muted);line-height:1.5;display:none;align-items:flex-start;gap:8px;background:var(--accent-soft);border:1px solid var(--accent-ring);padding:11px 13px;border-radius:12px}.mun-login[data-role=staff] .role-note{display:flex}.mun-login .role-note svg{width:16px;height:16px;color:var(--accent);flex:none;margin-top:1px}.mun-login .err{margin:12px 0 0;font-size:13.5px;color:#E5484D;line-height:1.5}.mun-login .sep{display:flex;align-items:center;gap:14px;margin:26px 0 4px;color:var(--faint);font-size:12.5px}.mun-login .sep:after,.mun-login .sep:before{content:"";height:1px;flex:1;background:var(--border)}.mun-login .register{text-align:center;margin:16px 0 0;font-size:14.5px;color:var(--body)}.mun-login .register a{color:var(--accent);font-weight:600;text-decoration:none}.mun-login .register a:hover{text-decoration:underline}.mun-login .support{display:inline-flex;align-items:center;gap:7px;justify-content:center;width:100%;margin-top:20px;color:var(--muted);font-size:13px;text-decoration:none;transition:color .2s}.mun-login .support:hover{color:var(--accent)}.mun-login .support svg{width:15px;height:15px}.mun-login .footer{position:relative;z-index:2;max-width:560px;margin:0 auto;padding:24px clamp(20px,5vw,24px) 40px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.mun-login .footer-logo{height:26px;color:var(--ink);opacity:.85;transition:color .5s var(--ease)}.mun-login .footer-logo svg{height:100%;width:auto;display:block}.mun-login .legal{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center}.mun-login .legal a{color:var(--muted);font-size:12.5px;text-decoration:none;transition:color .2s}.mun-login .legal a:hover{color:var(--accent)}.mun-login .copybar{color:var(--faint);font-size:12px}@keyframes mnyReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.mun-login .reveal{opacity:1;animation:mnyReveal .7s var(--ease) both}@supports (animation-timeline:view()){.mun-login .reveal{animation:mnyReveal .8s var(--ease) both;animation-timeline:view();animation-range:entry 0 entry 55%}}@media (max-width:520px){.mun-login .gem-wrap{margin-bottom:2px}}@media (prefers-reduced-motion:reduce){.mun-login *{animation:none!important}.mun-login .reveal{opacity:1!important;transform:none!important;transition:none!important}.mun-login .gem,.mun-login .halo,.mun-login .world-pill{transition:opacity .2s linear,background .2s linear!important}}.mun-login .otp-field,.mun-login[data-idtype=phone][data-role=owner] [data-owner-pass],.mun-login[data-idtype=phone][data-role=owner] [data-pass-row]{display:none}.mun-login[data-idtype=phone][data-role=owner] .otp-field[data-otp=on]{display:flex}.mun-login[data-otpstep=on][data-idtype=phone][data-role=owner] .btn[data-hide-on-otp=yes]{display:none}.mun-login .otp-label{font-size:13px;font-weight:500;color:var(--muted)}.mun-login .otp{display:flex;gap:8px;justify-content:space-between}.mun-login .otp-box{width:100%;min-width:0;min-height:52px;text-align:center;font-family:var(--font);font-size:19px;font-weight:600;color:var(--ink);background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-field);appearance:none;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease)}.mun-login .otp-box:focus-visible{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--accent-ring)}.mun-login .otp-box:disabled{opacity:.6}.mun-login .otp-meta{font-size:12.5px;color:var(--muted);margin:0}.mun-login .linkish{appearance:none;background:none;border:0;padding:0;cursor:pointer;font-family:var(--font);font-size:12.5px;font-weight:500;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.mun-login .linkish:disabled{opacity:.55;cursor:default}.mun-login .ident-hint{margin:7px 2px 0;font-size:12px;color:var(--muted)}