:root{--surface:#f6f7f9;--surface-raised:#fff;--surface-sunken:#e9ecf1;--ink:#141a24;--ink-muted:#5a6472;--hairline:#d7dce3;--brand:#d6336c;--on-brand:#fff;--brand-tint:#fbe4ec;--ready:#15804b;--on-ready:#fff;--ready-tint:#def4e7;--preparing:#2458c7;--on-preparing:#fff;--preparing-tint:#e3ebfb;--danger:#a61e1e;--on-danger:#fff;--focus:#2458c7;--font-sans:"IBM Plex Sans Arabic", "Noto Kufi Arabic", system-ui, sans-serif;--fs-number-hall:176px;--lh-number:1;--fs-number-phone:96px;--fs-number-card:40px;--lh-number-card:1.1;--fs-display:40px;--lh-display:1.3;--fs-h1:28px;--lh-h1:1.3;--fs-h2:20px;--lh-h2:1.35;--fs-body:16px;--lh-body:1.6;--fs-button:17px;--lh-button:1.4;--fs-caption:13px;--lh-caption:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:999px;--border-hairline:1px;--border-focus:3px;--border-ring:6px;--button-h-phone:48px;--button-h-kitchen:64px;--pulse-scale:1.04;--hall-slide:.3s}[data-theme=dark]{--surface:#0f1419;--surface-raised:#1a2129;--surface-sunken:#0a0e12;--ink:#f2f4f7;--ink-muted:#9aa4b1;--hairline:#2a333e;--brand:#ff5c8a;--on-brand:#1a0a10;--brand-tint:#3a1a26;--ready:#3ecf8e;--on-ready:#06201a;--ready-tint:#123526;--preparing:#6ea8ff;--on-preparing:#06142e;--preparing-tint:#15243f;--danger:#ff8a80;--on-danger:#2b0806;--focus:#6ea8ff}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);letter-spacing:normal;-webkit-text-size-adjust:100%;direction:rtl}body{font-family:var(--font-sans);background:var(--surface);color:var(--ink);font-size:var(--fs-body);line-height:var(--lh-body);margin:0}h1,h2,h3,p{margin:0}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:700}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:600}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:normal}button{cursor:pointer}:focus-visible{outline:var(--border-focus) solid var(--focus);outline-offset:2px}[x-cloak]{display:none!important}.ltr{direction:ltr;unicode-bidi:isolate}.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate;font-weight:700}.muted{color:var(--ink-muted)}.caption{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--ink-muted)}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.card{background:var(--surface-raised);border:var(--border-hairline) solid var(--hairline);border-radius:var(--radius-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--button-h-phone);padding:0 var(--space-6);border-radius:var(--radius-md);border:var(--border-hairline) solid var(--hairline);background:var(--surface-raised);font-size:var(--fs-button);line-height:var(--lh-button);color:var(--ink);font-weight:600;text-decoration:none;transition:transform 80ms;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.btn-ink{background:var(--ink);color:var(--surface-raised);border-color:var(--ink)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn-ready{background:var(--ready);color:var(--on-ready);border-color:var(--ready);min-height:var(--button-h-kitchen);font-size:22px;font-weight:700}.btn-sm{min-height:40px;padding:0 var(--space-4);font-size:15px}.btn-block{width:100%}.badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);white-space:nowrap;font-size:15px;font-weight:600;line-height:1.5;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.badge-preparing{background:var(--preparing);color:var(--on-preparing)}.badge-ready{background:var(--ready);color:var(--on-ready)}.badge-cancelled{background:var(--danger);color:var(--on-danger)}.badge-collected,.badge-overdue{background:var(--preparing-tint);color:var(--ink)}.badge-preparing:before,.badge-ready:before,.badge-cancelled:before{background:currentColor}.order-ring{aspect-ratio:1;border-radius:var(--radius-full);border:var(--border-ring) solid var(--preparing);background:var(--surface-raised);place-items:center;width:220px;margin-inline:auto;display:grid}.order-ring[data-status=ready]{border-color:var(--ready);background:var(--ready-tint)}.order-ring .num{font-size:var(--fs-number-phone);line-height:var(--lh-number)}.field{width:100%;min-height:var(--button-h-phone);padding:0 var(--space-4);background:var(--surface-raised);border:var(--border-hairline) solid var(--hairline);border-radius:var(--radius-md)}textarea.field{padding:var(--space-3) var(--space-4);resize:vertical;min-height:100px}.conn{align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:15px;display:inline-flex}.conn:before{content:"";background:var(--ready);border-radius:50%;width:8px;height:8px}.conn[data-online=false]:before{background:var(--danger)}.icon{flex:none;width:1.25em;height:1.25em}.ranna-mark{border:5px solid var(--brand);border-radius:50%;flex:none;width:44px;height:44px}.tenant-logo{border-radius:var(--radius-md);background:var(--brand);width:40px;height:40px;color:var(--on-brand);flex:none;place-items:center;font-size:18px;font-weight:700;display:grid;overflow:hidden}.tenant-logo img{object-fit:contain;width:100%;height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.staff{flex-direction:column;min-height:100dvh;display:flex}.staff-bar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-8);background:var(--surface-raised);border-bottom:var(--border-hairline) solid var(--hairline);flex-wrap:wrap;display:flex}.staff-title{align-items:center;gap:var(--space-3);font-size:20px;display:flex}.staff-meta{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.staff-meta form{display:contents}.pending-sync{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--preparing-tint);color:var(--ink);font-size:15px;font-weight:600}.link-button{color:var(--ink-muted);background:0 0;border:0;padding:0;font-size:15px;text-decoration:underline}.form-error{color:var(--danger);font-weight:600}.empty{text-align:center;padding:var(--space-12) 0;grid-column:1/-1}.toast{inset-inline:0;bottom:var(--space-6);width:fit-content;max-width:90vw;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);background:var(--ink);color:var(--surface-raised);z-index:10;margin-inline:auto;font-weight:600;position:fixed}.cashier-new{gap:var(--space-8);padding:var(--space-8);flex:1;grid-template-columns:1fr minmax(320px,420px);display:grid}.cashier-action{justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.new-order-button{justify-content:center;align-items:center;gap:var(--space-2);background:var(--brand);width:min(100%,380px);min-height:168px;color:var(--on-brand);border-radius:var(--radius-lg);border:0;flex-direction:column;transition:transform 80ms;display:flex}.new-order-button:active{transform:scale(.98)}.new-order-button:disabled{opacity:.7}.new-order-label{font-size:34px;font-weight:700;line-height:var(--lh-display)}.new-order-hint{font-size:var(--fs-body);opacity:.92}.last-number{color:var(--ink-muted)}.last-number strong{color:var(--ink)}.ticket{padding:var(--space-8) var(--space-8);flex-direction:column;display:flex}.ticket-body{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.ticket-number{font-size:96px;line-height:var(--lh-number)}.qr{width:188px;padding:var(--space-4);border:var(--border-hairline) solid var(--hairline);border-radius:var(--radius-md);background:#fff}.qr svg{width:100%;height:auto;display:block}.ticket-hint{font-weight:600}.ticket-actions{gap:var(--space-4);grid-template-columns:1fr 1fr;width:100%;display:grid}.ticket-empty{text-align:center;margin:auto}.print-ticket{display:none}@media print{@page{size:80mm auto;margin:4mm}body>*{display:none!important}body .staff{display:block!important}.staff>*{display:none!important}.staff>.print-ticket{text-align:center;color:#000;font-family:var(--font-sans);display:block!important}.print-name{font-size:16px;font-weight:700}.print-number{margin:4mm 0;font-size:64px;line-height:1}.print-qr{width:44mm;margin:0 auto 3mm}.print-qr svg{width:100%;height:auto}.print-powered{margin-top:3mm;font-size:10px}}.search{background:var(--surface);width:240px;min-height:42px}.orders-page{padding:var(--space-6) var(--space-8);gap:var(--space-4);flex-direction:column;display:flex}.filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-full);border:var(--border-hairline) solid var(--hairline);background:var(--surface-raised);font-weight:600}.chip.is-active{background:var(--ink);color:var(--surface-raised);border-color:var(--ink)}.order-rows{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.order-row{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);grid-template-columns:96px 190px 1fr 1fr auto;display:grid}.row-number{font-size:var(--fs-number-card);line-height:var(--lh-number-card);text-align:center}.row-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.kitchen-grid{gap:var(--space-6);padding:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;display:grid}.kitchen-card{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.kitchen-card.is-late{border-color:var(--danger)}.kitchen-card-top{justify-content:space-between;align-items:center;display:flex}.kitchen-number{font-size:56px;line-height:1}.kitchen-timer{color:var(--ink-muted);font-size:20px}.kitchen-card.is-late .kitchen-timer{color:var(--danger)}.kitchen-note{min-height:1.6em;color:var(--ink-muted)}.btn-ready .icon{width:24px;height:24px}.auth{min-height:100dvh;padding:var(--space-4);place-items:center;display:grid}.auth-card{width:min(100%,380px);padding:var(--space-8);align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.auth-mark{border-width:6px;width:56px;height:56px}.auth-form{gap:var(--space-3);width:100%;margin-top:var(--space-4);flex-direction:column;display:flex}.check{align-items:center;gap:var(--space-2);font-size:15px;display:flex}.pin-dots{justify-content:center;gap:var(--space-4);direction:ltr;display:flex}.pin-dot{border:2px solid var(--ink-muted);border-radius:50%;width:16px;height:16px}.pin-dot.is-filled{background:var(--ink);border-color:var(--ink)}.pin-pad{gap:var(--space-3);margin-top:var(--space-2);direction:ltr;grid-template-columns:repeat(3,1fr);display:grid}.pin-key{background:var(--surface);border:var(--border-hairline) solid var(--hairline);border-radius:var(--radius-md);min-height:64px;font-size:26px}.pin-key:active{background:var(--surface-sunken)}@media (width<=900px){.staff-bar{padding:var(--space-3) var(--space-4)}.cashier-new{padding:var(--space-4);grid-template-columns:1fr}.orders-page,.kitchen-grid{padding:var(--space-4)}.order-row{grid-template-columns:72px 1fr}.row-time,.row-channels{grid-column:span 1}.row-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.search{width:100%}}