:root{--orange:#ed6a24;--orange-dark:#d95513;--ink:#222b3a;--muted:#7c8798;--canvas:#f4f6f9;--line:#e8ebf0;--green:#1d9b67;--red:#df4b50;--radius:17px}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}.app-navbar{background:#202735;box-shadow:0 4px 18px #17203316}.navbar-brand{color:#fff!important;letter-spacing:.6px;font-size:19px}.brand-icon{display:inline-grid;place-items:center;background:var(--orange);border-radius:10px;width:35px;height:35px;margin-right:8px}.brand-accent{color:#ff985d}.online-dot{width:8px;height:8px;border-radius:50%;background:#39ce8b;box-shadow:0 0 0 4px #39ce8b22}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#3c4658;font-weight:700}.page-title{font-size:27px;font-weight:800;letter-spacing:-.7px}.date-label{color:#657084;background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:10px;font-size:12px}.stat-card{height:100%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;align-items:center;gap:13px}.stat-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:18px}.stat-label{font-size:12px;color:var(--muted)}.stat-value{font-size:23px;font-weight:800;line-height:1.3}.surface-card{background:#fff;border:1px solid #e9edf2;border-radius:var(--radius);padding:21px;box-shadow:0 5px 24px #25334b06}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}.section-heading h2{font-size:17px;font-weight:800;margin:0 0 5px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.section-icon{color:var(--orange);margin-right:9px}.soft-badge{background:#fff2e9;color:#bd4a10;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:700}.table-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.table-card{position:relative;border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px 5px 12px;text-align:center;cursor:pointer;transition:.18s;min-width:0}.table-card:hover{border-color:#f4a477;transform:translateY(-2px)}.table-card.active{border:1.5px solid var(--orange);background:#fff6f0;box-shadow:0 0 0 3px #ed6a2410}.table-card.occupied:not(.active){background:#fffafa}.table-symbol{display:grid;place-items:center;margin:0 auto 8px;width:34px;height:34px;border-radius:10px;background:#edf9f3;color:var(--green);font-size:15px}.table-card.occupied .table-symbol{background:#fff0f0;color:var(--red)}.table-card.active .table-symbol{background:#ffe5d4;color:var(--orange-dark)}.table-name{font-size:12px;font-weight:800}.table-status{font-size:10px;color:var(--green);margin-top:4px}.table-card.occupied .table-status{color:var(--red)}.legend{display:flex;gap:17px;flex-wrap:wrap;color:#7c8798;font-size:11px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.available{background:var(--green)}.occupied{background:var(--red)}.selected{background:var(--orange)}.search-wrap{position:relative;width:min(240px,100%)}.search-wrap>i{position:absolute;left:12px;top:12px;color:#9aa3b1;font-size:12px}.search-wrap input{padding-left:32px;font-size:12px;border-color:var(--line);border-radius:9px}.category-scroll{display:flex;gap:8px;overflow-x:auto;padding:1px 1px 9px;scrollbar-width:thin}.category-btn{white-space:nowrap;border:1px solid var(--line);background:white;border-radius:25px;padding:8px 14px;font-size:12px;font-weight:650;color:#697386;transition:.15s}.category-btn:hover,.category-btn.active{background:var(--orange);border-color:var(--orange);color:#fff}.food-card{height:100%;border:1px solid #edf0f4;border-radius:13px;padding:10px;background:#fff;transition:.18s;cursor:pointer}.food-card:hover{border-color:#f2a779;transform:translateY(-2px);box-shadow:0 7px 18px #ed6a2410}.food-image{display:block;width:100%;height:90px;object-fit:cover;border-radius:9px;background:#fff1e8;margin-bottom:10px}.food-name{font-size:12px;font-weight:750;line-height:1.4;min-height:34px}.food-price{font-weight:800;color:var(--orange-dark);font-size:13px}.add-btn{border:0;border-radius:8px;width:28px;height:28px;background:#fff0e6;color:var(--orange-dark)}.add-btn:hover{background:var(--orange);color:#fff}.order-panel{position:sticky;top:16px}.order-meta{display:flex;justify-content:space-between;align-items:center;background:#f7f8fa;border-radius:10px;padding:12px;margin-bottom:9px}.meta-label{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}.order-meta strong{font-size:13px}.item-count{font-size:11px;font-weight:750;color:var(--orange-dark);background:#ffeadc;padding:6px 9px;border-radius:7px}.cart-items{max-height:260px;overflow:auto}.empty-cart{text-align:center;padding:25px 8px;color:#9aa3b1}.empty-cart i{font-size:28px;color:#c8ced8;margin-bottom:10px}.cart-line{display:flex;justify-content:space-between;gap:10px;padding:12px 2px;border-bottom:1px solid #eff1f4}.cart-item-name{font-size:12px;font-weight:750}.cart-item-price{font-size:11px;color:var(--muted);margin-top:3px}.cart-line-total{font-size:12px;font-weight:800;text-align:right}.qty-controls{display:flex;align-items:center;gap:7px;margin-top:7px;justify-content:flex-end}.qty-btn{width:24px;height:24px;border:1px solid #e4e7ed;background:white;border-radius:6px;line-height:1}.qty-btn:hover{border-color:var(--orange);color:var(--orange)}.qty-number{font-size:11px;font-weight:700;min-width:10px;text-align:center}.form-block{margin-top:13px}.form-label{font-size:11px;font-weight:750;margin-bottom:5px}.optional{color:#a0a7b3;font-weight:400}.form-control,.form-select{font-size:12px;border-color:#e4e8ef;border-radius:9px;padding:9px 11px}.form-control:focus,.form-select:focus{border-color:#f3a276;box-shadow:0 0 0 .2rem #ed6a2415}.bill-lines{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.bill-lines>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#778193;font-size:12px}.bill-lines strong{color:var(--ink)}.bill-lines input{width:95px;text-align:right}.grand-total{display:flex;align-items:center;justify-content:space-between;background:#fff2e9;padding:14px;border-radius:11px}.grand-total span{font-size:13px;font-weight:750}.grand-total strong{font-size:23px;font-weight:850;color:var(--orange-dark)}.btn-kot,.btn-checkout{border-radius:10px;padding:12px;font-size:12px;font-weight:750}.btn-kot{background:white;border:1px solid #f1b18a;color:var(--orange-dark)}.btn-kot:hover{background:#fff3eb;color:var(--orange-dark)}.btn-checkout{background:var(--orange);color:#fff;border:1px solid var(--orange)}.btn-checkout:hover{background:var(--orange-dark);color:#fff}.demo-note{font-size:10px;text-align:center;color:#9aa3b1}.no-results{grid-column:1/-1;padding:30px;text-align:center;color:#8b95a5}.toast{border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #0002}.toast-body{font-size:13px}
@media(max-width:1199px){.order-panel{position:static}.table-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:575px){.surface-card{padding:15px;border-radius:14px}.page-title{font-size:23px}.section-heading{align-items:flex-start;flex-wrap:wrap}.search-wrap{width:100%}.table-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.table-card{padding:11px 3px}.food-image{height:78px}.grand-total strong{font-size:21px}}

.payment-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.payment-option{cursor:pointer;min-width:0}.payment-option input{position:absolute;opacity:0}.payment-option span{display:flex;align-items:center;justify-content:center;gap:7px;padding:11px 5px;border:1px solid #dfe3eb;border-radius:10px;background:#fff;font-size:12px;font-weight:800;transition:.15s}.payment-option input:checked+span{border:2px solid var(--primary);background:#fff2e8;color:var(--primary)}.payment-option:focus-within span{outline:2px solid #fbbf24;outline-offset:2px}