:root{--bg: #0e1013;--panel: #171a20;--panel-2: #20252d;--text: #f4f5f7;--muted: #a3a9b4;--cook: #1e7b3a;--hurry: #f2b01e;--hurry-text: #1d1500;--late: #c62828;--scheduled: #1d5fb4;--cancel: #7b1fa2;--ready: #3a4552;--ok: #2e9d50;--danger: #d32f2f;--focus: #ffd54f;--brand-blue: #0538a3;--brand-white: #f4f6fb;--frame: 28px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{font:inherit;cursor:pointer}h1,h2{margin:0}.plain{height:100%}.framed{height:100%;padding:var(--frame)}.meander-frame{position:fixed;inset:0;pointer-events:none;z-index:15}.mf{position:absolute;background:var(--brand-blue)}.mf:after{content:"";position:absolute;inset:0;background:var(--brand-white);mask-repeat:repeat;-webkit-mask-repeat:repeat}.mf-top,.mf-bottom{left:0;right:0;height:var(--frame)}.mf-top{top:0}.mf-bottom{bottom:0;transform:scaleY(-1)}.mf-top:after,.mf-bottom:after{mask-image:url(/kds/meander-h.svg);-webkit-mask-image:url(/kds/meander-h.svg);mask-size:auto 100%;-webkit-mask-size:auto 100%}.mf-left,.mf-right{top:var(--frame);bottom:var(--frame);width:var(--frame)}.mf-left{left:0}.mf-right{right:0;transform:scaleX(-1)}.mf-left:after,.mf-right:after{mask-image:url(/kds/meander-v.svg);-webkit-mask-image:url(/kds/meander-v.svg);mask-size:100% auto;-webkit-mask-size:100% auto}.brand-logo{width:40px;height:40px;border-radius:50%;flex:none}.hero-logo{width:min(200px,40vw);height:auto;border-radius:50%;box-shadow:0 6px 30px #0538a359}.admin-title{display:flex;align-items:center;gap:12px}.admin-title .brand-logo{width:44px;height:44px}.board{display:flex;flex-direction:column;height:100%}.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);border-bottom:1px solid #000;flex-wrap:wrap}.brand{font-size:22px;font-weight:700;display:flex;align-items:center;gap:8px}.device{color:var(--muted);font-weight:500}.bar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--panel-2);color:var(--text);font-size:16px;font-weight:600;border:1px solid #2c333d;text-decoration:none}.pill.ok{background:var(--ok);border-color:var(--ok)}.pill.danger{background:var(--danger);border-color:var(--danger)}.pill.info{background:var(--scheduled);border-color:var(--scheduled);font-size:14px}.pill.btn:active{transform:scale(.97)}.clock{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;min-width:110px;text-align:right}.content{flex:1;display:flex;min-height:0;position:relative}.content:before{content:"";position:absolute;inset:0 300px 0 0;background:url(/kds/logo-512.webp) center / min(55vh,45%) no-repeat;opacity:.07;pointer-events:none}.lanes,.side{position:relative}.lanes{flex:1;overflow-y:auto;padding:12px 16px 96px;display:flex;flex-direction:column;gap:14px}.lane h2{font-size:18px;font-weight:700;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}.lane.priority{background:#c6282829;border:3px solid var(--late);border-radius:14px;padding:10px}.lane.priority h2{color:#ff8a80}.lane.later h2{color:#8fb3ea}.later-grid{display:flex;flex-wrap:wrap;gap:10px}.later-card{display:flex;align-items:baseline;gap:12px;padding:10px 16px;border-radius:10px;border:2px solid var(--scheduled);background:#1d5fb438;color:var(--text);touch-action:manipulation}.later-card:active{transform:scale(.98)}.later-num{font-size:24px;font-weight:800}.later-time{font-size:18px;font-weight:700;color:#cfe0ff}.later-items{font-size:16px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;align-items:start}.empty{font-size:28px;color:var(--muted);padding:48px 0;text-align:center}.side{width:300px;display:flex;flex-direction:column;background:var(--panel);border-left:1px solid #000;min-height:0}.side h2{font-size:16px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.side ul{list-style:none;margin:0;padding:0}.side-ready{flex:1;overflow-y:auto;padding:12px}.side-empty{color:var(--muted);font-size:18px}.side-ready li+li{margin-top:8px}.ready-item{display:flex;gap:6px;align-items:stretch}.ready-item .ready-row{flex:1;width:auto}.ready-back{flex:0 0 auto;padding:0 10px;border:1px solid #3a424e;border-radius:10px;background:var(--panel-2);color:var(--muted);font:inherit;font-size:14px;font-weight:700;touch-action:manipulation;cursor:pointer}.ready-back:disabled{opacity:.5}.ready-row{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 12px;border:0;border-radius:10px;background:var(--ready);color:var(--text);font:inherit;text-align:left;touch-action:manipulation;cursor:pointer}.ready-row:disabled{cursor:default}.ready-row.busy{opacity:.6}.ready-row.rider-here{background:var(--ok);animation:pulse 1.2s ease-in-out infinite}.ready-num{font-size:26px;font-weight:800;white-space:nowrap}.ready-detail{font-size:16px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.side-ready .hint{margin-top:8px}.side-allday{max-height:45%;overflow-y:auto;padding:12px;border-top:1px solid #000;font-size:18px;line-height:1.5}.ticket{border-radius:12px;padding:12px 14px;background:var(--panel-2);border:3px solid transparent;touch-action:manipulation;transition:transform 80ms ease}.ticket.openable{cursor:pointer}.ticket.openable:active{transform:scale(.985)}.ticket.busy{opacity:.6}.t-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:8px;row-gap:2px}.t-num{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.01em}.t-timer{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.t-state{font-size:22px;font-weight:800;margin:4px 0 6px;text-transform:uppercase}.t-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.tag{font-size:14px;font-weight:700;padding:2px 8px;border-radius:6px;background:#00000059}.tag.warn{background:#000;color:var(--hurry)}.tag.soon{background:#000;color:var(--ok)}.items{list-style:none;margin:6px 0 0;padding:0;font-size:20px;line-height:1.35}.items>li+li{margin-top:4px}.qty{font-weight:800}.mods{list-style:none;margin:4px 0 2px;padding-left:18px;display:flex;flex-direction:column;gap:3px}.mod{display:inline-flex;align-items:baseline;gap:6px;padding:2px 10px 3px 8px;border-radius:7px;font-size:19px;font-weight:800;line-height:1.25;background:#0000008c;color:#fff8c4}.mod-mark{font-weight:900;min-width:.9em;text-align:center}.mod-add{color:#b9f6ca}.mod-remove{background:#b71c1c;color:#fff;box-shadow:0 0 0 2px #fff inset}.note{margin:4px 0 8px;padding:8px 10px;border-radius:10px;background:#ffeb3b;color:#1d1500;border:3px solid #1d1500;font-size:20px;font-weight:800;line-height:1.3;display:flex;flex-direction:column;gap:2px}.note-label{font-size:14px;font-weight:900;letter-spacing:.08em}.more{margin-top:8px;padding:6px 10px;border-radius:8px;background:#000;color:#ffeb3b;font-size:18px;font-weight:800;text-align:center}.cutlery,.rider{margin-top:6px;font-size:16px;font-weight:600}.hint{margin-top:8px;font-size:13px;opacity:.75}.detail-backdrop{position:fixed;inset:0;z-index:30;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:24px}.detail{width:min(860px,100%);max-height:100%;display:flex;flex-direction:column;gap:14px}.ticket.big{overflow-y:auto;padding:18px 22px;border-radius:16px;box-shadow:0 20px 60px #0009}.ticket.big .t-num{font-size:64px}.ticket.big .t-timer,.ticket.big .t-state{font-size:30px}.ticket.big .tag{font-size:18px}.ticket.big .note{font-size:28px}.ticket.big .note-label{font-size:18px}.ticket.big .items{font-size:30px}.ticket.big .items>li+li{margin-top:10px}.detail:has(.items.columns){width:min(1400px,100%)}.ticket.big .items.columns{columns:2;column-gap:40px}.ticket.big .items.columns>li{break-inside:avoid}.ticket.big .items.columns>li+li{margin-top:0;padding-top:10px}.ticket.big .mod{font-size:26px}.ticket.big .cutlery,.ticket.big .rider{font-size:22px}.detail-notice{padding:14px 18px;border-radius:12px;background:#000;color:var(--hurry);font-size:24px;font-weight:800}.detail-actions{display:flex;gap:12px;flex-wrap:wrap}.act{flex:1;min-height:84px;padding:0 24px;border-radius:14px;border:0;font-size:30px;font-weight:900;color:#fff;background:var(--panel-2)}.act:active{transform:scale(.98)}.act:disabled{opacity:.5}.act-step{flex:3}.act-started{background:var(--scheduled)}.act-ready_soon{background:var(--hurry);color:var(--hurry-text)}.act-ready{background:var(--ok)}.act-skip{flex:1;font-size:22px;background:var(--panel-2);border:2px solid var(--ok)}.act-cancel{flex:2;background:var(--cancel)}.act-close{flex:0 1 200px;border:2px solid #3a424e}.s-cook{background:var(--cook)}.s-hurry{background:var(--hurry);color:var(--hurry-text)}.s-late,.s-rider_waiting{background:var(--late);border-color:#ff8a80}.s-rider_waiting{box-shadow:0 0 0 4px #ffeb3b inset}.s-scheduled{background:var(--scheduled)}.s-cancelled{background:var(--cancel);border-color:#fff;animation:flash 1s steps(2,start) infinite}.s-cancelled .items{text-decoration:line-through}.s-ready{background:var(--ready)}.s-ready .t-num{font-size:32px}.s-ready.rider-here{background:var(--ok);animation:pulse 1.2s ease-in-out infinite}@keyframes flash{to{border-color:transparent;filter:brightness(1.25)}}@keyframes pulse{50%{filter:brightness(1.25)}}.offline-banner{background:var(--danger);color:#fff;font-size:24px;font-weight:800;text-align:center;padding:14px;animation:flash 1s steps(2,start) infinite}.board.is-offline .lanes,.board.is-offline .side{filter:grayscale(.8) brightness(.7)}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:#fff;color:#111;padding:12px 16px 12px 20px;border-radius:12px;font-size:20px;font-weight:700;box-shadow:0 6px 24px #00000080;z-index:20}.toast.error{background:var(--danger);color:#fff}.toast-btn{background:#111;color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:20px;font-weight:800}.sound-gate{position:fixed;inset:0;background:#000000bf;color:#fff;border:0;font-size:34px;font-weight:800;z-index:30}.drawer-backdrop{position:fixed;inset:0;background:#0009;z-index:25;display:flex;justify-content:flex-end}.drawer{width:min(420px,100%);height:100%;background:var(--panel);padding:16px;overflow-y:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.recent-list{list-style:none;margin:0;padding:0}.recent-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #2c333d;font-size:18px}.recent-list .t-num{font-size:28px}.center-page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:16px}.card{background:var(--panel);border:1px solid #2c333d;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;width:min(460px,100%)}.card.wide{width:100%}.card p{margin:0;color:var(--muted);font-size:18px}.card input[type=password],.card input:not([type]),.code-input{font-size:22px;padding:12px 14px;border-radius:10px;border:1px solid #3a424e;background:#0b0d10;color:var(--text);-webkit-user-select:text;user-select:text}.code-input{font-size:44px;letter-spacing:.3em;text-align:center;font-weight:800}.primary{font-size:22px;font-weight:800;padding:14px;border-radius:12px;border:0;background:var(--ok);color:#fff}.primary:disabled{opacity:.5}.form-error{color:#ff8a80;font-weight:700;font-size:18px}.admin-link{color:var(--muted);text-align:center}.admin{padding:16px;display:flex;flex-direction:column;gap:16px;max-width:1100px;margin:0 auto;-webkit-user-select:text;user-select:text}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:18px}.code-display{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:18px}.code-display .code{font-size:56px;font-weight:800;letter-spacing:.25em;background:#0b0d10;padding:8px 18px;border-radius:12px}.devices{width:100%;border-collapse:collapse;font-size:17px}.devices td{padding:10px 6px;border-bottom:1px solid #2c333d}.pill.btn.danger{background:var(--danger)}.devices.status td:first-child{color:var(--muted);width:40%}.devices code{word-break:break-all;font-size:15px}.card p.ok-note{color:#8be0a4;font-weight:700}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.devices.orders tr.stuck td{background:#e048481f}.stuck-tag{color:#ffb3b3;font-weight:700}.plain-list{list-style:none;margin:0;padding:0}.plain-list li+li{margin-top:4px}@media(max-width:900px){:root{--frame: 16px}.content:before{right:0}.side{width:220px}.side-allday{display:none}.t-num{font-size:32px}}.lux{--gold: #d4b26a;--gold-deep: #a9843c;--gold-line: rgba(212, 178, 106, .38);--navy-panel: rgba(12, 22, 48, .72);--serif: "Cormorant Garamond", "Playfair Display", Georgia, "Times New Roman", serif}.framed.lux{height:auto;min-height:100%;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(5,56,163,.35),transparent 70%),radial-gradient(ellipse 60% 50% at 50% 100%,rgba(212,178,106,.08),transparent 70%),#070b16;background-attachment:fixed}.lux h1,.lux h2{font-family:var(--serif);font-weight:600;letter-spacing:.02em}.lux h1{font-size:34px;color:#fbf6ea}.lux h2{font-size:24px;color:var(--gold);padding-bottom:8px;border-bottom:1px solid var(--gold-line)}.lux .card{background:var(--navy-panel);border:1px solid var(--gold-line);border-radius:18px;padding:28px;box-shadow:0 24px 60px #00000073,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lux .card p{color:#c6cbd6}.lux .card input[type=password],.lux .card input:not([type]),.lux .code-input{background:#040916d9;border:1px solid var(--gold-line);color:#fbf6ea}.lux input:focus{outline:2px solid var(--gold);outline-offset:1px}.lux .primary{background:linear-gradient(180deg,#e8cd8d,var(--gold-deep));color:#1a1408;letter-spacing:.04em;box-shadow:0 6px 20px #a9843c59}.lux .pill{background:transparent;border:1px solid var(--gold-line);color:#f3e7c9}.lux .pill.btn:hover{border-color:var(--gold)}.lux .pill.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.lux .hero-logo{box-shadow:0 0 0 3px #d4b26a8c,0 0 0 10px #d4b26a14,0 12px 48px #0538a373}.lux .admin-title{font-size:38px}.lux .admin-title .brand-logo{width:56px;height:56px;box-shadow:0 0 0 2px var(--gold)}.lux .admin-head{padding:8px 0 16px;border-bottom:1px solid var(--gold-line)}.lux .admin-link{color:var(--gold);font-family:var(--serif);font-size:18px}.lux .devices td{border-bottom-color:#d4b26a2e}.lux .devices.status td:first-child{color:#aeb5c2}.lux .code-display .code{background:#040916d9;color:var(--gold);border:1px solid var(--gold-line);font-family:var(--serif)}.lux .card p.ok-note{color:#9fe3b4}