*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0b1120;color:#eef2ff}header{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:16px 22px;background:#111827;border-bottom:1px solid #263247}header b{font-size:22px}header b span{color:#38bdf8}header small{display:block;color:#94a3b8;margin-top:2px}#syncState{font-size:13px;color:#94a3b8}main{max-width:1400px;margin:auto;padding:20px}.panel{max-width:560px;margin:8vh auto;background:#111827;border:1px solid #263247;border-radius:22px;padding:24px}label{display:grid;gap:6px;margin:14px 0;color:#cbd5e1}input,select,button{font:inherit;border-radius:12px;border:1px solid #334155;padding:12px;background:#0f172a;color:#eef2ff}button{cursor:pointer;background:#0284c7;border-color:#0284c7;font-weight:800}.ghost{background:#182235;border-color:#334155}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stats article{background:#111827;border:1px solid #263247;border-radius:18px;padding:16px}.stats span{color:#94a3b8}.stats b{display:block;font-size:28px;margin-top:5px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.toolbar h1{margin-right:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px}.card{background:#111827;border:1px solid #263247;border-radius:20px;padding:18px}.card.ready{border-color:#22c55e}.card.preparing,.card.accepted{border-color:#f59e0b}.head{display:flex;justify-content:space-between;align-items:center}.token{font-size:32px;font-weight:900}.status{padding:5px 9px;border-radius:999px;background:#1e293b;font-weight:700}.meta{color:#94a3b8;font-size:13px;margin:7px 0 12px}.item{padding:10px;background:#172033;border-radius:12px;margin:7px 0;font-size:17px}.item small{display:block;color:#94a3b8}.note{padding:10px;background:#422006;border-radius:12px;margin:10px 0}.actions{display:flex;gap:8px;margin-top:14px}.actions button{flex:1}.actions .readyBtn{background:#16a34a;border-color:#16a34a}.actions .doneBtn{background:#475569;border-color:#475569}@media(max-width:700px){main{padding:12px}.stats{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.toolbar h1{width:100%;margin:0}.toolbar select{flex:1}.grid{grid-template-columns:1fr}}
.orderBadge{display:inline-flex;margin:8px 0;padding:7px 10px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.03em;border:1px solid #8fb4ff;background:#e7f0ff;color:#173b8f}.orderBadge.dine{background:#def7e7;color:#14532d;border-color:#82d19d}.orderBadge.takeaway{background:#fff0d8;color:#7a4500;border-color:#f0be73}