:root{--red:#d71920;--red-ink:#b5121b;--red-tint:#fcebec;--black:#141414;--ink:#141414;--muted:#5c5c5c;--line:#e3e3e3;--bg:#f5f5f5;--white:#fff;--panel-dark:#1e1e1e;--radius:14px;--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ar:"IBM Plex Sans Arabic", "Plus Jakarta Sans", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}html[dir=rtl] body,.ar,[lang=ar]{font-family:var(--font-ar)}h1,h2,h3{margin:0;line-height:1.2}p{margin:0}a{color:var(--red-ink)}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--red);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.875rem}.accent{color:var(--red-ink)}.btn{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--black);color:var(--white)}.btn-primary:hover:not(:disabled){background:#000}.btn-outline{background:var(--white);color:var(--ink);border-color:#ccc}.btn-quiet{color:var(--red-ink);background:0 0;border-color:#0000}.btn-danger{background:var(--red);color:var(--white)}.btn-block{width:100%;min-height:56px;font-size:1.0625rem}.btn-small{min-height:36px;padding:0 12px;font-size:.875rem}.link-btn{color:inherit;cursor:pointer;background:0 0;border:0;padding:4px;text-decoration:underline}.notice{background:var(--red-tint);color:var(--ink);border-radius:12px;padding:12px 16px}.notice-error{background:var(--red-tint);color:var(--red-ink);font-weight:600}.notice-strong{background:var(--black);color:var(--white);font-weight:600}.tag{background:#eee;border-radius:10px;padding:2px 10px;font-size:.75rem;font-weight:700;display:inline-block}.tag-dark{background:var(--black);color:var(--white)}.tag-red{background:var(--red);color:var(--white)}.shopper{background:var(--bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.shopper-bar{padding:calc(14px + env(safe-area-inset-top)) 20px 14px;background:var(--black);color:var(--white);justify-content:space-between;align-items:center;display:flex}.shopper-brand,.staff-brand{align-items:center;gap:10px;font-weight:700;display:flex}.brand-mark{color:var(--red);display:inline-flex}.brand-mark-lg{background:var(--black);border-radius:16px;padding:12px}.lang-toggle{color:var(--white);cursor:pointer;background:0 0;border:1px solid #555;border-radius:10px;min-height:40px;padding:6px 12px;font-weight:600}.shopper-body{padding:24px 20px calc(28px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:20px;display:flex}.where h1{font-size:1.875rem;font-weight:800}.where-rank{color:var(--red-ink);font-weight:600}.live-stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:14px 16px;display:flex}.stat-wide{background:var(--red-tint);border-color:#0000;grid-column:span 2}.stat-label{color:var(--muted);font-size:.8125rem}.stat-value{font-size:1.75rem;font-weight:800}.stat-value small{font-size:.9375rem;font-weight:600}.stat-xl{font-size:2.5rem}.join-form{flex-direction:column;gap:18px;display:flex}.field{border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.field>span,.field legend{padding:0;font-size:.9375rem;font-weight:700}.field input,.rank-picker select,.sim-form input{background:var(--white);border:1px solid #ccc;border-radius:12px;height:50px;padding:0 14px;font-size:1rem}.field-row{flex-direction:row;justify-content:space-between;align-items:center}.stepper{align-items:center;gap:14px;display:flex}.stepper button{background:var(--white);cursor:pointer;border:1px solid #ccc;border-radius:12px;width:46px;height:46px;font-size:1.375rem}.stepper output{text-align:center;min-width:24px;font-size:1.375rem;font-weight:800}.choice-list{flex-direction:column;gap:8px;margin-top:6px;display:flex}.choice{background:var(--white);cursor:pointer;border:1px solid #ccc;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:52px;padding:10px 16px;display:grid}.choice input{opacity:0;pointer-events:none;position:absolute}.choice:focus-within{outline:3px solid var(--red);outline-offset:2px}.choice.is-on{background:var(--black);color:var(--white);border-color:var(--black)}.choice-name{font-weight:700}.choice-sub{font-size:.8125rem}.check{align-items:flex-start;gap:10px;font-size:.9375rem;display:flex}.check input{width:22px;height:22px;accent-color:var(--red);flex:none;margin-top:1px}.ticket-flow{flex-direction:column;gap:18px;display:flex}.ticket-card{background:var(--black);color:var(--white);border-radius:20px;flex-direction:column;gap:4px;padding:22px;display:flex}.ticket-label{color:#b3b3b3;font-size:.8125rem}.ticket-code{letter-spacing:.02em;font-size:2.75rem;font-weight:800}.ticket-meta{color:#d9d9d9;font-size:.9375rem}.called{margin:-24px -20px calc(-28px - env(safe-area-inset-bottom));background:var(--red);color:var(--white);flex-direction:column;flex:1;gap:18px;padding:28px 20px 40px;display:flex}.called-kicker{font-weight:700}.called h1{font-size:2.25rem;font-weight:800}.called-bay{background:var(--black);border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:24px;display:flex}.called-bay strong{font-size:4rem;font-weight:800;line-height:1}.called-bay span{color:#d9d9d9}.called-plate{background:var(--white);color:var(--ink);border-radius:16px;justify-content:space-between;align-items:center;padding:16px;display:flex}.called-plate strong{font-size:1.375rem}.called-timer{font-size:1.0625rem;font-weight:700}.ticket-code-small{opacity:.85}.done{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:24px;display:flex}.done h1{font-size:1.875rem;font-weight:800}.rating{border:0;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 0;padding:0;display:flex}.rating legend{width:100%;margin-bottom:8px;font-weight:700}.rating button{cursor:pointer;background:0 0;border:0;width:48px;height:48px;padding:0}.rating svg path{fill:none;stroke:var(--red-ink);stroke-width:1.8px;stroke-linejoin:round}.rating button:hover svg path,.rating button:focus-visible svg path{fill:var(--red)}.display-viewport{background:#000;position:fixed;inset:0;overflow:hidden}.display{width:1920px;height:1080px;color:var(--white);transform-origin:50%;direction:ltr;background:#0a0a0a;flex-direction:column;display:flex;position:absolute;top:50%;left:50%}.d-head{background:var(--black);border-bottom:6px solid var(--red);justify-content:space-between;align-items:center;padding:30px 56px;display:flex}.d-brand{align-items:center;gap:24px;display:flex}.d-icon{color:var(--red);display:flex}.d-title{font-size:44px;font-weight:800}.d-title .ar{color:#ff4d55}.d-sub{color:#b3b3b3;font-size:24px}.d-clock{font-size:56px;font-weight:800}.d-paused{background:var(--red);border-radius:16px;margin:24px 56px 0;padding:18px 28px;font-size:30px;font-weight:700}.d-error{padding:40px 56px;font-size:32px}.d-main{flex:1;gap:40px;min-height:0;padding:36px 56px 28px;display:flex}.d-serving{flex-direction:column;flex:1;gap:18px;display:flex}.d-section-title{color:#ff4d55;justify-content:space-between;font-size:34px;font-weight:800;display:flex}.d-cols{color:#b3b3b3;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 28px;font-size:22px;display:grid}.d-row{background:var(--black);border-radius:20px;grid-template-columns:repeat(3,1fr);align-items:center;gap:24px;padding:24px 28px;display:grid}.d-row.is-latest{background:var(--red)}.d-code{font-size:88px;font-weight:800;line-height:1}.d-bay{font-size:72px;font-weight:800;line-height:1}.d-plate{font-size:48px;font-weight:700;line-height:1}.d-empty{color:#b3b3b3;padding:24px 0;font-size:30px}.d-next{background:var(--black);border-radius:24px;flex-direction:column;gap:16px;width:600px;padding:30px 32px;display:flex}.d-next .d-section-title{font-size:30px}.d-next-row{border-top:1px solid #3a3a3a;align-items:center;gap:20px;padding-top:16px;display:flex}.d-pos{background:#2b2b2b;border-radius:26px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;font-weight:800;display:flex}.d-next-code{flex:1;font-size:52px;font-weight:800}.d-tag{background:#2b2b2b;border-radius:12px;padding:6px 14px;font-size:20px;font-weight:700}.d-tag-light{background:var(--white);color:var(--ink)}.d-foot{gap:32px;padding:0 56px 32px;display:flex}.d-stats{flex:1;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.d-stat{background:var(--black);border-radius:20px;flex-direction:column;gap:4px;padding:22px 28px;display:flex}.d-stat span{color:#b3b3b3;font-size:22px}.d-stat strong{font-size:58px;font-weight:800}.d-qr{background:var(--red);border-radius:20px;align-items:center;gap:28px;padding:18px 28px;display:flex}.d-qr-code{background:var(--white);border-radius:12px;padding:10px;display:flex}.d-qr-en{width:280px;font-size:32px;font-weight:800;line-height:1.15}.d-qr-ar{margin-top:8px;font-size:30px;font-weight:700}.d-ticker{background:var(--black);color:#d9d9d9;justify-content:space-between;padding:16px 56px;font-size:24px;display:flex}.staff-page{background:var(--bg);min-height:100vh}.staff-bar{background:var(--black);color:var(--white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 28px;display:flex}.staff-nav{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.staff-nav a{color:#d9d9d9;border-bottom:3px solid #0000;padding:6px 2px;font-weight:600;text-decoration:none}.staff-nav a.active{color:var(--white);border-bottom-color:var(--red)}.staff-user{color:#b3b3b3;font-size:.875rem}.staff-main{flex-direction:column;gap:20px;max-width:1440px;margin:0 auto;padding:24px 28px 40px;display:flex}.staff-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.staff-title h1{font-size:1.75rem;font-weight:800}.rank-picker{flex-direction:column;gap:4px;font-size:.8125rem;font-weight:600;display:flex}.rank-picker select{min-width:240px;height:44px}.marshal{grid-template-columns:340px 1fr;align-items:start;gap:24px;display:grid}.queue-col{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:18px;display:flex}.col-head{justify-content:space-between;align-items:baseline;display:flex}.col-head h2{font-size:1.0625rem}.count{color:var(--red-ink);font-weight:700}.queue-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.queue-list li{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.q-code{font-size:1.25rem;font-weight:800}.q-meta{color:var(--muted);font-size:.875rem}.bays{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.bay{background:var(--white);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:14px;padding:20px;display:flex}.bay-head{justify-content:space-between;align-items:center;display:flex}.bay-head h2{font-size:1.5rem;font-weight:800}.bay-status{background:#eee;border-radius:10px;padding:4px 12px;font-size:.8125rem;font-weight:700}.bay.is-taxi .bay-status{background:var(--black);color:var(--white)}.bay.is-called{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.bay.is-called .bay-status{background:var(--red);color:var(--white)}.bay.is-paused{opacity:.7}.bay-line{flex-direction:column;gap:2px;display:flex}.bay-line strong{font-size:1.375rem}.bay-actions{flex-wrap:wrap;gap:10px;display:flex}.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.kpi{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:4px;padding:18px 20px;display:flex}.kpi-label{color:var(--muted);font-size:.875rem}.kpi-value{font-size:2rem;font-weight:800}.kpi-note{color:var(--muted);font-size:.8125rem}.dash-grid{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex}.panel-demo{border-style:dashed;border-color:#bbb;grid-column:1/-1}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-head h2{font-size:1.0625rem}.legend{gap:14px;font-size:.8125rem;display:flex}.sw{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-inline-end:6px;display:inline-block}.sw-tickets,.bar-tickets{background:var(--black)}.sw-taxis,.bar-taxis{background:var(--red)}.hourly{border-bottom:1px solid var(--line);align-items:flex-end;gap:10px;height:260px;padding-bottom:4px;display:flex;overflow-x:auto}.hour{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:36px;height:100%;display:flex}.hour-bars{flex:1;justify-content:center;align-items:flex-end;gap:3px;width:100%;display:flex}.bar{border-radius:4px 4px 0 0;width:14px;min-height:2px}.hour-label{color:var(--muted);font-size:.75rem}.table{border-collapse:collapse;width:100%;font-size:.9375rem}.table th{text-align:start;color:var(--muted);border-bottom:1px solid var(--line);padding:8px;font-size:.8125rem;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}.sim-form{flex-direction:column;gap:10px;display:flex}.sim-form label{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sim-form input{width:96px;height:40px}.login{background:var(--black);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--white);border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:400px;padding:28px;display:flex}.login-card h1{font-size:1.5rem}.home{flex-direction:column;gap:28px;max-width:1100px;margin:0 auto;padding:40px 24px;display:flex}.home-head{align-items:center;gap:20px;display:flex}.home-head h1{font-size:2rem;font-weight:800}.home-ranks{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.home-rank{background:var(--white);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;display:flex}.home-qr{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:12px}.home-staff{font-weight:600}@media (width<=900px){.marshal,.dash-grid{grid-template-columns:1fr}.staff-main{padding:20px 16px 32px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}