:root{--bg:#1c1814;--bg-raised:#252019;--paper:#fdfbf3;--paper-shadow:rgba(0,0,0,.35);--ink:#2a231a;--heading:#fdfbf3;--muted:#c9beac;--muted2:#8a8072;--line:#3a332a;--amber:#e0932e;--amber-soft:#3a2c17;--green:#5fa876;--green-soft:#1e2f21;--red:#d9634f;--red-soft:#3a201c}.light-theme{--bg:#eef6f0;--bg-raised:#ffffff;--paper:#ffffff;--paper-shadow:rgba(30,60,40,.1);--ink:#16241c;--heading:#0f1f16;--muted:#3d5246;--muted2:#6d8578;--line:#d7e8dd;--amber:#1f9d5c;--amber-soft:#e0f5e8;--green:#1f9d5c;--green-soft:#e0f5e8;--red:#d9483a;--red-soft:#fbe4e0}.light-theme .ticket{box-shadow:0 6px 18px var(--paper-shadow);border:1px solid #eee}.light-theme .switch:after{background:#fff}.light-theme .table-card,.light-theme .stat,.light-theme .icard,.light-theme .panel-block,.light-theme .item-card,.light-theme .form-modal,.light-theme .bill-modal{box-shadow:0 2px 10px #1e3c280f}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:var(--bg);color:var(--muted);font-family:Inter,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--bg-raised);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 0}.brand{padding:0 22px 26px;border-bottom:1px solid var(--line);margin-bottom:18px}.brand-mark{font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.02em;font-size:19px;color:var(--heading);text-transform:uppercase}.brand-sub{font-size:11px;color:var(--amber);letter-spacing:.14em;margin-top:3px;font-weight:600}.nav{display:flex;flex-direction:column;gap:2px;padding:0 12px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted2);cursor:pointer;transition:all .15s ease}.nav-item svg{width:16px;height:16px;flex-shrink:0}.nav-item:hover{background:#ffffff08;color:var(--muted)}.nav-item.active{background:var(--amber-soft);color:var(--amber);font-weight:600}.nav-count{margin-left:auto;background:#ffffff0f;font-size:10.5px;padding:2px 7px;border-radius:20px;font-weight:700}.nav-item.active .nav-count{background:var(--amber);color:#1c1814}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.topbar h1{font-family:Oswald,sans-serif;font-size:22px;font-weight:600;color:var(--heading);margin:0;text-transform:uppercase;letter-spacing:.01em}.topbar .clock{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--muted2)}.sound-controls{display:flex;align-items:center;gap:7px;margin-left:auto}.sound-toggle{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg-raised);color:var(--muted2);font-family:Inter,sans-serif;font-size:11px;font-weight:650;white-space:nowrap;cursor:pointer;transition:.18s ease}.sound-toggle:hover{border-color:var(--muted2);color:var(--heading)}.sound-toggle.active{color:var(--green);border-color:color-mix(in srgb,var(--green) 55%,var(--line));background:color-mix(in srgb,var(--green) 9%,var(--bg-raised))}.sound-toggle.request.active{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 55%,var(--line));background:color-mix(in srgb,var(--amber) 9%,var(--bg-raised))}.stat-row{display:flex;gap:10px}.stat{background:var(--bg-raised);border:1px solid var(--line);border-radius:10px;padding:9px 16px;text-align:center;min-width:74px}.stat .n{font-family:IBM Plex Mono,monospace;font-size:19px;font-weight:600;color:var(--heading)}.stat .l{font-size:9.5px;color:var(--muted2);text-transform:uppercase;letter-spacing:.08em;margin-top:1px}.service-alerts{display:flex;gap:10px;overflow-x:auto;padding:10px 32px;background:var(--bg-raised);border-bottom:1px solid var(--line)}.service-alert{flex:0 0 auto;min-width:225px;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg);box-shadow:0 3px 12px #0000001f}.service-alert.assistance{border-color:color-mix(in srgb,var(--amber) 55%,var(--line))}.service-alert.bill{border-color:color-mix(in srgb,var(--red) 55%,var(--line))}.service-light{width:12px;height:12px;flex:0 0 auto;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft),0 0 13px var(--amber);animation:service-pulse 1.4s ease-in-out infinite}.service-alert.bill .service-light{background:var(--red);box-shadow:0 0 0 4px var(--red-soft),0 0 13px var(--red)}.service-alert-copy{display:flex;flex-direction:column;gap:2px;min-width:105px}.service-alert-copy strong{color:var(--heading);font-size:12.5px}.service-alert-copy span{color:var(--muted2);font-size:10.5px}.service-alert button{margin-left:auto;border:0;border-radius:7px;padding:7px 9px;background:var(--green);color:#fff;font:700 10.5px Inter,sans-serif;cursor:pointer}@keyframes service-pulse{50%{opacity:.5;transform:scale(.82)}}@media (prefers-reduced-motion:reduce){.service-light{animation:none}}.rail{flex:1;display:flex;gap:0;overflow-x:auto;padding:26px 32px}.col{flex:1;min-width:280px;display:flex;flex-direction:column;padding:0 14px}.col:first-child{padding-left:0}.col-head{display:flex;align-items:center;gap:9px;margin-bottom:16px}.col-dot{width:8px;height:8px;border-radius:50%}.col-dot.pending{background:var(--muted2)}.col-dot.preparing{background:var(--amber)}.col-dot.ready{background:var(--green)}.col-dot.payment{background:var(--red)}.col-title{font-family:Oswald,sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.col-n{color:var(--muted2);font-family:IBM Plex Mono,monospace;font-size:12px}.ticket{background:var(--paper);color:var(--ink);border-radius:3px;padding:16px 16px 14px;margin-bottom:16px;box-shadow:0 10px 24px var(--paper-shadow);position:relative;font-family:IBM Plex Mono,monospace}.ticket:before{content:"";position:absolute;top:-6px;left:0;right:0;height:12px;background:radial-gradient(circle at 8px 6px,transparent 5px,var(--paper) 5.5px) 0 0/16px 12px repeat-x}.ticket-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.ticket-id{font-size:11px;font-weight:600;letter-spacing:.04em}.ticket-table{font-family:Inter,sans-serif;font-size:10.5px;font-weight:700;background:var(--ink);color:var(--paper);padding:2px 8px;border-radius:20px}.ticket-items{font-size:12.5px;line-height:1.85;border-top:1px dashed #c9c2ac;border-bottom:1px dashed #c9c2ac;padding:9px 0;margin-bottom:9px}.ticket-items .row{display:flex;justify-content:space-between;gap:8px}.ticket-items .mod{color:#7a7261;font-size:11px;padding-left:14px}.ticket-note{display:flex;flex-direction:column;gap:4px;margin:0 0 10px;padding:9px 10px;border:1px solid #d4a23a;border-left:4px solid #d4a23a;border-radius:5px;background:#fff5d9;overflow-wrap:anywhere;word-break:break-word}.ticket-note-label{font-family:Inter,sans-serif;color:#7b5410;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ticket-note-text{color:#3f2d0d;font-size:11.5px;font-weight:700;line-height:1.4;white-space:pre-wrap}.ticket-total{display:flex;justify-content:space-between;font-size:13px;font-weight:600;margin-bottom:10px}.ticket-payment{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;padding:8px 0;border-top:1px dashed #c9c2ac;border-bottom:1px dashed #c9c2ac}.payment-badge{font-family:Inter,sans-serif;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:20px}.payment-badge.paid{background:#dceee0;color:#28653a}.payment-badge.unpaid{background:#f8dfd9;color:#9b3325}.payment-btn{font-family:Inter,sans-serif;font-size:10.5px;font-weight:700;border-radius:6px;padding:6px 9px;cursor:pointer;border:1px solid transparent}.payment-btn.mark-paid{background:var(--ink);color:var(--paper)}.payment-btn.mark-unpaid{background:transparent;color:#6f6558;border-color:#c9c2ac}.payment-btn:disabled{opacity:.55;cursor:wait}.ticket-foot{display:flex;justify-content:space-between;align-items:center}.timer{font-size:12px;font-weight:600;display:flex;align-items:center;gap:5px}.timer.ok{color:var(--green)}.timer.warn{color:var(--amber)}.timer.late{color:var(--red)}.timer:before{content:"●";font-size:8px}.ticket-btn{font-family:Inter,sans-serif;border:none;border-radius:6px;padding:7px 12px;font-size:11.5px;font-weight:700;cursor:pointer;letter-spacing:.02em}.ticket-btn.advance{background:var(--ink);color:var(--paper)}.ticket-btn.done{background:var(--green);color:#0d1a10}.ticket-actions{display:flex;align-items:center;gap:6px}.recall-btn{width:26px;height:26px;border-radius:6px;border:1px solid #d8d0ba;background:transparent;color:#8a8072;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recall-btn:hover{background:#f2eddc;color:var(--ink)}.recall-btn svg{width:13px;height:13px}.allergen-flag{display:inline-flex;align-items:center;gap:4px;background:var(--red-soft);color:#f0a99c;border:1px solid #5c2e26;font-family:Inter,sans-serif;font-size:10px;font-weight:700;padding:3px 8px;border-radius:5px;margin-bottom:9px}.ticket.late-order{box-shadow:0 10px 24px var(--paper-shadow),0 0 0 2px var(--red)}.view{display:none}.view.active{display:block}.insights-wrap{padding:26px 32px;display:flex;flex-direction:column;gap:22px}.insight-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.icard{background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;padding:18px 20px}.icard .n{font-family:IBM Plex Mono,monospace;font-size:26px;font-weight:600;color:var(--heading)}.icard .l{font-size:11.5px;color:var(--muted2);margin-top:4px}.icard .delta{font-size:11px;margin-top:6px;font-weight:600}.icard .delta.up{color:var(--green)}.icard .delta.down{color:var(--red)}.panel-block{background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;padding:20px 22px}.panel-block h3{font-family:Oswald,sans-serif;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.hourbars{display:flex;align-items:flex-end;gap:6px;height:110px}.hourbars .bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.hourbars .bar{width:100%;background:var(--amber);border-radius:3px 3px 0 0;opacity:.85}.hourbars .bar.peak{background:var(--red)}.hourbars .lbl{font-size:9.5px;color:var(--muted2);font-family:IBM Plex Mono,monospace}.top-items{display:flex;flex-direction:column;gap:10px}.top-item-row{display:flex;align-items:center;gap:12px;font-size:13px}.top-item-row .rank{width:20px;height:20px;border-radius:5px;background:var(--amber-soft);color:var(--amber);font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.top-item-row .name{flex:1}.top-item-row .count{font-family:IBM Plex Mono,monospace;color:var(--muted2);font-size:12px}.insights-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.tables-wrap{padding:26px 32px}.tables-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.table-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;padding:18px 16px;cursor:pointer;transition:border-color .15s ease;display:flex;flex-direction:column;gap:10px;position:relative}.table-card:hover{border-color:var(--amber)}.table-card .t-no{font-family:Oswald,sans-serif;font-size:20px;font-weight:600;color:var(--heading)}.table-card .t-status{align-self:flex-start;font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.t-status.free{background:var(--green-soft);color:var(--green)}.t-status.occupied{background:var(--amber-soft);color:var(--amber)}.table-card .t-total{font-family:IBM Plex Mono,monospace;font-size:15px;color:var(--muted)}.table-card .t-orders{font-size:11px;color:var(--muted2)}.table-card .table-remove{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:5px;background:#ffffff0d;border:none;color:var(--muted2);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center}.table-card .table-remove:hover{background:var(--red-soft);color:var(--red)}.add-table-card{border:1px dashed var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--muted2);font-size:13px;font-weight:600;cursor:pointer;min-height:112px}.add-table-card:hover{border-color:var(--amber);color:var(--amber)}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a080699;align-items:center;justify-content:center;z-index:50}.modal-overlay.active{display:flex}.bill-modal{background:var(--paper);color:var(--ink);border-radius:8px;width:380px;max-width:90vw;max-height:82vh;overflow-y:auto;font-family:IBM Plex Mono,monospace}.bill-head{padding:22px 22px 14px;border-bottom:1px dashed #c9c2ac;display:flex;justify-content:space-between;align-items:center}.bill-head h2{font-family:Oswald,sans-serif;font-size:19px;margin:0;letter-spacing:.02em}.bill-close{background:none;border:none;font-size:18px;cursor:pointer;color:#8a8072}.bill-order-block{padding:14px 22px;border-bottom:1px dashed #c9c2ac}.bill-order-label{font-size:10.5px;color:#8a8072;margin-bottom:7px;font-weight:600}.bill-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0}.bill-row .mod{color:#7a7261;font-size:11px}.bill-total-block{padding:18px 22px;display:flex;flex-direction:column;gap:8px}.bill-total-row{display:flex;justify-content:space-between;font-size:15px;font-weight:700}.bill-actions{display:flex;gap:10px;padding:0 22px 22px}.bill-btn{flex:1;font-family:Inter,sans-serif;border:none;border-radius:6px;padding:12px;font-size:13px;font-weight:700;cursor:pointer}.bill-btn.close-table{background:var(--ink);color:var(--paper)}.bill-btn.split{background:transparent;border:1px solid #c9c2ac;color:var(--ink)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}.menu-wrap{padding:26px 32px;display:flex;flex-direction:column;gap:26px}.menu-topbar{display:flex;justify-content:space-between;align-items:center}.add-item-btn{background:var(--amber);color:#1c1814;border:none;border-radius:8px;padding:10px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;cursor:pointer}.cat-section{display:flex;flex-direction:column;gap:12px}.cat-head{display:flex;align-items:center;gap:10px}.cat-head h3{font-family:Oswald,sans-serif;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}.cat-head .cat-n{color:var(--muted2);font-family:IBM Plex Mono,monospace;font-size:12px}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.item-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.item-card.unavailable{opacity:.5}.item-thumb{width:100%;height:100px;border-radius:8px;background:#332c22;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--muted2);font-size:11px}.item-thumb img{width:100%;height:100%;object-fit:cover}.item-name-row{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.item-name{font-size:13.5px;font-weight:600;color:var(--heading)}.item-price{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--amber);flex-shrink:0}.item-desc{font-size:11.5px;color:var(--muted2);line-height:1.4}.item-actions{display:flex;gap:6px;margin-top:2px}.item-actions button{flex:1;font-family:Inter,sans-serif;font-size:11px;font-weight:600;cursor:pointer;border-radius:6px;padding:7px 0;border:1px solid var(--line);background:transparent;color:var(--muted)}.item-actions button:hover{border-color:var(--amber);color:var(--amber)}.item-actions button.danger:hover{border-color:var(--red);color:var(--red)}.avail-toggle{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted2)}.switch{width:30px;height:17px;border-radius:20px;background:var(--line);position:relative;cursor:pointer;flex-shrink:0}.switch.on{background:var(--green)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:left .15s ease}.switch.on:after{left:15px}.form-modal{background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;width:420px;max-width:90vw;max-height:85vh;overflow-y:auto;color:var(--muted);font-family:Inter,sans-serif}.form-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.form-head h2{font-family:Oswald,sans-serif;font-size:16px;color:var(--heading);margin:0}.form-body{padding:18px 20px;display:flex;flex-direction:column;gap:13px}.field-label{font-size:11.5px;color:var(--muted2);margin-bottom:5px;display:block}.field-input,.field-select,.field-textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:9px 11px;color:var(--heading);font-family:Inter,sans-serif;font-size:13px}.field-textarea{resize:vertical;min-height:52px}.field-row{display:flex;gap:10px}.field-row>div{flex:1}.form-actions{padding:16px 20px;border-top:1px solid var(--line);display:flex;gap:10px}.form-btn{flex:1;border:none;border-radius:7px;padding:11px;font-size:13px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif}.form-btn.save{background:var(--amber);color:#1c1814}.form-btn.cancel{background:transparent;border:1px solid var(--line);color:var(--muted)}.mod-group{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:12px 14px;margin-bottom:10px}.mod-group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mod-group-head .name{font-size:13px;font-weight:600;color:var(--heading)}.mod-group-head .type{font-size:10px;color:var(--muted2);font-family:IBM Plex Mono,monospace}.mod-option-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;padding:5px 0;border-top:1px dashed var(--line)}.mod-option-row:first-of-type{border-top:none}.mod-option-row .delta{font-family:IBM Plex Mono,monospace;color:var(--amber)}.add-group-btn,.add-option-btn{background:transparent;border:1px dashed var(--line);color:var(--muted2);border-radius:6px;padding:7px 10px;font-size:11.5px;cursor:pointer;width:100%;margin-top:4px}.resv-wrap{padding:26px 32px;display:flex;flex-direction:column;gap:18px}.resv-topbar{display:flex;justify-content:space-between;align-items:center}.session-toggle{display:flex;gap:6px}.date-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.date-tab{flex-shrink:0;padding:8px 14px;border-radius:20px;border:1px solid var(--line);background:transparent;color:var(--muted2);font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.date-tab.on{background:var(--amber);border-color:var(--amber);color:#1c1814}.session-btn{padding:8px 16px;border-radius:20px;border:1px solid var(--line);background:transparent;color:var(--muted2);font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;cursor:pointer}.session-btn.on{background:var(--amber);border-color:var(--amber);color:#1c1814}.add-resv-btn{background:var(--amber);color:#1c1814;border:none;border-radius:8px;padding:9px 16px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;cursor:pointer}.timeline-block{background:var(--bg-raised);border:1px solid var(--line);border-radius:12px;padding:20px 22px;position:relative}.tl-hours{display:flex;margin-left:78px;margin-bottom:8px}.tl-hours span{flex:1;font-size:10px;color:var(--muted2);font-family:IBM Plex Mono,monospace}.tl-row{display:flex;align-items:center;gap:0;margin-bottom:9px;height:38px;position:relative}.tl-label{width:78px;flex-shrink:0;font-size:12px;font-weight:600;color:var(--muted)}.tl-track{flex:1;position:relative;height:32px;background:var(--bg);border-radius:7px;overflow:hidden}.tl-bar{position:absolute;top:2px;bottom:2px;border-radius:5px;display:flex;align-items:center;padding-left:8px;font-size:11px;font-weight:600;overflow:hidden;white-space:nowrap;background:var(--amber-soft);color:var(--amber);border:1px solid #6b5323;cursor:pointer}.tl-now{position:absolute;top:0;bottom:0;width:2px;background:var(--red);z-index:5}.tl-now:after{content:"NOW";position:absolute;top:-16px;left:-14px;font-size:8px;font-weight:700;color:var(--red);background:var(--bg-raised);padding:1px 4px;border-radius:3px}