:root{--bg-base:#f3f4f6;--bg-surface:#fff;--bg-elevated:#f9fafb;--bg-header:#fff;--brand:#2563eb;--brand-light:#dbeafe;--green:#10b981;--green-bg:#d1fae5;--green-border:#6ee7b7;--amber:#f59e0b;--amber-bg:#fef3c7;--amber-border:#fcd34d;--red:#ef4444;--red-bg:#fee2e2;--red-border:#fca5a5;--blue:#3b82f6;--blue-bg:#dbeafe;--blue-border:#93c5fd;--purple:#8b5cf6;--purple-bg:#ede9fe;--purple-border:#c4b5fd;--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--text-faint:#9ca3af;--border:#e5e7eb;--border-strong:#d1d5db;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a}*{box-sizing:border-box}html,body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font-family:inherit}.wo-card{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px}@keyframes wo-slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wo-slide{animation:.25s wo-slide}.panel{background:var(--bg-surface);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.panel-body{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.floor-map-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));align-content:start;gap:12px;padding:12px;display:grid}.table-card{border:2px solid var(--border);background:var(--bg-surface);cursor:pointer;text-align:left;min-height:100px;font:inherit;border-radius:12px;flex-direction:column;gap:6px;width:100%;padding:12px;transition:all .2s;display:flex}.table-card:active{transform:scale(.98)}.table-Available{border-color:var(--green);background:var(--bg-surface);border-top-width:6px}.table-Ordering{border-color:var(--amber);background:var(--amber-bg);border-top-width:6px}.table-Preparing{border-color:var(--brand);background:var(--blue-bg);border-top-width:6px}.table-Ready{border-color:var(--green);background:var(--green-bg);border-top-width:6px;animation:2s infinite pulseGreen}.table-Eating{border-color:var(--blue);background:#eff6ff;border-top-width:6px}@keyframes pulseGreen{0%,to{box-shadow:0 0 #10b98173}50%{box-shadow:0 0 0 6px #10b98100}}.table-Bill{border-color:var(--red);background:var(--red-bg);border-top-width:6px;animation:2s infinite pulseRed}.table-Cleaning{border-color:var(--purple);background:var(--purple-bg);border-top-width:6px}@keyframes pulseRed{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.table-header{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.table-id{color:var(--text-primary);font-size:17px;font-weight:900}.table-timer{color:var(--text-muted);font-family:monospace;font-size:11px;font-weight:600}.table-status-label{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.table-mine{box-shadow:inset 0 0 0 2px var(--brand)}.btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-size:13px;font-weight:700;transition:opacity .15s;display:flex}.btn:hover{opacity:.85}.btn:active{transform:scale(.98)}.btn-primary{background:var(--brand);color:#fff}.btn-success{background:var(--green);color:#fff}.btn-outline{border:1px solid var(--border-strong);color:var(--text-secondary);background:0 0}@keyframes wo-alert-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes wo-alert-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.wo-alert-backdrop{z-index:9999;background:var(--bg-surface);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;animation:.2s wo-alert-in;display:flex;position:fixed;inset:0}.wo-alert-icon{font-size:68px;line-height:1;animation:1s ease-in-out infinite wo-alert-pulse}.wo-alert-ack{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;max-width:340px;padding:18px 0;font-size:17px;font-weight:800}.wo-alert-ack:active{transform:scale(.98)}