:root{--bg:#14161a;--panel:#1c1f25;--panel-2:#232830;--line:#2c313b;--ink:#eef1f5;--ink-2:#a7b0bd;--ink-3:#6b7482;--accent:#2fbfa8;--req:#e0a52b;--serve:#3fae54;--danger:#d0453f;--r:12px;--sans:"Hanken Grotesk", -apple-system, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}.boot{height:100%;color:var(--ink-3);place-items:center;display:grid}.login{background:radial-gradient(120% 80% at 50% 0,#182420,#101216);place-items:center;height:100%;padding:24px;display:grid}.login__card{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;width:100%;max-width:360px;padding:28px;display:flex;box-shadow:0 24px 60px #0006}.login__brand{letter-spacing:-.01em;font-size:24px;font-weight:800}.login__brand span{color:var(--accent);font-weight:700}.login__sub{color:var(--ink-3);margin-bottom:14px;font-size:14px}.login__code{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 4px;display:grid}.login__box{aspect-ratio:1;background:var(--panel-2);border:1.5px solid var(--line);text-align:center;color:var(--ink);border-radius:12px;outline:none;min-width:0;font-size:28px;font-weight:800}.login__box:focus{border-color:var(--accent)}.login__box--err{border-color:#ff8a80}.login__err{color:#ff8a80;margin-top:6px;font-size:13px}.login__hint{color:var(--ink-3);margin-top:8px;font-size:11.5px;line-height:1.5}.btn{border-radius:10px;margin-top:8px;padding:12px 16px;font-size:15px;font-weight:700;transition:filter .15s}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--accent);color:#032420}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--ghost{color:var(--ink-2);border:1px solid var(--line);background:0 0}.wtr{background:var(--bg);flex-direction:column;width:100%;max-width:640px;height:100%;margin:0 auto;display:flex}.offbar{text-align:center;color:#fff;background:#b45309;flex:none;justify-content:center;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:700;display:flex}.offbar--sync{background:#15803d}.offbar__dot{background:currentColor;border-radius:999px;flex:none;width:8px;height:8px}.offbar--sync .offbar__dot{animation:1s ease-in-out infinite offpulse}@keyframes offpulse{0%,to{opacity:.3}50%{opacity:1}}.wtr__top{padding:14px 18px;padding-top:max(14px, env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:12px;display:flex;position:sticky;top:0}.wtr__brand{align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.tvmark{vertical-align:-.15em;flex:none;width:1em;height:1em;display:inline-block}.wtr__brand span{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.wtr__signout{background:var(--panel-2);color:var(--ink-2);border:1px solid var(--line);border-radius:8px;margin-left:auto;padding:8px 14px;font-size:13px;font-weight:600}.wtr__scope{gap:6px;padding:12px 14px 0;display:flex}.wtr__scope button{background:var(--panel);color:var(--ink-2);border:1px solid var(--line);border-radius:10px;flex:1;padding:10px;font-size:13.5px;font-weight:700}.wtr__scope button.on{background:var(--panel-2);color:var(--ink);border-color:var(--ink-3)}.wtr__tabs{border-bottom:1px solid var(--line);gap:6px;padding:10px 14px 2px;display:flex}.wtr__tabs button{color:var(--ink-3);background:0 0;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:15px;font-weight:800;display:inline-flex}.wtr__tabs button.on{color:var(--accent);border-bottom-color:var(--accent)}.wtr__count{background:var(--accent);color:#032420;border-radius:99px;padding:1px 8px;font-size:12px;font-weight:800}.wtr__list{padding:14px;padding-bottom:max(20px, env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.wtr__hint{color:var(--ink-3);background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;font-size:13px;line-height:1.5}.wtr__hint b{color:var(--ink-2)}.wcol__empty{color:var(--ink-3);text-align:center;padding:40px 0;font-size:16px}.card{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:var(--r);padding:13px 15px;animation:.2s pop}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card__head{justify-content:space-between;align-items:center;display:flex}.card__age{color:var(--ink-3);font-size:13px;font-weight:700}.card__foot{align-items:center;gap:8px;margin-top:13px;display:flex}.req{border-left-color:var(--req)}.req--ack{border-left-color:var(--accent);opacity:.82}.req--overdue{border-left-color:var(--danger);box-shadow:inset 0 0 0 1px #d0453f66}.req--overdue .card__age{color:#ff8a80}.req__type{align-items:center;gap:8px;font-size:16px;font-weight:800;display:inline-flex}.req__icon{font-size:18px}.req__table{margin-top:8px;font-size:20px;font-weight:800}.req__badge{color:var(--accent);flex:1;align-self:center;font-size:12px;font-weight:700}.serve{border-left-color:var(--serve)}.serve--overdue{border-left-color:var(--danger);box-shadow:inset 0 0 0 1px #d0453f66}.serve--overdue .card__age{color:#ff8a80}.serve__table{font-size:18px;font-weight:800}.serve__by{color:var(--ink-3);margin:2px 0 10px;font-size:12px}.serve__cooking{color:var(--req);font-weight:700}.serve__items{flex-direction:column;gap:4px;margin-bottom:4px;list-style:none;display:flex}.serve__item{border-radius:8px;align-items:center;gap:9px;margin:0 -9px;padding:7px 9px;font-size:15px;line-height:1.3;display:flex}.serve__item--ready{cursor:pointer;background:#3fae5417}.serve__item--ready:hover{background:#3fae542e}.serve__qty{color:var(--accent);min-width:30px;font-weight:800}.serve__iname{flex:1;font-weight:600}.serve__tag{font-size:12px;font-weight:800}.serve__item--ready .serve__tag{color:var(--serve)}.serve__item--pending{opacity:.6}.serve__item--pending .serve__tag{color:var(--req);font-weight:600}.serve__item--served{opacity:.5}.serve__item--served .serve__iname{color:var(--ink-3);text-decoration:line-through}.serve__item--served .serve__tag{color:var(--ink-3);font-weight:600}.btn2{border-radius:8px;padding:10px 12px;font-size:13.5px;font-weight:800;transition:filter .15s}.btn2:disabled{opacity:.5}.btn2--ghost{background:var(--panel-2);color:var(--ink-2);border:1px solid var(--line)}.btn2--go{background:var(--serve);color:#04140a;flex:1}.btn2--go:hover:not(:disabled){filter:brightness(1.08)}.btn2--wide{width:100%}@media (width<=780px){.wtr__board{grid-template-columns:1fr;overflow-y:auto}.wcol{min-height:240px}}.card__foot .btn2{min-height:46px;font-size:14.5px}.serve__item{min-height:40px}.wo{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.wo__toast{color:var(--serve);text-align:center;background:#3fae5424;border:1px solid #3fae5466;border-radius:10px;margin:12px 14px 0;padding:11px 14px;font-size:14px;font-weight:700}.wo__lead{color:var(--ink-3);padding:14px 16px 6px;font-size:13px}.wo__tables{grid-template-columns:1fr 1fr;gap:10px;padding:6px 14px 18px;display:grid}.wo__table{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;min-height:76px;padding:14px;display:flex}.wo__table:active{border-color:var(--accent)}.wo__tlabel{font-size:17px;font-weight:800}.wo__topen{color:var(--serve);font-size:12.5px;font-weight:700}.wo__tnew{color:var(--ink-3);font-size:12px}.wo--pick{padding-bottom:0}.wo__head{border-bottom:1px solid var(--line);background:var(--bg);z-index:2;align-items:center;gap:12px;padding:12px 14px;display:flex;position:sticky;top:0}.wo__back{background:var(--panel-2);width:40px;height:40px;color:var(--ink);border:1px solid var(--line);border-radius:10px;font-size:20px}.wo__htitle b{font-size:17px;font-weight:800;display:block}.wo__htitle span{color:var(--ink-3);font-size:12px}.wo__search{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);border-radius:10px;outline:none;margin:12px 14px 8px;padding:12px 14px;font-size:15px}.wo__search:focus{border-color:var(--accent)}.wo__cats{-webkit-overflow-scrolling:touch;gap:6px;padding:0 14px 10px;display:flex;overflow-x:auto}.wo__cats button{background:var(--panel-2);border:1px solid var(--line);color:var(--ink-2);border-radius:999px;flex:none;padding:7px 14px;font-size:13px;font-weight:700}.wo__cats button.on{border-color:var(--accent);color:var(--accent)}.wo__dishes{flex-direction:column;gap:8px;padding:4px 14px 14px;display:flex}.wo__dish{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:14px;display:flex}.wo__dish.on{border-color:var(--accent);background:#2fbfa814}.wo__dish:disabled{opacity:.4}.wo__dname{font-size:15px;font-weight:600}.wo__dname em{color:var(--danger);font-style:normal;font-weight:700}.wo__dright{color:var(--ink-2);white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:inline-flex}.wo__dqty{background:var(--accent);color:#042722;border-radius:999px;padding:2px 9px;font-size:12.5px}.wo__cart{background:var(--panel);border-top:1px solid var(--line);padding:12px 14px calc(12px + env(safe-area-inset-bottom));flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #00000059}.wo__cartlines{flex-direction:column;gap:8px;max-height:168px;display:flex;overflow-y:auto}.wo__cline{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.wo__cname{font-size:14px;font-weight:600}.wo__camt{text-align:right;min-width:58px;font-weight:700}.wo__stepper{border:1px solid var(--line);border-radius:8px;align-items:center;gap:2px;display:inline-flex;overflow:hidden}.wo__stepper button{background:var(--panel-2);width:34px;height:34px;color:var(--ink);font-size:18px;font-weight:700}.wo__stepper span{text-align:center;min-width:28px;font-weight:800}