:root{color-scheme:dark;--bg: #0d1117;--panel: #151b23;--panel-2: #1c242e;--panel-3: #232e3b;--border: #2b3645;--border-strong: #3a4759;--text: #e8ecf2;--muted: #93a0b1;--faint: #5d6a7c;--accent: #4f8cff;--accent-soft: rgba(79, 140, 255, .16);--green: #2ecc8f;--green-soft: rgba(46, 204, 143, .14);--amber: #f5a83c;--amber-soft: rgba(245, 168, 60, .15);--red: #f0564f;--red-soft: rgba(240, 86, 79, .15);--purple: #9d7bff;--radius: 10px;--radius-lg: 14px;--shadow: 0 8px 28px rgba(0, 0, 0, .45);font-size:15px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600}h1{font-size:1.35rem}h2{font-size:1.1rem}h3{font-size:.95rem}button{font-family:inherit}.app-shell{display:flex;height:100vh;overflow:hidden}.nav-rail{width:76px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px}.nav-logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--purple));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;color:#fff;margin-bottom:14px;-webkit-user-select:none;user-select:none}.nav-item{width:60px;padding:9px 0 7px;border:none;background:transparent;color:var(--muted);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;font-size:.62rem;letter-spacing:.02em}.nav-item svg{width:21px;height:21px}.nav-item:hover{background:var(--panel-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-spacer{flex:1}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);background:var(--panel)}.topbar .who{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.85rem}.page{flex:1;overflow:auto;padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;min-height:40px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);font-size:.88rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{background:var(--panel-3)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#3f7df2}.btn-success{background:var(--green);border-color:var(--green);color:#06281c}.btn-success:hover{background:#28b87f}.btn-danger{background:var(--red-soft);border-color:var(--red);color:var(--red)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--text);background:var(--panel-2)}.btn-sm{min-height:32px;padding:5px 11px;font-size:.8rem}.btn-lg{min-height:52px;padding:13px 22px;font-size:1rem}.input,.select,textarea.input{width:100%;padding:9px 12px;min-height:40px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);font-size:.9rem;font-family:inherit}.input:focus,.select:focus,textarea.input:focus{outline:2px solid var(--accent);outline-offset:-1px}label.field{display:flex;flex-direction:column;gap:5px;font-size:.78rem;color:var(--muted);font-weight:600;letter-spacing:.03em}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.03em}.badge-free{background:var(--green-soft);color:var(--green)}.badge-seated{background:var(--accent-soft);color:var(--accent)}.badge-reserved{background:var(--amber-soft);color:var(--amber)}.badge-dirty{background:#93a0b126;color:var(--muted)}.badge-out_of_service,.badge-danger{background:var(--red-soft);color:var(--red)}.badge-neutral{background:var(--panel-3);color:var(--muted)}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th{text-align:left;padding:10px 12px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.data-table td{padding:11px 12px;border-bottom:1px solid var(--border)}.data-table tr:hover td{background:#4f8cff0a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080ca8;display:flex;align-items:center;justify-content:center;z-index:60;padding:20px}.modal{background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:100%;max-width:560px;max-height:88vh;overflow:auto;padding:20px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080c8c;z-index:50}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,96vw);background:var(--panel);border-left:1px solid var(--border-strong);box-shadow:var(--shadow);z-index:55;overflow:auto;padding:20px}.toast-stack{position:fixed;bottom:18px;right:18px;display:flex;flex-direction:column;gap:8px;z-index:100}.toast{padding:11px 16px;border-radius:var(--radius);background:var(--panel-3);border:1px solid var(--border-strong);font-size:.85rem;box-shadow:var(--shadow);max-width:360px}.toast.success{border-color:var(--green);color:var(--green)}.toast.error{border-color:var(--red);color:var(--red)}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.stat-card .label{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700}.stat-card .value{font-size:1.5rem;font-weight:700}.login-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1100px 500px at 80% -10%,rgba(79,140,255,.13),transparent),radial-gradient(900px 500px at -10% 110%,rgba(157,123,255,.1),transparent),var(--bg)}.staff-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel-2);cursor:pointer;min-width:104px}.staff-tile:hover,.staff-tile.selected{border-color:var(--accent);background:var(--accent-soft)}.avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.05rem}.pin-pad{display:grid;grid-template-columns:repeat(3,76px);gap:10px;justify-content:center}.pin-key{height:60px;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);font-size:1.25rem;font-weight:600;cursor:pointer}.pin-key:hover{background:var(--panel-3)}.pin-dots{display:flex;gap:12px;justify-content:center;margin:14px 0}.pin-dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--faint)}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.floor-wrap{background:linear-gradient(rgba(43,54,69,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(43,54,69,.28) 1px,transparent 1px),var(--panel);background-size:25px 25px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;touch-action:none}.zone-tabs{display:flex;gap:6px;flex-wrap:wrap}.zone-tab{padding:8px 16px;border-radius:999px;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer}.zone-tab.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.menu-tile{min-height:84px;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);padding:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:6px;text-align:left;font-size:.85rem;font-weight:600}.menu-tile:hover{border-color:var(--accent);background:var(--accent-soft)}.menu-tile .price{color:var(--accent);font-size:.82rem}.kds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;align-items:start}.kds-ticket{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--panel);overflow:hidden}.kds-ticket .head{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.kds-ticket.ok .head{background:var(--green-soft);color:var(--green)}.kds-ticket.warn .head{background:var(--amber-soft);color:var(--amber)}.kds-ticket.late .head{background:var(--red-soft);color:var(--red)}.kds-line{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--border)}.kds-line.ready{opacity:.55;text-decoration:line-through}.seat-chip{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius:8px;border:1px solid var(--border-strong);background:var(--panel-2);color:var(--muted);font-size:.8rem;font-weight:700;cursor:pointer}.seat-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.quad-STAR{color:var(--green)}.quad-PLOWHORSE{color:var(--accent)}.quad-PUZZLE{color:var(--amber)}.quad-DOG{color:var(--red)}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:.8rem}.mono{font-variant-numeric:tabular-nums}.scroll-x{overflow-x:auto}.pos-mobile-switch{display:none}.guest-shell{max-width:560px;margin:0 auto;padding:16px 14px 90px}.guest-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.guest-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 14px;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--panel);color:var(--text);cursor:pointer;font-size:.95rem}.guest-item:hover{border-color:var(--accent)}.guest-item .price{color:var(--accent);font-weight:700;white-space:nowrap}.guest-cart-bar{position:fixed;left:50%;transform:translate(-50%);bottom:14px;width:min(530px,calc(100vw - 28px));display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-radius:var(--radius-lg);border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:var(--shadow);z-index:40}@media(max-width:760px){.nav-rail{width:60px}.nav-item{width:50px;font-size:0;gap:0}.page{padding:12px}.pos-screen{flex-direction:column;height:auto}.pos-screen .pos-order-pane{width:100%!important;max-height:none!important}.pos-screen[data-pane=menu] .pos-order-pane,.pos-screen[data-pane=order] .pos-menu-pane{display:none}.pos-mobile-switch{display:flex;gap:8px;position:sticky;bottom:0;padding:10px 0;background:var(--bg);z-index:30}}