@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Plus+Jakarta+Sans:ital,wght@0,400..700;1,400..500&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--cream-50:#fffbf4;--cream-100:#fff8f0;--cream-200:#faf1e2;--cream-300:#f1e5ce;--cream-400:#e9decd;--cream-500:#c9b89a;--cream-600:#8e7e62;--cream-700:#5c5141;--cream-800:#3b342a;--cream-900:#1f1b14;--cayenne-50:#fdecee;--cayenne-100:#fad0d5;--cayenne-300:#f08891;--cayenne-500:#e63946;--cayenne-600:#c9202d;--cayenne-700:#9f1822;--cayenne-900:#5c0e14;--indigo-50:#eaeff6;--indigo-100:#d0dae9;--indigo-300:#7a8fae;--indigo-500:#3f5a80;--indigo-700:#1d3557;--indigo-900:#0e1b30;--mango-100:#fce6cc;--mango-300:#f8bf85;--mango-500:#f4a261;--mango-700:#c57a3a;--plantain-100:#d6eeea;--plantain-300:#7ec8bd;--plantain-500:#2a9d8f;--plantain-700:#1b6b62;--sea-100:#dbe7ee;--sea-300:#8eb1c4;--sea-500:#457b9d;--sea-700:#2d5a77;--bg:var(--cream-100);--bg-elevated:#fff;--bg-sunken:var(--cream-200);--fg:var(--indigo-700);--fg-muted:var(--cream-600);--fg-subtle:var(--indigo-300);--fg-on-accent:var(--cream-50);--border:var(--cream-300);--border-strong:var(--cream-400);--accent:var(--cayenne-500);--accent-hover:var(--cayenne-600);--accent-press:var(--cayenne-700);--accent-fg:var(--cream-50);--accent-bg:var(--cayenne-50);--accent-border:var(--cayenne-100);--accent-2:var(--indigo-700);--accent-2-hover:var(--indigo-900);--chrome-bg:var(--indigo-700);--chrome-bg-deep:var(--indigo-900);--chrome-fg:var(--cream-100);--chrome-fg-muted:var(--indigo-300);--chrome-border:#ffffff14;--chrome-active:#ffffff1a;--success:var(--plantain-500);--success-bg:var(--plantain-100);--success-fg:var(--plantain-700);--info:var(--sea-500);--info-bg:var(--sea-100);--info-fg:var(--sea-700);--warning:var(--mango-500);--warning-bg:var(--mango-100);--warning-fg:var(--mango-700);--danger:var(--cayenne-500);--danger-bg:var(--cayenne-50);--danger-fg:var(--cayenne-700);--font-display:"Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-accent:"Instrument Serif", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-4xl:4rem;--fs-3xl:2.75rem;--fs-2xl:2rem;--fs-xl:1.5rem;--fs-lg:1.25rem;--fs-md:1.0625rem;--fs-base:.9375rem;--fs-sm:.8125rem;--fs-xs:.6875rem;--lh-tight:1.08;--lh-snug:1.22;--lh-normal:1.5;--tracking-eyebrow:.14em;--tracking-display:-.022em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-xs:4px;--radius-sm:6px;--radius-md:12px;--radius-lg:24px;--radius-pill:999px;--shadow-xs:0 0 0 3px var(--cayenne-50);--shadow-sm:0 1px 2px #1d35570f, 0 2px 8px #1d35570f;--shadow-md:0 6px 16px #1d35571a, 0 2px 6px #1d35570f;--shadow-lg:0 24px 48px #0e1b3038;--dur-fast:.12s;--dur-base:.18s;--dur-slow:.24s;--dur-page:.32s;--ease-out:cubic-bezier(.22, 1, .36, 1);--sidebar-w:256px;--sidebar-w-collapsed:72px;--topbar-h:64px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:var(--lh-normal);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-weight:700;line-height:var(--lh-snug);color:var(--fg);margin:0}p{margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--sea-500);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--fs-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-muted);font-weight:700}.spinner{border:2px solid var(--cream-300);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.login{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login__brand{background:radial-gradient(120% 80% at 80% 0%, #f4a2612e, transparent 60%), radial-gradient(90% 60% at 0% 100%, #e6394638, transparent 55%), var(--indigo-700);color:var(--cream-100);padding:var(--space-12);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.login__logo{width:220px;height:auto;padding:var(--space-4) var(--space-5);background:var(--cream-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm,0 2px 8px #0e1b302e);align-self:flex-start;position:relative}.login__pannye{opacity:.06;pointer-events:none;background-image:repeating-linear-gradient(45deg, var(--cream-100) 0 1px, transparent 1px 14px), repeating-linear-gradient(-45deg, var(--cream-100) 0 1px, transparent 1px 14px);position:absolute;inset:0}.login__display{font-family:var(--font-display);font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);color:var(--cream-100);margin-top:var(--space-8);max-width:16ch;position:relative}.login__display em{font-family:var(--font-accent,Georgia);color:var(--mango-500);font-style:italic}.login__lede{margin-top:var(--space-4);color:var(--indigo-100);font-size:var(--fs-md);max-width:32ch;position:relative}.login__foot{color:var(--indigo-300);font-size:var(--fs-sm);position:relative}.login__form-wrap{padding:var(--space-12);background:var(--bg);justify-content:center;align-items:center;display:flex}.login__form{width:100%;max-width:360px}.login__title{font-size:var(--fs-2xl);margin-top:var(--space-2)}.login__sub{color:var(--fg-muted);margin-top:6px;margin-bottom:var(--space-8)}.login__fields{gap:var(--space-4);flex-direction:column;display:flex}.login__label{font-size:var(--fs-sm);margin-bottom:6px;font-weight:600;display:block}.login__input{width:100%;height:44px;padding:0 var(--space-3);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--fs-base);font-family:var(--font-body);color:var(--fg);background:var(--bg-elevated)}.login__input:focus{border-color:var(--sea-500);box-shadow:var(--shadow-xs);outline:none}.login__error{background:var(--cayenne-50);color:var(--cayenne-700);border:1px solid var(--cayenne-100);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--fs-sm);gap:8px;font-weight:500;display:flex}.login__hint{margin-top:var(--space-6);font-size:var(--fs-sm);color:var(--fg-muted)}.login__hint code{font-family:var(--font-mono);background:var(--cream-200);border-radius:4px;padding:1px 5px}@media (width<=820px){.login{grid-template-columns:1fr}.login__brand{display:none}}.btn{font-family:var(--font-body);font-size:var(--fs-base);height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:var(--accent);color:var(--accent-fg);transition:background var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-out);border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1;display:inline-flex}.btn:hover{background:var(--accent-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--block{width:100%}.btn--secondary{background:var(--indigo-700);color:var(--cream-50)}.btn--secondary:hover{background:var(--indigo-900)}.btn--success{background:var(--plantain-500);color:#fff}.btn--success:hover{background:var(--plantain-700)}.btn--outline{color:var(--fg);border-color:var(--border-strong);background:0 0}.btn--ghost{color:var(--sea-500);background:0 0}.board{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.board__logo{width:auto;height:32px}.board__top{height:var(--topbar-h);padding:0 var(--space-6);background:var(--bg-elevated);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.board__top-right{align-items:center;gap:var(--space-4);display:flex}.board__count{font-size:var(--fs-sm);color:var(--fg-muted);background:var(--cream-200);border-radius:var(--radius-pill);padding:5px 12px;font-weight:700}.board__user{align-items:center;gap:var(--space-2);display:flex}.board__avatar{background:var(--indigo-100);width:32px;height:32px;color:var(--indigo-700);font-weight:700;font-size:var(--fs-sm);border-radius:50%;place-items:center;display:grid}.board__user-meta{flex-direction:column;line-height:1.2;display:flex}.board__user-name{font-size:var(--fs-sm);font-weight:600}.board__user-role{font-size:var(--fs-xs);color:var(--fg-muted)}.board__logout{border:1.5px solid var(--border-strong);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;color:var(--fg);padding:8px 14px;font-weight:600}.board__logout:hover{background:var(--cream-200)}.board__error{margin:var(--space-4) var(--space-6) 0;background:var(--cayenne-50);color:var(--cayenne-700);border:1px solid var(--cayenne-100);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);font-weight:500}.board__loading{flex:1;place-items:center;display:grid}.board__cols{gap:var(--space-4);padding:var(--space-6);flex:1;grid-template-columns:repeat(3,1fr);align-items:start;display:grid}@media (width<=900px){.board__cols{grid-template-columns:1fr}}.col{background:var(--cream-100);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;min-height:200px;display:flex}.col__head{padding:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.col__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;display:block}.col__hint{font-size:var(--fs-sm);color:var(--fg-muted);margin-top:2px;display:block}.col__count{font-family:var(--font-mono);font-weight:700;font-size:var(--fs-lg);border-radius:var(--radius-sm);place-items:center;min-width:34px;height:34px;display:grid}.col--pending .col__count{background:var(--sea-100);color:var(--sea-700)}.col--preparing .col__count{background:var(--mango-100);color:var(--mango-700)}.col--ready .col__count{background:var(--plantain-100);color:var(--plantain-700)}.col__body{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.col__empty{text-align:center;color:var(--fg-subtle);font-size:var(--fs-sm);padding:var(--space-8) 0}.oc{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-4);border-left:4px solid var(--cream-400)}.oc--pending{border-left-color:var(--sea-500)}.oc--preparing{border-left-color:var(--mango-500)}.oc--ready{border-left-color:var(--plantain-500)}.oc__head{justify-content:space-between;align-items:center;display:flex}.oc__num{font-weight:700;font-size:var(--fs-md);color:var(--fg)}.oc__time{font-size:var(--fs-sm);color:var(--fg-muted);font-weight:600}.oc__time--urgent{color:var(--cayenne-600)}.oc__cust{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.oc__cust-name{font-weight:600;font-size:var(--fs-base)}.oc__pill{font-size:var(--fs-xs);border-radius:var(--radius-pill);background:var(--cream-200);color:var(--fg-muted);white-space:nowrap;padding:3px 8px;font-weight:700}.oc__pill--delegate{background:var(--mango-100);color:var(--mango-700)}.oc__items{margin:var(--space-3) 0 0;padding:var(--space-3) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:6px;list-style:none;display:flex}.oc__items li{font-size:var(--fs-base);gap:8px;display:flex}.oc__qty{color:var(--cayenne-600);min-width:28px;font-weight:700}.oc__item-name{color:var(--fg)}.oc__note{margin-top:var(--space-2);font-size:var(--fs-sm);color:var(--fg-muted);font-style:italic}.oc__foot{justify-content:space-between;align-items:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.oc__meta{flex-direction:column;display:flex}.oc__total{font-weight:700;font-size:var(--fs-md);color:var(--fg)}.oc__sub{font-size:var(--fs-xs);color:var(--fg-muted)}.oc__actions{align-items:center;gap:var(--space-2);display:flex}.oc__cancel{color:var(--fg-subtle);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;padding:6px;font-weight:600}.oc__cancel:hover{color:var(--cayenne-600)}.oc__cancel:disabled{opacity:.5;cursor:not-allowed}.kl{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.board__top-left{align-items:center;gap:var(--space-8);display:flex}.kl__tabs{gap:4px;display:flex}.kl__tab{font-size:var(--fs-sm);color:var(--fg-muted);border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:8px 14px;font-weight:600;text-decoration:none}.kl__tab:hover{background:var(--cream-200);color:var(--fg)}.kl__tab--active{background:var(--indigo-700);color:var(--cream-50)}@media (width<=720px){.board__top-left{gap:var(--space-4)}.kl__tab{padding:6px 10px}}.oc--unpaid{border-left-color:var(--cayenne-500)}.oc__unpaid-banner{margin-top:var(--space-2);background:var(--cayenne-50);color:var(--cayenne-700);border-radius:var(--radius-sm);font-size:var(--fs-sm);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-weight:700;display:flex}.oc__expire{font-size:var(--fs-xs);color:var(--mango-700);font-weight:600}.oc__expire--soon{color:var(--cayenne-600)}.cd__overlay{z-index:60;padding:var(--space-4);animation:cdIn var(--dur-slow) var(--ease-out);background:#0e1b3073;place-items:center;display:grid;position:fixed;inset:0}.cd{background:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:440px;padding:var(--space-6)}.cd__title{font-size:var(--fs-xl)}.cd__msg{color:var(--fg-muted);margin-top:var(--space-2)}.cd__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.btn--danger{background:var(--cayenne-50);color:var(--cayenne-700);border-color:var(--cayenne-100)}.btn--danger:hover{background:var(--cayenne-100)}@keyframes cdIn{0%{opacity:0}to{opacity:1}}.hist{padding:var(--space-6);width:100%;max-width:1100px;margin:0 auto}.hist__head{margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.hist__title{font-size:var(--fs-2xl)}.hist__stats{gap:var(--space-4);font-size:var(--fs-sm);color:var(--fg-muted);display:flex}.hist__stats strong{color:var(--fg)}.hist__table{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.hist__row{gap:var(--space-3);padding:10px var(--space-4);border-bottom:1px solid var(--border);font-size:var(--fs-sm);grid-template-columns:120px 140px 1fr 44px 80px 110px 70px 64px;align-items:center;display:grid}.hist__row:last-child{border-bottom:none}.hist__row--head{font-size:var(--fs-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--fg-muted);background:var(--cream-100);font-weight:700}.hist__num{font-weight:700}.hist__cust{font-weight:600}.hist__items{color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hist__count,.hist__total{text-align:right}.hist__badge{font-size:var(--fs-xs);border-radius:var(--radius-pill);justify-self:start;padding:3px 8px;font-weight:700}.hist__badge--done{background:var(--plantain-100);color:var(--plantain-700)}.hist__badge--cancelled{background:var(--cayenne-50);color:var(--cayenne-700)}.hist__time{color:var(--fg-muted);text-align:right}@media (width<=760px){.hist__items,.hist__row>span:nth-child(4){display:none}.hist__row{grid-template-columns:100px 1fr 70px 64px}.hist__pay,.hist__count{display:none}}.scan{gap:var(--space-6);padding:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;width:100%;max-width:920px;margin:0 auto;display:grid}@media (width<=760px){.scan{grid-template-columns:1fr}}.scan__panel,.scan__result>*{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.scan__panel{padding:var(--space-6)}.scan__title{font-size:var(--fs-xl)}.scan__sub{color:var(--fg-muted);font-size:var(--fs-sm);margin-top:4px}.scan__reader{margin:var(--space-4) 0;border-radius:var(--radius-md);overflow:hidden}.scan__reader--on{border:2px dashed var(--sea-300);min-height:220px}.scan__controls{gap:var(--space-3);display:flex}.scan__form{gap:var(--space-2);margin-top:var(--space-4);display:flex}.scan__input{height:40px;padding:0 var(--space-3);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-base);text-transform:uppercase;flex:1}.scan__input:focus{border-color:var(--sea-500);outline:none}.scan__error{margin-top:var(--space-3);background:var(--cayenne-50);color:var(--cayenne-700);border:1px solid var(--cayenne-100);border-radius:var(--radius-sm);padding:var(--space-3);font-size:var(--fs-sm);font-weight:500}.scan__empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--fg-subtle)}.scan__order{padding:var(--space-6)}.scan__order-head{justify-content:space-between;align-items:center;display:flex}.scan__order-num{font-size:var(--fs-lg);font-weight:700}.scan__order-badge{font-size:var(--fs-xs);border-radius:var(--radius-pill);background:var(--cream-200);color:var(--fg-muted);padding:4px 10px;font-weight:700}.scan__order-badge--ready{background:var(--plantain-100);color:var(--plantain-700)}.scan__order-badge--preparing{background:var(--mango-100);color:var(--mango-700)}.scan__order-badge--pending{background:var(--sea-100);color:var(--sea-700)}.scan__order-badge--cancelled{background:var(--cayenne-50);color:var(--cayenne-700)}.scan__order-cust{color:var(--fg-muted);font-size:var(--fs-sm);margin-top:4px}.scan__items{margin:var(--space-4) 0;padding:var(--space-3) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:6px;list-style:none;display:flex}.scan__items .mono{color:var(--cayenne-600);font-weight:700}.scan__order-foot{justify-content:space-between;align-items:center;display:flex}.scan__order-pay{font-size:var(--fs-sm);color:var(--fg-muted)}.scan__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);display:flex}#qr-reader video{border-radius:var(--radius-sm);width:100%!important}#qr-reader img[alt=Info\ icon]{display:none}