:root{--navy:#172A46;--slate:#56798F;--gold:#F2B33D;--gold-ink:#8A5B00;--paper:#F4F6F9;--navy-70:rgba(23,42,70,.70);--navy-40:rgba(23,42,70,.40);--navy-12:rgba(23,42,70,.12);--navy-05:rgba(23,42,70,.05);--gold-12:rgba(242,179,61,.16);--font:var(--font-poppins),var(--font-tajawal),system-ui,sans-serif;--font-ar:var(--font-tajawal),var(--font-poppins),system-ui,sans-serif;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--paper);color:var(--navy);line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased}[dir=rtl] body,[dir=rtl] button{font-family:var(--font-ar)}button{font:inherit;cursor:pointer}a,button{color:inherit}a{text-decoration:none}.pw{position:relative;display:block;width:100%}.pw input{width:100%;padding-right:48px}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:8px;background:none;color:var(--navy-70);display:flex;align-items:center;justify-content:center}.pw-toggle:hover{color:var(--navy);background:var(--navy-05)}.ghost,.primary,.secondary{border-radius:var(--radius);font-weight:700;min-height:48px;padding:0 18px;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.primary{background:var(--gold);color:var(--navy)}.secondary{background:var(--navy-05);color:var(--navy);border:1.5px solid var(--navy-12)}.ghost{background:none;color:var(--navy-70);font-weight:600}.ghost.light{color:rgba(255,255,255,.85)}.small{min-height:40px;font-size:14px;padding:0 12px}.wide{width:100%}.danger.primary{background:#D64545}.danger.ghost{color:#C53B3B}button:disabled{opacity:.5;cursor:default}.row{display:flex;gap:8px}.row>*{flex:1 1}.muted{color:var(--navy-70)}.center-screen,.login{min-height:100dvh;display:flex;align-items:center;justify-content:center}.login{padding:16px}.lang-corner{position:fixed;top:12px;inset-inline-end:12px}.login-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--navy-12);border-radius:18px;padding:28px 24px;display:flex;flex-direction:column;gap:14px}.login-card h1{font-size:22px}.login-card label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}input{font:inherit;min-height:48px;padding:0 14px;border:1.5px solid var(--navy-12);border-radius:var(--radius);background:#fff;color:var(--navy)}input:focus{outline:none;border-color:var(--gold)}.form-error{color:#C53B3B;font-weight:600;font-size:14px}.staff{min-height:100dvh;display:flex;flex-direction:column}.bar{background:var(--navy);color:#fff;padding:10px 16px;justify-content:space-between;gap:12px;flex-wrap:wrap}.bar,.bar-end,.bar-start{display:flex;align-items:center}.bar-end,.bar-start{gap:10px}.bar-end{gap:2px}.branch{font-weight:600;font-size:14px;opacity:.9}.dot{width:10px;height:10px;border-radius:50%;background:#D64545}.dot.on{background:#3BB273}.banner{background:var(--navy-70);color:#fff;text-align:center;padding:8px 16px;font-size:14px;font-weight:600}.banner.warn{background:#D64545}.new-order{margin:16px;min-height:72px;border:none;border-radius:16px;background:var(--gold);color:var(--navy);font-size:24px;font-weight:700;box-shadow:0 6px 18px rgba(242,179,61,.35)}.new-order:active{transform:scale(.99)}.columns{flex:1 1;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;padding:0 16px 24px}@media (max-width:700px){.columns{grid-template-columns:1fr}}.column{display:flex;flex-direction:column;gap:12px}.column h2{font-size:18px;display:flex;gap:8px}.column h2,.count{align-items:center}.count{min-width:28px;height:28px;padding:0 8px;border-radius:99px;background:var(--navy-05);font-size:14px;display:inline-flex;justify-content:center}.column.ready .count{background:var(--gold);color:var(--navy)}.empty{color:var(--navy-40);padding:24px 0;text-align:center;border:2px dashed var(--navy-12);border-radius:14px}.card{background:#fff;border:1.5px solid var(--navy-12);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.card.is-ready{border-color:var(--gold);background:var(--gold-12)}.card.is-late{border-color:#D64545}.card.is-late .age{color:#C53B3B;font-weight:700}.card-top{display:flex;align-items:baseline;justify-content:space-between}.num{font-family:var(--font-poppins),system-ui,sans-serif;font-size:34px;font-weight:700;line-height:1}.age{font-size:14px;color:var(--navy-70)}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags:empty{display:none}.tag{font-size:12.5px;padding:2px 10px;border-radius:99px;background:var(--navy-05);color:var(--navy-70)}.tag.strong{background:var(--navy);color:#fff}.actions{display:flex;flex-direction:column;gap:8px}.actions .primary{min-height:56px;font-size:18px}.overlay{position:fixed;inset:0;background:rgba(23,42,70,.55);justify-content:center;padding:16px;z-index:10}.overlay,.sheet{display:flex;align-items:center}.sheet{width:100%;max-width:380px;background:#fff;border-radius:18px;padding:24px;flex-direction:column;gap:14px;text-align:center}.sheet-title{font-size:20px;font-weight:700}.sheet .row{width:100%}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.chip{min-height:40px;padding:0 16px;border-radius:99px;border:1.5px solid var(--navy-12);background:var(--navy-05);font-weight:600}.label-form{width:100%;display:flex;gap:8px}.label-form input{flex:1 1;min-width:0}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:var(--navy);color:#fff;padding:12px 20px;font-weight:600;z-index:20}.qr,.toast{border-radius:12px}.qr{background:#fff}.qr svg{width:100%;height:100%;display:block}.display{min-height:100dvh;background:var(--navy);color:#fff;flex-direction:column;justify-content:center;gap:28px;padding:32px 24px;text-align:center;position:relative}.display,.display-brand{display:flex;align-items:center}.display-brand{gap:14px}.display-brand img{width:56px;height:56px;border-radius:14px;object-fit:cover;background:#fff}.display-brand h1{font-size:clamp(28px,4vw,44px);font-weight:700}.display .qr{padding:14px;width:min(60vw,55vh);height:min(60vw,55vh)}.display-hint{display:flex;flex-direction:column;gap:4px;font-size:clamp(20px,2.6vw,30px);font-weight:600;max-width:640px}.display-hint .en{font-family:var(--font-poppins),system-ui,sans-serif;font-size:.7em;font-weight:500;opacity:.7}.display-full{position:absolute;bottom:8px;inset-inline-end:12px;opacity:.25}.display-full:hover{opacity:.8}