*{box-sizing:border-box}body{color:#2b2320;background:#fdf6ec;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.page{max-width:720px;margin:0 auto;padding:16px 16px 100px}h1{color:#c0442c}.table-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}.table-btn{text-align:center;color:#2b2320;background:#fff;border:1px solid #e5d5c0;border-radius:10px;padding:20px 0;font-weight:600;text-decoration:none;display:block}.staff-link{color:#c0442c;font-weight:600}.staff-nav{border-bottom:2px solid #e5d5c0;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 0;display:flex}.staff-nav-groups{flex-wrap:wrap;flex:1;gap:10px;display:flex}.staff-nav-group{background:#fff;border:1px solid #e5d5c0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px;padding:5px;display:flex}.staff-nav-group.group-ops{background:#fff3e9;border-color:#f0c79a}.staff-nav-group.group-manage{background:#eaf5fb;border-color:#b7dcee}.staff-nav-group.group-admin{background:#f3eefc;border-color:#d9c6f0}.staff-user-info{color:#7a5230;align-items:center;gap:8px;margin-left:auto;font-size:13px;display:flex}.logout-btn{cursor:pointer;background:#f1e2cd;border:none;border-radius:6px;padding:4px 10px;font-size:12px}.staff-nav-btn{color:#2b2320;white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.staff-nav-icon{font-size:14px}.staff-nav-btn:hover{background:#ffffffb3}.staff-nav-btn.active{color:#fff;background:#c0442c;box-shadow:0 2px 6px #c0442c59}.low-stock-banner{color:#8a5a13;background:#fff0ea;border:1px solid #d99b2b;border-radius:8px;max-width:720px;margin:0 auto 16px;padding:10px 14px;font-size:14px;font-weight:600}.shift-clock{background:#f1e2cd;border-radius:8px;align-items:center;gap:10px;width:fit-content;margin-bottom:12px;padding:8px 14px;font-size:14px;font-weight:600;display:flex}.shift-clock button{color:#fff;cursor:pointer;background:#c0442c;border:none;border-radius:6px;padding:4px 12px}.congestion-banner{color:#8a2213;background:#fdeaea;border:1px solid #c0442c;border-radius:8px;margin:0 0 16px;padding:10px 14px;font-size:15px;font-weight:700}.success-banner{color:#fff;background:#2b9c5a;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-weight:600}.table-summary{background:#fff;border:1px solid #e5d5c0;border-radius:10px;margin-bottom:20px;padding:14px}.table-summary h2{color:#7a5230;margin-top:0}.table-summary-order{border-top:1px solid #f1e2cd;margin-top:8px;padding-top:8px}.table-summary-order:first-of-type{border-top:none;margin-top:0;padding-top:0}.table-summary-status{color:#c0442c;margin-bottom:4px;font-size:12px;font-weight:700}.wait-estimate{color:#a3660d;font-weight:600}.table-summary-order ul{margin:0;padding-left:18px;font-size:14px}.table-summary-total{text-align:right;color:#c0442c;border-top:2px solid #f1e2cd;margin-top:10px;padding-top:10px;font-size:18px;font-weight:700}.customer-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.customer-header h1{margin:0}.call-staff-btn{color:#fff;cursor:pointer;background:#4b9ee0;border:none;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:700;box-shadow:0 2px 6px #4b9ee059}.call-staff-btn:disabled{opacity:.6;cursor:default}.staff-call-confirm{color:#1f6fb0;background:#e6f3ff;border-radius:20px;padding:8px 14px;font-size:13px;font-weight:700}.category-nav{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#fdf6ecf2;border-bottom:1px solid #f0e2c9;flex-wrap:wrap;gap:8px;margin:10px -16px 4px;padding:10px 16px;display:flex;position:sticky;top:0}.category-nav-chip{color:#7a5230;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5d5c0;border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:600}.category-nav-chip:active{background:#f1e2cd}.category-nav-chip.chip-combo{color:#217a45;background:#eafaf0;border-color:#b8dfc0}.category-nav-chip.chip-suggested{color:#7238a8;background:#f6effc;border-color:#d9c6f0}.category-nav-chip.chip-bestseller{color:#b5590c;background:#fff2e2;border-color:#f3c08a}.category{background:#fff;border:1px solid #f0e2c9;border-radius:14px;margin-top:20px;padding:14px;scroll-margin-top:110px}.category h2{color:#7a5230;border-bottom:2px solid #f1e2cd;margin:0 0 10px;padding-bottom:8px;font-size:17px}.suggested-category{background:#fff6e6;border:1px solid #f0d9a8;border-radius:14px;padding:14px}.suggested-category h2{color:#a3660d;border-bottom-color:#f0d9a8;margin-top:0}.category#cat-__combos,[id=cat-__combos]{background:#eafaf0;border-color:#b8dfc0}[id=cat-__combos] h2{color:#217a45;border-bottom-color:#b8dfc0}.menu-list{flex-direction:column;gap:10px;display:flex}.menu-item{background:#fff;border:1px solid #e5d5c0;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;transition:box-shadow .15s,transform .15s;display:flex;box-shadow:0 1px 3px #2b23200f}.menu-item:active{transform:scale(.99)}.item-name{font-weight:600}.item-price{color:#c0442c;font-weight:600}.item-image{object-fit:cover;border-radius:10px;flex-shrink:0;width:60px;height:60px;margin-right:12px}.item-info{flex:1}.qty-control{align-items:center;gap:10px;display:flex}.qty-control button{color:#c0442c;cursor:pointer;background:#fff;border:1px solid #c0442c;border-radius:50%;width:32px;height:32px;font-size:18px}.qty-control button:disabled{opacity:.3;cursor:default}.cart-bar{color:#fff;background:#c0442c;justify-content:space-between;align-items:center;max-width:720px;margin:0 auto;padding:14px 20px;display:flex;position:fixed;bottom:0;left:0;right:0}.cart-bar button{color:#c0442c;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:10px 18px;font-weight:700}.error{color:#ffe1d8;font-size:13px}.cart-bar{cursor:pointer}.cart-overlay{z-index:50;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.cart-panel{width:100%;max-width:720px;max-height:80vh;padding:18px 20px calc(18px + env(safe-area-inset-bottom,0px));background:#fff;border-radius:16px 16px 0 0;overflow-y:auto}.cart-panel h2{color:#7a5230;margin-top:0}.cart-panel-items{flex-direction:column;gap:14px;display:flex}.cart-panel-item{border-bottom:1px solid #f1e2cd;padding-bottom:12px}.cart-panel-item-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.cart-panel-item-row .item-name{flex:1}.cart-item-image{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.cart-item-remove{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 2px;font-size:16px}.cart-item-remove:hover{opacity:1}.cart-note-input{border:1px solid #e5d5c0;border-radius:8px;width:100%;margin-bottom:6px;padding:8px 10px;font-size:14px}.note-presets{flex-wrap:wrap;gap:6px;display:flex}.note-chip{color:#a3660d;cursor:pointer;background:#fff;border:1px solid #d99b2b;border-radius:999px;padding:4px 10px;font-size:12px}.note-chip.active{color:#fff;background:#d99b2b}.cart-panel-total{text-align:right;color:#c0442c;border-top:2px solid #f1e2cd;margin-top:14px;padding-top:10px;font-size:18px;font-weight:700}.cart-panel-actions{gap:10px;margin-top:12px;display:flex}.cart-panel-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-weight:700}.cart-panel-actions button:last-child{color:#fff;background:#c0442c}.cart-panel-close{color:#7a5230;background:#f1e2cd}.order-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px;display:grid}.order-card{background:#fff;border:1px solid #e5d5c0;border-radius:10px;padding:12px}.order-card.status-pending{border-left:6px solid #c0442c;box-shadow:0 0 0 1px #c0442c33}.order-card.status-preparing{border-left:4px solid #d99b2b}.order-card.status-ready{border-left:4px solid #2b9c5a;animation:1.4s infinite order-ready-pulse;box-shadow:0 0 0 2px #2b9c5a55}@keyframes order-ready-pulse{0%,to{box-shadow:0 0 0 2px #2b9c5a55}50%{box-shadow:0 0 0 5px #2b9c5a22}}.order-card.status-ready.urgency-warn{border-left-color:#d99b2b;animation:1.4s infinite order-ready-pulse-warn;box-shadow:0 0 0 2px #d99b2b55}@keyframes order-ready-pulse-warn{0%,to{box-shadow:0 0 0 2px #d99b2b55}50%{box-shadow:0 0 0 5px #d99b2b22}}.order-card.status-ready.urgency-urgent{border-left-color:#c0442c;animation:1.2s infinite order-ready-pulse-urgent;box-shadow:0 0 0 3px #c0442c66}@keyframes order-ready-pulse-urgent{0%,to{box-shadow:0 0 0 3px #c0442c66}50%{box-shadow:0 0 0 6px #c0442c33}}.order-card.mine{background:#fffbea}.order-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.badge{background:#f1e2cd;border-radius:20px;padding:2px 8px;font-size:12px}.mine-badge{color:#6b4a00;background:#f6d365;font-weight:700}.order-total{margin:8px 0;font-weight:700}.order-actions{gap:8px;display:flex}.order-actions button{color:#fff;cursor:pointer;background:#2b9c5a;border:none;border-radius:6px;flex:1;padding:8px}.order-actions button.danger{background:#999}.edit-order-box{background:#fdf6ec;border-radius:8px;padding:8px}.edit-order-box select{border:1px solid #e5d5c0;border-radius:6px;width:100%;margin-top:8px;padding:6px}.edit-history{color:#7a5230;margin:6px 0;font-size:12px}.edit-history summary{cursor:pointer}.edit-history ul{margin:4px 0 0;padding-left:16px}.edit-history-time{font-weight:600}.settings-grid{gap:10px;max-width:520px;margin-bottom:16px;display:grid}.settings-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.settings-row input{border:1px solid #e5d5c0;border-radius:6px;width:80px;padding:6px}.automation-log{max-width:720px;padding:0;list-style:none}.automation-log li{border-bottom:1px solid #f0e4d4;padding:6px 0;font-size:13px}.automation-log-time{color:#7a5230;font-weight:600}.automation-log-type{font-style:italic}.inline-form{background:#fff;border:1px solid #e5d5c0;border-radius:10px;flex-wrap:wrap;gap:8px;margin:16px 0;padding:12px;display:flex}.inline-form input,.inline-form select{border:1px solid #e5d5c0;border-radius:6px;padding:8px}.inline-form button{color:#fff;cursor:pointer;background:#c0442c;border:none;border-radius:6px;padding:8px 14px}.menu-table{border-collapse:collapse;background:#fff;width:100%}.menu-table td,.menu-table th{text-align:left;border-bottom:1px solid #f1e2cd;padding:8px 10px}.menu-table tr.unavailable{opacity:.5}.stock-warning{color:#c0442c;font-size:13px;font-weight:700}.combo-badge{color:#fff;background:#2b9c5a;border-radius:10px;margin-right:6px;padding:2px 6px;font-size:11px;font-weight:700}.combo-picker{background:#fdf6ec;border-radius:8px;flex-wrap:wrap;gap:8px 16px;width:100%;margin-top:8px;padding:10px;display:flex}.combo-picker-item{align-items:center;gap:4px;font-size:13px;display:flex}.reorder-box{background:#fff6e6;border:1px solid #f0d9a8;border-radius:12px;margin-bottom:20px;padding:12px 16px}.reorder-box h2{color:#a3660d;margin-top:0}.menu-table tr.low-stock{background:#fff0ea}.menu-table button{cursor:pointer;background:#f1e2cd;border:none;border-radius:6px;padding:6px 10px}.menu-table button.danger{background:#f4b5a6}.tabs{gap:8px;margin:12px 0;display:flex}.tabs button{cursor:pointer;background:#fff;border:1px solid #e5d5c0;border-radius:20px;padding:8px 16px}.tabs button.active{color:#fff;background:#c0442c;border-color:#c0442c}.stat-row{gap:12px;margin:16px 0;display:flex}.stat-box{text-align:center;background:#fff;border:1px solid #e5d5c0;border-radius:10px;flex:1;padding:16px}.stat-value{color:#c0442c;font-size:24px;font-weight:700}.stat-label{color:#7a5230;font-size:13px}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px;display:grid}.qr-card{text-align:center;background:#fff;border:1px solid #e5d5c0;border-radius:10px;padding:12px}.qr-card img{width:100%;height:auto}.qr-table-name{margin-bottom:8px;font-weight:700}.qr-loading{color:#7a5230;padding:40px 0}.bill-box{background:#fff;border:1px solid #e5d5c0;border-radius:10px;max-width:400px;padding:20px}.bill-box h2{text-align:center;margin-top:0}.bill-table-name{text-align:center;margin-bottom:12px;font-weight:700}.bill-grand-total{text-align:right;color:#c0442c;margin-top:10px;font-size:18px;font-weight:700}.bill-status{text-align:center;margin-top:6px;font-weight:600}.discount-box{border-top:1px dashed #e5d5c0;justify-content:center;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.discount-box select,.discount-box input{border:1px solid #e5d5c0;border-radius:6px;margin-left:6px;padding:6px}.loyalty-banner{color:#6b4a00;text-align:center;background:#fff3cd;border:1px solid #d99b2b;border-radius:8px;margin-top:12px;padding:10px;font-size:13px}.loyalty-banner button{color:#fff;cursor:pointer;background:#d99b2b;border:none;border-radius:6px;padding:4px 10px}.vietqr-box{text-align:center;border-top:1px dashed #e5d5c0;margin-top:14px;padding-top:14px;font-size:13px}.vietqr-box img{border:1px solid #e5d5c0;border-radius:8px}.merged-items-panel{background:#fff8e6;border:2px solid #d99b2b;border-radius:10px;margin-bottom:16px;padding:12px 16px}.merged-items-panel h2{margin:0 0 8px;font-size:17px}.merged-items-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.merged-items-list li{font-size:16px}.merged-items-tables{color:#6b5a2a;font-size:14px}.kitchen-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:16px;display:grid}.kitchen-card{background:#fff;border:2px solid #d99b2b;border-radius:12px;padding:16px}.kitchen-card.status-pending{border-color:#c0442c}.kitchen-card .kitchen-table{margin-bottom:8px;font-size:20px;font-weight:800}.kitchen-card ul{padding-left:20px;font-size:18px}.kitchen-card button{color:#fff;cursor:pointer;background:#2b9c5a;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:16px}.kitchen-card.urgency-warn{border-color:#d99b2b;box-shadow:0 0 0 2px #d99b2b55}.kitchen-card.urgency-urgent{border-color:#c0442c;animation:1.2s infinite kitchen-pulse;box-shadow:0 0 0 3px #c0442c66}.kitchen-wait{vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:13px;font-weight:700;display:inline-block}.kitchen-wait.wait-normal{color:#666;background:#eee}.kitchen-wait.wait-warn{color:#a3660d;background:#fbe6c2}.kitchen-wait.wait-urgent{color:#9c2c17;background:#f6c9c0}@keyframes kitchen-pulse{0%,to{box-shadow:0 0 0 3px #c0442c66}50%{box-shadow:0 0 0 6px #c0442c33}}@media print{.no-print{display:none!important}body{background:#fff}.page{max-width:none;padding:0}.bill-box{border:none;padding:0}}