:root{--bg: #f1f5f9;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--line: #e2e8f0;--brand: #2563eb;--new: #ef4444;--new-soft: #fee2e2;--cooking: #f59e0b;--cooking-soft: #fef3c7;--ready: #22c55e;--ready-soft: #dcfce7;--served: #3b82f6;--served-soft: #dbeafe}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Roboto,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.k-app{display:flex;flex-direction:column;height:100%}.k-top{display:flex;align-items:center;gap:18px;padding:10px 18px;background:var(--surface);border-bottom:1px solid var(--line)}.k-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px}.k-brand-mark{width:30px;height:30px;border-radius:9px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:800}.k-sep{width:1px;height:28px;background:var(--line)}.k-tag{display:flex;align-items:center;gap:8px;color:var(--brand);font-weight:700;font-size:17px;padding-bottom:4px;border-bottom:3px solid var(--brand)}.k-clock{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:17px;font-variant-numeric:tabular-nums}.k-title{flex:1;text-align:center;font-size:21px;font-weight:700}.k-top-actions{display:flex;align-items:center;gap:10px}.k-icon-btn{width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center}.k-icon-btn.on{color:var(--brand);border-color:#bfdbfe;background:#eff6ff}.k-icon-btn.off{color:#cbd5e1}.k-icon-btn.danger{color:var(--new)}.k-filters{display:flex;align-items:center;gap:12px;padding:14px 18px;flex-wrap:wrap}.k-chip{display:flex;align-items:center;gap:10px;padding:11px 18px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:16px;font-weight:600;color:var(--text);cursor:pointer}.k-chip-count{min-width:30px;padding:2px 8px;border-radius:8px;background:var(--bg);font-size:15px;font-weight:700;text-align:center}.k-chip[data-tone=all].on{background:var(--brand);border-color:var(--brand);color:#fff}.k-chip[data-tone=new]{border-color:#fecaca;color:var(--new)}.k-chip[data-tone=cooking]{border-color:#fde68a;color:#b45309}.k-chip[data-tone=ready]{border-color:#bbf7d0;color:#15803d}.k-chip[data-tone=served]{border-color:#bfdbfe;color:#1d4ed8}.k-chip[data-tone=new].on{background:var(--new);border-color:var(--new);color:#fff}.k-chip[data-tone=cooking].on{background:var(--cooking);border-color:var(--cooking);color:#fff}.k-chip[data-tone=ready].on{background:var(--ready);border-color:var(--ready);color:#fff}.k-chip[data-tone=served].on{background:var(--served);border-color:var(--served);color:#fff}.k-chip.on .k-chip-count{background:#ffffff40;color:#fff}.k-spacer{flex:1}.k-select{padding:11px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);font-size:16px;font-weight:600;color:var(--text);cursor:pointer}.k-board{flex:1;overflow-y:auto;padding:0 18px 14px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-content:start}.k-card{border-radius:14px;overflow:hidden;cursor:pointer;border:2px solid transparent;background:var(--surface);display:flex;flex-direction:column;transition:transform .08s ease}.k-card:active{transform:scale(.98)}.k-card[data-s=sent]{background:var(--new);border-color:var(--new)}.k-card[data-s=cooking]{background:var(--cooking);border-color:var(--cooking)}.k-card[data-s=ready]{background:var(--ready);border-color:var(--ready)}.k-card[data-s=served]{background:var(--served);border-color:var(--served)}.k-card-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;color:#fff;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.k-card-img{height:108px;margin:0 8px;border-radius:8px;background:#f8fafc no-repeat center / cover;display:grid;place-items:center;font-size:30px;color:#cbd5e1}.k-card-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 12px 8px;color:#fff;font-size:16px;font-weight:700}.k-card-qty{font-size:15px;font-weight:700;white-space:nowrap;opacity:.95}.k-card-note{margin:0 12px 8px;padding:5px 9px;border-radius:7px;background:#ffffff38;color:#fff;font-size:13px;font-weight:600}.k-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff3;color:#fff;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.k-card-back{border:none;background:#ffffff40;color:#fff;width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:15px;line-height:1}.k-empty{padding:70px 20px;text-align:center;color:var(--muted);font-size:19px}.k-bottom{display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 18px;background:var(--surface);border-top:1px solid var(--line);color:var(--muted);font-size:15px;font-variant-numeric:tabular-nums}.k-refresh{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:15px;font-weight:600;cursor:pointer}.k-offline{padding:9px 18px;background:#fef2f2;color:#b91c1c;font-size:15px;font-weight:700;text-align:center}.k-login{height:100%;display:grid;place-items:center;padding:20px}.k-login-card{width:100%;max-width:400px;padding:30px;background:var(--surface);border-radius:18px;border:1px solid var(--line)}.k-login h1{margin:14px 0 4px;font-size:25px}.k-login p{margin:0 0 22px;color:var(--muted);font-size:15px}.k-field{display:block;margin-bottom:14px}.k-field span{display:block;margin-bottom:6px;font-size:14px;font-weight:600;color:var(--muted)}.k-field input{width:100%;padding:14px;font-size:17px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text)}.k-field input:focus{outline:2px solid #bfdbfe;border-color:var(--brand)}.k-submit{width:100%;padding:15px;margin-top:6px;border:none;border-radius:12px;cursor:pointer;background:var(--brand);color:#fff;font-size:17px;font-weight:700}.k-submit:disabled{opacity:.6;cursor:default}.k-error{margin-bottom:14px;padding:11px 13px;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:15px;font-weight:600}