:root{--bg:#0b0b0c;--card:#17181b;--text:#f2f2f4;--muted:#8a8a93;--recv:#b9770e;--conf:#1f6feb;--prep:#8957e5;--ready:#1d7a3a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;color:var(--text)}.kds-header,body{background:var(--bg)}.kds-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #222;position:-webkit-sticky;position:sticky;top:0;z-index:5}.kds-title{font-size:1.3rem;font-weight:800}.kds-tabs{display:flex;gap:.5rem}.kds-tab{background:#1d1e22;border:1px solid #2a2b30;color:var(--text);padding:.45rem .9rem;border-radius:999px;cursor:pointer;font-weight:600}.kds-tab.active{background:var(--text);color:#000}.sound-btn{background:#1d1e22;border:1px solid #2a2b30;color:var(--text);padding:.45rem .9rem;border-radius:8px;cursor:pointer}.kds-grid{display:grid;grid-gap:1rem;gap:1rem;padding:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.ticket{background:var(--card);border-radius:12px;overflow:hidden;border-top:4px solid var(--recv)}.ticket.status-confirmed{border-top-color:var(--conf)}.ticket.status-preparing{border-top-color:var(--prep)}.ticket.status-ready{border-top-color:var(--ready)}.ticket-head{display:flex;justify-content:space-between;align-items:baseline;padding:.9rem 1rem .5rem}.ticket-id{font-weight:800;letter-spacing:.04em}.ticket-eta{color:var(--muted);font-size:.85rem}.badge{font-size:.7rem;padding:.12rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.badge.recv{background:var(--recv)}.badge.conf{background:var(--conf)}.badge.prep{background:var(--prep)}.badge.ready{background:var(--ready)}.ticket-items{list-style:none;padding:.4rem 1rem .8rem}.ticket-items li{display:flex;gap:.5rem;padding:.25rem 0}.ti-qty{font-weight:800;color:var(--text);min-width:1.6rem}.ti-bar{color:#ffd479}.ti-mods,.ticket-meta{color:var(--muted);font-size:.82rem}.ticket-meta{padding:0 1rem .6rem}.ticket-actions{display:flex;gap:.5rem;padding:.8rem 1rem 1rem}.act{flex:1 1;border:0;border-radius:8px;padding:.65rem;font-weight:700;cursor:pointer;color:#fff}.act.primary{background:var(--ready)}.act.neutral{background:#2a2b30;color:var(--text)}.empty{text-align:center;color:var(--muted);padding:5rem 1rem}