:root{color-scheme:dark;--bg: #0f172a;--bg-raised: #1e293b;--bg-column: #111c33;--border: #27364f;--text: #e2e8f0;--text-muted: #94a3b8;--queued: #38bdf8;--preparing: #facc15;--ready: #4ade80;--complete: #34d399;--danger: #f87171;--accent: #38bdf8;--radius: 14px;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:20px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;touch-action:manipulation;user-select:none}button:focus-visible{outline:3px solid #fff;outline-offset:2px}.splash{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted)}.splash__pulse{width:44px;height:44px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.splash__label{font-size:18px;letter-spacing:.5px}.login{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login__card{width:100%;max-width:440px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column}.login__title{margin:0 0 4px;font-size:28px;letter-spacing:1px}.login__subtitle{margin:0 0 20px;color:var(--text-muted);font-size:17px}.login__label{margin:12px 0 6px;font-size:15px;color:var(--text-muted)}.login__input{width:100%;padding:16px;font-size:20px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.login__submit{margin-top:24px;padding:18px;font-size:20px;font-weight:700;border:none;border-radius:10px;background:var(--accent);color:#082f49;cursor:pointer}.login__submit:disabled{opacity:.6}.login__error{margin-bottom:8px;padding:12px 14px;border-radius:10px;background:#f8717126;border:1px solid rgba(248,113,113,.4);color:var(--danger)}.business-select{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.business-select__card{width:100%;max-width:560px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.business-select__title{margin:0 0 4px;font-size:26px}.business-select__subtitle{margin:0 0 20px;color:var(--text-muted);font-size:17px}.business-select__list{display:flex;flex-direction:column;gap:12px}.business-select__item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:20px;border-radius:12px;border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:left}.business-select__name{font-size:22px;font-weight:700}.business-select__meta{font-size:15px;color:var(--text-muted);text-transform:capitalize}.business-select__signout{margin-top:20px;padding:16px;background:transparent;border:1px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer}.board{height:100%;display:flex;flex-direction:column}.board__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:var(--bg-raised);border-bottom:1px solid var(--border)}.board__identity{display:flex;flex-direction:column}.board__title{font-size:15px;letter-spacing:2px;color:var(--text-muted)}.board__business{font-size:22px;font-weight:700}.board__controls{display:flex;gap:12px}.board__ghost,.board__retry{min-height:48px;padding:0 20px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;font-size:17px}.board__retry{color:var(--accent);border-color:#38bdf880}.board__banner{padding:12px 20px;background:#f8717124;color:var(--danger);font-size:17px}.board__banner--warn{background:#facc151f;color:var(--preparing)}.board__columns{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px;overflow:auto}.column{display:flex;flex-direction:column;background:var(--bg-column);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.column__title{margin:0;padding:14px 16px;font-size:19px;letter-spacing:1px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.column__count{font-size:17px;color:var(--text-muted)}.column--queued .column__title{color:var(--queued)}.column--preparing .column__title{color:var(--preparing)}.column--ready .column__title{color:var(--ready)}.column__tickets{flex:1;display:flex;flex-direction:column;gap:12px;padding:14px;overflow:auto}.ticket{background:var(--bg-raised);border:1px solid var(--border);border-left:8px solid var(--text-muted);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;transition:transform .15s ease,box-shadow .15s ease}.ticket--queued{border-left-color:var(--queued)}.ticket--preparing{border-left-color:var(--preparing)}.ticket--ready{border-left-color:var(--ready)}.ticket.is-new{animation:highlight 2.4s ease-out}@keyframes highlight{0%{box-shadow:0 0 0 3px #38bdf8e6;background:#38bdf82e}to{box-shadow:0 0 #38bdf800}}.ticket__header{display:flex;align-items:baseline;gap:10px}.ticket__number{font-size:30px;font-weight:800;letter-spacing:.5px}.ticket__status{font-size:15px;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase}.ticket__elapsed{margin-left:auto;font-size:22px;font-weight:700;color:var(--text-muted);font-variant-numeric:tabular-nums}.ticket__items{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.ticket__line{display:flex;gap:8px;font-size:22px}.ticket__line-qty{font-weight:800;color:var(--text);min-width:42px}.ticket__line-name{font-weight:600}.ticket__modifiers{margin:0;padding:0 0 0 6px;list-style:none;display:flex;flex-direction:column;gap:4px;border-left:3px solid var(--border)}.ticket__modifier{font-size:16px;color:var(--text-muted)}.ticket__action{min-height:56px;margin-top:4px;border:none;border-radius:10px;font-size:20px;font-weight:800;cursor:pointer;background:var(--accent);color:#082f49}.ticket__action.is-disabled{opacity:.55;cursor:default}.ticket--queued .ticket__action{background:var(--queued);color:#082f49}.ticket--preparing .ticket__action{background:var(--preparing);color:#3b2f00}.ticket--ready .ticket__action{background:var(--ready);color:#052e16}.board__empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted)}.board__empty-title{font-size:30px;font-weight:700;color:var(--text)}.board__empty-body{margin:0;font-size:18px}.state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.state__title{margin:0;font-size:32px}.state__body{margin:0;max-width:520px;color:var(--text-muted);font-size:18px}.state__action{min-height:56px;padding:0 28px;border:none;border-radius:10px;background:var(--accent);color:#082f49;font-size:19px;font-weight:700;cursor:pointer}@media(max-width:900px){.board__columns{grid-template-columns:1fr}}:root{color-scheme:light;--bg: #fff8e8;--bg-raised: #fffdf3;--bg-column: #fff4d6;--border: #ead9ad;--text: #251a18;--text-muted: #6f625a;--queued: #167ca5;--preparing: #b77900;--ready: #24805c;--complete: #1f7a52;--danger: #ad2637;--accent: #c81015;--radius: 16px;font-family:Arial Narrow,Roboto Condensed,Segoe UI,system-ui,sans-serif}body{background:var(--bg);color:var(--text);font-size:19px}button{transition:transform .14s ease,background-color .14s ease,border-color .14s ease,box-shadow .14s ease}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible{outline-color:var(--accent);outline-offset:3px}.splash{color:var(--text-muted);background:var(--bg)}.splash__pulse{border-color:#f0dca6;border-top-color:var(--accent)}.splash__label,.board__title,.login__brand,.business-select__brand{font-weight:800;letter-spacing:.12em;text-transform:uppercase}.login,.business-select{min-height:100%;background:var(--bg)}.login__card,.business-select__card{background:var(--bg-raised);border:1px solid var(--border);border-radius:20px}.login__brand,.business-select__brand{color:var(--accent);font-size:14px}.login__title,.business-select__title,.state__title{color:var(--accent);font-size:clamp(2rem,4vw,2.8rem);font-weight:900;letter-spacing:-.035em;line-height:.95}.login__subtitle,.business-select__subtitle{color:var(--text-muted);font-size:17px;line-height:1.35}.login__label{color:#5c4332;font-size:15px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.login__input{border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text)}.login__input:focus{border-color:var(--accent);outline:3px solid rgba(200,16,21,.14)}.login__submit,.state__action{border:0;border-radius:10px;background:var(--accent);box-shadow:inset 0 -3px #0000001f;color:#fffdf3;font-weight:900;letter-spacing:.025em}.login__submit:hover:not(:disabled),.state__action:hover{background:#a90d11}.login__error{background:#fff0e6;border-color:#eab8a8;color:var(--danger);font-weight:700}.business-select__item{border:1px solid var(--border);border-radius:14px;background:#fffdf3}.business-select__item:hover{border-color:#dcb34a;background:#fff8dc}.business-select__name{color:var(--text);font-weight:900}.business-select__meta{color:#8f6500;font-weight:700}.business-select__signout,.board__ghost{border:1px solid var(--border);border-radius:9px;background:#fffdf3;color:#604432;font-weight:800}.business-select__signout:hover,.board__ghost:hover{border-color:#d5ac42;background:#fff8dc;color:#3f291d}.board{background:var(--bg)}.board__topbar{min-height:88px;padding:12px 20px 11px;background:var(--accent);border-bottom:5px solid #ffc400}.board__identity{gap:1px;min-width:0}.board__brand{color:#ffc400;font-size:13px;font-weight:900;letter-spacing:.13em}.board__title{color:#fffdf3;font-size:clamp(1.05rem,1.65vw,1.35rem)}.board__business{max-width:min(50vw,720px);overflow:hidden;color:#fff8dc;font-size:clamp(1.22rem,2.05vw,1.72rem);font-weight:900;line-height:1.06;text-overflow:ellipsis;white-space:nowrap}.board__controls{flex-shrink:0}.board__ghost{min-height:48px;border-color:#fff8dca6;background:#fffdf31a;color:#fffdf3}.board__ghost:hover{border-color:#ffc400;background:#fff8dc2e;color:#fffdf3}.board__retry{border-color:#e7be3d;color:#8f6500;background:#fff8dc;font-weight:800}.board__banner{padding:11px 20px;border-bottom:1px solid #e7be3d;background:#fff3c4;color:#6f4d00;font-size:17px;font-weight:800;line-height:1.25}.board__banner--warn{border-color:#eab8a8;background:#fff0e6;color:#9d321f}.board__columns{gap:14px;padding:14px}.column{border:1px solid var(--border);border-radius:16px;background:var(--bg-column)}.column__title{min-height:58px;padding:12px 15px;border-bottom:2px solid var(--border);background:#fffdf3b3;color:var(--text);font-weight:900;letter-spacing:.075em}.column__title:before{content:"";width:9px;height:28px;margin-right:9px;border-radius:5px;background:var(--text-muted)}.column__title:after{content:"";flex:1}.column__count{display:grid;min-width:30px;min-height:30px;padding:0 7px;place-items:center;border-radius:9px;background:#fffdf3;color:var(--text-muted);font-size:16px;font-variant-numeric:tabular-nums}.column--queued .column__title{color:#126783}.column--queued .column__title:before{background:var(--queued)}.column--preparing .column__title{color:#8f6500}.column--preparing .column__title:before{background:#d99b00}.column--ready .column__title{color:#1b6548}.column--ready .column__title:before{background:var(--ready)}.column__tickets{gap:11px;padding:11px}.ticket{border:1px solid var(--border);border-left:8px solid var(--text-muted);border-radius:13px;background:#fffdf3;gap:11px}.ticket.queued{border-left-color:var(--queued)}.ticket.preparing{border-left-color:#d99b00}.ticket.ready{border-left-color:var(--ready)}.ticket__header{align-items:center;gap:8px}.ticket__number{color:#321b17;font-size:clamp(1.65rem,2.7vw,2.1rem);font-weight:900;letter-spacing:-.03em}.ticket__status{padding:4px 7px;border-radius:6px;background:#e8f5fa;color:#126783;font-size:13px;font-weight:900;letter-spacing:.07em}.ticket.preparing .ticket__status{background:#fff3c4;color:#805b00}.ticket.ready .ticket__status{background:#eaf6e2;color:#1b6548}.ticket__elapsed{color:#553b2d;font-size:clamp(1.16rem,2vw,1.48rem);font-weight:900}.ticket__items{gap:7px}.ticket__line{align-items:baseline;gap:10px;font-size:clamp(1.1rem,1.78vw,1.42rem);line-height:1.18}.ticket__line-qty{min-width:44px;color:var(--accent);font-weight:900}.ticket__line-name{color:var(--text);font-weight:800;overflow-wrap:anywhere}.ticket__modifiers{padding-left:9px;border-left-color:#e7be3d}.ticket__modifier{color:#6a5140;font-size:16px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.ticket__pending-sync{padding:7px 9px;border:1px solid #e7be3d;border-radius:8px;background:#fff8dc;color:#805b00;font-size:15px;font-weight:900;letter-spacing:.035em}.ticket__action{min-height:58px;border:0;border-radius:10px;background:var(--accent);box-shadow:inset 0 -3px #0000001f;color:#fffdf3;font-size:19px;font-weight:900;letter-spacing:.025em}.ticket__action:hover:not(:disabled){background:#a90d11}.ticket__action.is-disabled{box-shadow:none}.ticket.preparing .ticket__action{background:#ffc400;box-shadow:inset 0 -3px #00000029;color:#3f2c00}.ticket.ready .ticket__action{background:#378c18;box-shadow:inset 0 -3px #00000029;color:#fffdf3}.ticket.is-new{animation:kitchen-highlight 2.4s ease-out}@keyframes kitchen-highlight{0%{background:#fff0e6}to{background:#fffdf3}}.board__empty{color:var(--text-muted)}.board__empty:before{content:"✓";display:grid;width:62px;height:62px;place-items:center;border:3px solid #71af58;border-radius:50%;background:#eaf6e2;color:#1f7a52;font-size:32px;font-weight:900}.board__empty-title{color:var(--text);font-size:32px;font-weight:900}.board__empty-body,.state__body{color:var(--text-muted);font-weight:600}.state{background:var(--bg)}.state--error .state__title{color:var(--danger)}@media(max-width:1100px){.board__topbar{min-height:80px;padding-inline:14px}.board__columns{gap:10px;padding:10px}.column__tickets{gap:9px;padding:9px}.ticket{padding:13px}.ticket__modifier{font-size:15px}.board__ghost{padding-inline:13px;font-size:15px}}@media(max-height:800px)and (min-width:900px){.board__topbar{min-height:72px;padding-block:8px}.board__brand{font-size:11px}.board__business{font-size:1.22rem}.board__columns{padding-block:9px}.column__title{min-height:49px;padding-block:9px}.column__tickets{padding:8px}.ticket{gap:8px;padding:11px}.ticket__line{font-size:1.06rem}.ticket__action{min-height:52px}}@media(max-width:760px){.board__topbar{align-items:flex-start;flex-direction:column}.board__controls{width:100%}.board__ghost{flex:1}.board__columns{grid-template-columns:1fr}}