:root{--ink-0:#04060a;--ink-1:#0a0e14;--ink-2:#111721;--ink-3:#18202c;--line:#ffffff14;--line-strong:#ffffff24;--on-ink:#f2f6fa;--on-ink-2:#aab6c4;--on-ink-3:#6b7889;--paper:#fff;--paper-2:#f6f8fb;--paper-line:#e4e9f0;--on-paper:#0a1017;--on-paper-2:#5a6675;--brand:#f5a623;--brand-2:#ffc65c;--pending:#2ecc71;--preparing:#ff9f1c;--ready:#4d94ff;--delivered:#1f9d55;--warn:#f5a524;--late:#f2453d;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--r-sm:8px;--r-md:12px;--r-lg:16px;--shadow-card:0 1px 2px #0000004d, 0 6px 16px #00000038;--shadow-pop:0 24px 64px #0000008c;--ease:.14s cubic-bezier(.2, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ink-0);color:var(--on-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;overflow:hidden}.card__token,.card__position,.card__time-value,.card__item-qty,.card__elapsed,.detail__token,.detail__position,.detail__clock-value,.detail__item-qty,.detail__fact-value,.stat__value,.summary__total-value,.summary__time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline-offset:2px;border-radius:var(--r-sm);outline:2px solid #8ec5ff}*{scrollbar-width:thin;scrollbar-color:#ffffff29 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:99px}::-webkit-scrollbar-track{background:0 0}.app{background:linear-gradient(180deg, var(--ink-1) 0%, var(--ink-0) 420px);flex-direction:column;height:100%;display:flex}.boot,.signin{background:var(--ink-0);place-items:center;height:100%;display:grid}.boot__text{color:var(--on-ink-2);letter-spacing:.01em;font-size:1.05rem}.app__board{gap:var(--s3);min-height:0;padding:var(--s4);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.app__lanes{gap:var(--s3);flex-direction:column;display:flex}.app__state{align-content:center;place-items:center;gap:var(--s2);color:var(--on-ink-3);text-align:center;padding:var(--s6);flex:1;font-size:1.1rem;display:grid}.app__error{padding:var(--s3) var(--s4);color:#ffd9a3;letter-spacing:.01em;background:#f5a5241f;border-bottom:1px solid #f5a52447;margin:0;font-size:.9rem;font-weight:600}.topbar{align-items:center;gap:var(--s5);padding:var(--s3) var(--s4);background:var(--ink-1);border-bottom:1px solid var(--line);display:flex}.topbar__brand{align-items:center;gap:var(--s3);flex-shrink:0;display:flex}.topbar__mark{object-fit:contain;flex-shrink:0;width:40px;height:40px}.topbar__name{flex-direction:column;gap:1px;line-height:1.1;display:flex}.topbar__name strong{letter-spacing:-.01em;font-size:1rem;font-weight:700}.topbar__sub{text-transform:uppercase;letter-spacing:.14em;color:var(--on-ink-3);font-size:.62rem;font-weight:600}.topbar__controls{gap:var(--s2);flex:1;min-width:0;display:flex}.pill{align-items:center;gap:var(--s2);height:40px;padding:0 var(--s3) 0 14px;border:1px solid var(--line);background:var(--ink-2);min-width:0;transition:border-color var(--ease), background var(--ease);border-radius:999px;display:flex}.pill:hover{border-color:var(--line-strong)}.pill--search{flex:1;max-width:420px;padding-right:14px}.pill__icon{color:var(--on-ink-3);flex-shrink:0;font-size:.9rem;line-height:1}.pill__icon--trailing{margin-left:auto}.pill__select{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:0;height:100%;color:var(--on-ink);cursor:pointer;background:0 0;border:0;flex:1;font-family:inherit;font-size:.85rem;font-weight:600}.pill__input{min-width:0;height:100%;color:var(--on-ink);background:0 0;border:0;flex:1;font-family:inherit;font-size:.85rem;font-weight:500}.pill__input::placeholder{color:var(--on-ink-3)}.pill__input::-webkit-search-cancel-button{filter:invert();opacity:.45}.topbar__menu{flex-shrink:0;position:relative}.topbar__menu-toggle{border-radius:var(--r-md);border:1px solid var(--line);background:var(--ink-2);width:44px;height:44px;color:var(--on-ink-2);cursor:pointer;transition:border-color var(--ease), background var(--ease), color var(--ease);flex-shrink:0;place-items:center;font-size:1.2rem;line-height:1;display:inline-grid;position:relative}.topbar__menu-toggle:hover,.topbar__menu-toggle[aria-expanded=true]{border-color:var(--line-strong);background:var(--ink-3);color:var(--on-ink)}.topbar__dot{background:var(--delivered);width:10px;height:10px;box-shadow:0 0 0 2px var(--ink-1);transition:background var(--ease);border-radius:50%;position:absolute;top:-3px;right:-3px}.topbar__dot--busy{background:var(--preparing)}.topbar__dot--stale{background:var(--late)}.topbar__panel{top:calc(100% + var(--s2));z-index:30;gap:var(--s2);width:240px;padding:var(--s4);background:var(--ink-2);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-pop);display:grid;position:absolute;right:0}.topbar__panel-title{margin:0 0 var(--s1);color:var(--on-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.topbar__panel-row{justify-content:space-between;align-items:baseline;gap:var(--s3);margin:0;display:flex}.topbar__panel-label{text-transform:uppercase;letter-spacing:.12em;color:var(--on-ink-3);font-size:.62rem;font-weight:700}.topbar__panel-value{color:var(--on-ink-2);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}.topbar__panel-value--stale{color:#ffb4b0}.topbar__signout{height:40px;margin-top:var(--s2);padding-top:0;padding:0 var(--s3);border-radius:var(--r-sm);border:1px solid var(--line-strong);color:var(--on-ink-2);cursor:pointer;transition:color var(--ease), border-color var(--ease), background var(--ease);background:0 0;font-family:inherit;font-size:.85rem;font-weight:600}.topbar__signout:hover{color:var(--on-ink);border-color:var(--on-ink-3);background:var(--ink-3)}.board__title{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s3) var(--s4) 0;flex-shrink:0;display:flex}.board__heading{text-transform:uppercase;letter-spacing:.14em;color:var(--on-ink-2);margin:0;font-size:.85rem;font-weight:700}.board__date{align-items:center;gap:var(--s2);color:var(--on-ink-2);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600;display:inline-flex}.lane{min-height:0}.lane__cards{gap:var(--s3);padding:2px 2px var(--s2);grid-auto-columns:300px;grid-auto-flow:column;display:grid;overflow:auto hidden}.card--compact .card__body{padding:var(--s2) var(--s3) var(--s2) var(--s4)}.card--compact .card__token{font-size:1.35rem}.card--compact .card__where{margin-top:var(--s1);padding-bottom:var(--s2)}.card--compact .card__summary{margin:var(--s2) 0 0;color:var(--on-paper-2);font-size:.85rem;font-weight:600}.card--compact .card__foot{margin-top:var(--s2)}.card{background:var(--paper);color:var(--on-paper);border-radius:var(--r-md);box-shadow:var(--shadow-card);transition:transform var(--ease), box-shadow var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:var(--paper-line);width:5px;position:absolute;inset:0 auto 0 0}.card:hover{transform:translateY(-1px);box-shadow:0 2px 4px #00000052,0 12px 28px #0000004d}.card--confirmed:before{background:var(--pending)}.card--preparing:before{background:var(--preparing)}.card--ready:before{background:var(--ready)}.card--delivered:before{background:var(--delivered)}.card--warning{box-shadow:0 0 0 2px var(--warn), var(--shadow-card)}.card--late{box-shadow:0 0 0 3px var(--late), var(--shadow-card)}.card__hit{z-index:1;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.card__body{z-index:2;pointer-events:none;min-height:0;padding:var(--s3) var(--s3) var(--s3) var(--s4);flex-direction:column;flex:1;display:flex;position:relative}.card__head{justify-content:space-between;align-items:flex-start;gap:var(--s2);display:flex}.card__identity{align-items:center;gap:var(--s2);display:flex}.card__position{border-radius:var(--r-sm);background:var(--paper-line);width:26px;height:26px;color:var(--on-paper);flex-shrink:0;place-items:center;font-size:.85rem;font-weight:800;display:inline-grid}.card--confirmed .card__position{background:var(--pending);color:#fff}.card--preparing .card__position{background:var(--preparing);color:#fff}.card--ready .card__position{background:var(--ready);color:#fff}.card--delivered .card__position{background:var(--delivered);color:#fff}.card__token{letter-spacing:-.02em;font-size:1.7rem;font-weight:800;line-height:1}.card__times{text-align:right;gap:2px;display:grid}.card__time-row{gap:var(--s2);grid-template-columns:auto auto;justify-content:end;align-items:baseline;font-size:.68rem;display:grid}.card__time-label{color:var(--on-paper-2);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.card__time-value{font-weight:700}.card__where{align-items:baseline;gap:var(--s2);margin-top:var(--s2);padding-bottom:var(--s2);border-bottom:1px solid var(--paper-line);flex-wrap:wrap;display:flex}.card__source{padding:2px var(--s2);color:#1a56c4;text-transform:uppercase;letter-spacing:.06em;background:#eaf1ff;border-radius:99px;font-size:.66rem;font-weight:700}.card__destination{font-size:.92rem;font-weight:700}.card__items{margin:var(--s3) 0 0;align-content:start;gap:var(--s1);padding:0;list-style:none;display:grid}.card__more{margin:var(--s1) 0 0;color:var(--on-paper-2);font-size:.8rem;font-weight:700}.card__item{justify-content:space-between;align-items:baseline;gap:var(--s3);font-size:1rem;font-weight:600;line-height:1.3;display:flex}.card__item-qty{color:var(--on-paper-2);flex-shrink:0;font-weight:700}.card__item-instruction,.detail__item-instruction{color:#9a6500;margin-top:2px;font-size:.76em;font-weight:700;display:block}.card__stages{z-index:3;pointer-events:auto;gap:var(--s1);margin-top:var(--s2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.card__stage{border:1px solid var(--paper-line);border-radius:var(--r-sm);background:var(--paper-2);min-height:38px;color:var(--on-paper-2);font:inherit;cursor:not-allowed;min-width:0;font-size:.68rem;font-weight:800}.card__stage--next{border-color:var(--on-paper);background:var(--on-paper);color:#fff;cursor:pointer}.card__notes{margin:var(--s3) 0 0;padding:var(--s2) var(--s3);border-radius:var(--r-sm);color:#6b4400;background:#fff6e0;border-left:3px solid #d99000;gap:2px;font-size:.85rem;font-weight:600;display:grid}.card__notes-label{text-transform:uppercase;letter-spacing:.1em;color:#9a6500;font-size:.6rem;font-weight:700}.card__foot{justify-content:space-between;align-items:center;gap:var(--s2);padding-top:var(--s3);margin-top:auto;display:flex}.badge{align-items:center;gap:var(--s1);padding:3px var(--s2);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;border:1.5px solid;border-radius:99px;font-size:.64rem;font-weight:800;display:inline-flex}.badge--confirmed{color:#17803f;background:#eafbf1}.badge--preparing{color:#b5590a;background:#fff2e2}.badge--ready{color:#1a56c4;background:#eaf1ff}.badge--delivered{color:#147a35;background:#e8f7ee}.card__elapsed{align-items:center;gap:var(--s1);color:var(--on-paper-2);font-size:.95rem;font-weight:800;display:inline-flex}.card__elapsed--warning{color:#9a6500}.card__elapsed--late{color:#c0201a}.card__elapsed-flag{font-weight:900}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:var(--s5);z-index:40;background:#020408b8;place-items:center;display:grid;position:fixed;inset:0}.detail{background:var(--paper);width:min(920px,100%);max-height:90vh;color:var(--on-paper);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);border-top:5px solid var(--paper-line);overflow-y:auto}.detail--warning{border-top-color:var(--warn)}.detail--late{border-top-color:var(--late)}.detail__head{align-items:flex-start;gap:var(--s5);padding:var(--s5);border-bottom:1px solid var(--paper-line);display:flex}.detail__identity{align-items:baseline;gap:var(--s3);flex:1;min-width:0;display:flex}.detail__position{border-radius:var(--r-sm);background:var(--on-paper);width:38px;height:38px;color:var(--paper);align-self:center;place-items:center;font-size:1.15rem;font-weight:800;display:inline-grid}.detail__token{letter-spacing:-.03em;font-size:2.6rem;font-weight:800;line-height:1}.detail__source{padding:3px var(--s2);color:#1a56c4;text-transform:uppercase;letter-spacing:.06em;background:#eaf1ff;border-radius:99px;font-size:.72rem;font-weight:700}.detail__clocks{gap:var(--s5);display:flex}.detail__clock{gap:2px;display:grid}.detail__clock-label{text-transform:uppercase;letter-spacing:.1em;color:var(--on-paper-2);font-size:.62rem;font-weight:700}.detail__clock-value{font-size:1.15rem;font-weight:800}.detail__close{border-radius:var(--r-sm);border:1px solid var(--paper-line);cursor:pointer;width:40px;height:40px;color:var(--on-paper-2);transition:background var(--ease), color var(--ease);background:0 0;flex-shrink:0;font-size:1.4rem;line-height:1}.detail__close:hover{background:var(--paper-2);color:var(--on-paper)}.detail__where{gap:var(--s6);padding:var(--s3) var(--s5);background:var(--paper-2);border-bottom:1px solid var(--paper-line);flex-wrap:wrap;display:flex}.detail__where-item{gap:2px;font-size:1.05rem;font-weight:700;display:grid}.detail__where-label{text-transform:uppercase;letter-spacing:.1em;color:var(--on-paper-2);font-size:.62rem;font-weight:700}.detail__body{gap:var(--s5);padding:var(--s5);grid-template-columns:1.4fr 1fr;display:grid}.detail__section-title{margin:0 0 var(--s3);text-transform:uppercase;letter-spacing:.12em;color:var(--on-paper-2);font-size:.64rem;font-weight:700}.detail__items ul{margin:0;padding:0;list-style:none}.detail__item{justify-content:space-between;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--paper-line);font-size:1.2rem;font-weight:700;display:flex}.detail__item:last-child{border-bottom:0}.detail__item-qty{color:var(--on-paper-2)}.detail__notes{padding:var(--s3) var(--s4);border-radius:var(--r-sm);color:#6b4400;background:#fff6e0;border-left:4px solid #d99000;margin:0;font-size:1.02rem;font-weight:600}.detail__notes--empty{background:var(--paper-2);border-left-color:var(--paper-line);color:var(--on-paper-2);font-weight:500}.detail__foot{justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);border-top:1px solid var(--paper-line);background:var(--paper-2);flex-wrap:wrap;display:flex}.detail__facts{gap:var(--s6);flex-wrap:wrap;display:flex}.detail__fact{gap:var(--s1);display:grid}.detail__fact-label{text-transform:uppercase;letter-spacing:.1em;color:var(--on-paper-2);font-size:.62rem;font-weight:700}.detail__fact-value{text-transform:capitalize;font-size:1.05rem;font-weight:800}.detail__fact-value--warning{color:#9a6500}.detail__fact-value--late{color:#c0201a}.detail__stages{gap:var(--s3);flex-wrap:wrap;display:flex}.detail__stage{align-items:center;gap:var(--s2);min-height:56px;padding:0 var(--s5);border:2px solid var(--paper-line);border-radius:var(--r-md);background:var(--paper);color:var(--on-paper-2);cursor:not-allowed;transition:background var(--ease), color var(--ease), border-color var(--ease), transform var(--ease);font-family:inherit;font-size:1rem;font-weight:800;display:inline-flex}.detail__stage--done{color:#fff;cursor:default;border-color:#0000}.detail__stage--preparing.detail__stage--done{background:var(--preparing)}.detail__stage--ready.detail__stage--done{background:var(--ready)}.detail__stage--delivered.detail__stage--done{background:var(--delivered)}.detail__stage--next{border-color:var(--on-paper);background:var(--paper);color:var(--on-paper);cursor:pointer}.detail__stage--next:before{content:"[ "}.detail__stage--next:after{content:" ]"}.detail__stage--next:hover:not(:disabled){background:var(--on-paper);color:#fff}.detail__stage--next:active:not(:disabled){transform:translateY(1px)}.detail__stage--next:disabled{cursor:progress;opacity:.7}.summary{background:var(--ink-1);border-top:1px solid var(--line);flex-shrink:0;align-items:stretch;display:flex;overflow-x:auto}.stat{min-width:108px;padding:var(--s3) var(--s4);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;justify-content:center;gap:3px;display:flex}.stat__label{align-items:center;gap:var(--s1);text-transform:uppercase;letter-spacing:.14em;color:var(--on-ink-3);white-space:nowrap;font-size:.6rem;font-weight:700;display:flex}.stat__value{letter-spacing:-.01em;font-size:1.35rem;font-weight:800;line-height:1.1}.stat--alert .stat__label{color:#ff9b96}.stat--alert .stat__value{color:var(--late)}.summary__total{align-items:baseline;gap:var(--s3);padding:var(--s3) var(--s4);border-left:1px solid var(--line);flex-shrink:0;margin-left:auto;display:flex}.summary__total-label{text-transform:uppercase;letter-spacing:.14em;color:var(--on-ink-3);font-size:.6rem;font-weight:700}.summary__total-value{letter-spacing:-.01em;font-size:1.5rem;font-weight:800}.summary__total-of{color:var(--on-ink-3);font-size:.8rem;font-weight:600}.summary__brand{align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-left:1px solid var(--line);flex-shrink:0;display:flex}.summary__mark{object-fit:contain;flex-shrink:0;width:26px;height:26px}.summary__name{color:var(--on-ink-2);font-size:.85rem;font-weight:700}.summary__clock{align-items:baseline;gap:var(--s2);padding:var(--s3) var(--s4);border-left:1px solid var(--line);white-space:nowrap;flex-shrink:0;display:flex}.summary__time{font-size:.95rem;font-weight:700}.summary__date{color:var(--on-ink-3);font-size:.78rem;font-weight:500}.signin__card{gap:var(--s4);width:min(400px,100%);padding:var(--s6);background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);display:grid}.signin__brand{align-items:center;gap:var(--s3);margin-bottom:var(--s2);display:flex}.signin__mark{object-fit:contain;flex-shrink:0;width:44px;height:44px}.signin__title{margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.signin__title span{text-transform:uppercase;letter-spacing:.14em;color:var(--on-ink-3);margin-top:2px;font-size:.62rem;font-weight:600;display:block}.signin__field{gap:var(--s2);display:grid}.signin__label{text-transform:uppercase;letter-spacing:.12em;color:var(--on-ink-3);font-size:.68rem;font-weight:700}.signin__input{height:46px;padding:0 var(--s3);border-radius:var(--r-sm);border:1px solid var(--line);background:var(--ink-2);color:var(--on-ink);transition:border-color var(--ease);font-family:inherit;font-size:.95rem}.signin__input:hover{border-color:var(--line-strong)}.signin__error{padding:var(--s2) var(--s3);border-radius:var(--r-sm);border-left:3px solid var(--late);color:#ffb4b0;background:#f2453d1f;margin:0;font-size:.85rem;font-weight:600}.signin__submit{min-height:48px;margin-top:var(--s2);border-radius:var(--r-sm);background:linear-gradient(145deg, var(--brand-2), var(--brand));color:#2a1200;cursor:pointer;transition:filter var(--ease), transform var(--ease);border:0;font-family:inherit;font-size:.98rem;font-weight:800}.signin__submit:hover:not(:disabled){filter:brightness(1.06)}.signin__submit:active:not(:disabled){transform:translateY(1px)}.signin__submit:disabled{background:var(--ink-3);color:var(--on-ink-3);cursor:not-allowed}@media (width<=1280px){.topbar{gap:var(--s3);flex-wrap:wrap}.topbar__controls{flex-basis:100%;order:3;width:100%}.pill--search{max-width:none}}@media (width<=1024px){.detail__body{grid-template-columns:1fr}}@media (width<=720px){body{overflow:auto}.lane__cards{grid-auto-columns:260px}.detail__token{font-size:2rem}.detail__stages{width:100%}.detail__stage{padding:0 var(--s3);flex:1;justify-content:center}.card__stage{font-size:.62rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}