@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap);:root{--primary-gradient:linear-gradient(135deg,#e67e22,#d35400);--bg-overlay:#ffffffe0;--bg-card:#fffffff2;--text-main:#2c3e50;--text-muted:#7f8c8d;--status-available:#2ecc71;--status-occupied:#e74c3c;--status-reserved:#f1c40f}.table-selector-container{background-attachment:fixed;background-image:linear-gradient(#ffffffe0,#ffffffe0),url(https://images.unsplash.com/photo-1509042239860-f550ce710b93?q=80&w=1000&auto=format&fit=crop);background-image:linear-gradient(var(--bg-overlay),var(--bg-overlay)),url(https://images.unsplash.com/photo-1509042239860-f550ce710b93?q=80&w=1000&auto=format&fit=crop);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;font-family:Poppins,-apple-system,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:30px 20px;position:relative}.table-selector-header{margin-bottom:35px;text-align:center;z-index:1}.table-selector-header h1{color:#3e2723;font-size:2.3rem;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px #0000000d}.table-selector-header p{color:#5d4037;font-size:1.05rem;font-weight:500}.table-grid{grid-gap:20px;align-content:start;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));z-index:1}.table-item{align-items:center;background:#fffffff2;background:var(--bg-card);border:2px solid #0000;border-radius:18px;box-shadow:0 8px 20px #3e27230f;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:22px 15px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (hover:hover){.table-item:hover{box-shadow:0 12px 25px #3e27231f;transform:translateY(-6px)}}.table-item.selected{background:#fff8f5;border-color:#d35400;box-shadow:0 10px 25px #d3540033;transform:scale(1.02)}.table-item.selected:after{align-items:center;background:linear-gradient(135deg,#e67e22,#d35400);background:var(--primary-gradient);border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.8rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:10px;top:10px;width:22px}.table-number{color:#3e2723;font-size:1.3rem;font-weight:700;margin-bottom:6px}.table-seats{background:#f5f2f0;border-radius:20px;color:#6d4c41;font-size:.9rem;font-weight:500;margin-bottom:12px;padding:3px 10px}.table-status{border-radius:10px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.table-item.available .table-status{background:#2ecb7126;color:#27ae60}.table-item.occupied{cursor:not-allowed;opacity:.6}.table-item.occupied .table-status{background:#e74c3c26;color:#e74c3c;color:var(--status-occupied)}.table-item.reserved .table-status{background:#f1c40f26;color:#d35400}.table-selector-footer{background:linear-gradient(0deg,#fff 80%,#fff0);bottom:0;margin-top:30px;padding:20px 0 10px;position:sticky;text-align:center;z-index:2}.table-selector-footer .btn{background:linear-gradient(135deg,#e67e22,#d35400);background:var(--primary-gradient);border:none;border-radius:30px;box-shadow:0 6px 20px #d3540059;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:600;max-width:360px;padding:15px 50px;transition:all .25s ease;width:100%}.table-selector-footer .btn:hover:not(:disabled){box-shadow:0 10px 25px #d3540073;transform:translateY(-2px)}.table-selector-footer .btn:disabled{background:#d7ccc8;box-shadow:none;color:#8d6e63;cursor:not-allowed}.table-selector-loading{align-items:center;color:#5d4037;display:flex;font-size:1.2rem;font-weight:500;height:100vh;justify-content:center}@media (max-width:600px){.table-selector-container{padding:15px 10px}.table-selector-header{margin-bottom:20px}.table-selector-header h1{font-size:1.7rem}.table-selector-header p{font-size:.9rem}.table-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.table-item{border-radius:12px;padding:14px 6px}.table-number{font-size:.95rem;font-weight:700}.table-seats{font-size:.75rem;margin-bottom:8px;padding:2px 6px}.table-status{border-radius:6px;font-size:.65rem;letter-spacing:0;padding:3px 6px}.table-item.selected:after{font-size:.65rem;height:16px;right:6px;top:6px;width:16px}.table-selector-footer{margin-top:20px;padding:10px 0 0}.table-selector-footer .btn{font-size:.95rem;padding:12px 30px}}.invoice-container{background:#f5f5f5;min-height:100vh;padding:20px}.invoice-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.invoice-header h1{color:#333;font-size:1.8rem;margin:0}.invoice-actions{display:flex;gap:10px}.invoice-actions .btn{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;padding:10px 20px;transition:all .3s ease}.btn-primary{background-color:#667eea}.btn-primary:hover{background-color:#5568d3}.btn-secondary{background-color:#48bb78;color:#fff}.btn-secondary:hover{background-color:#38a169}.btn-outlined{background-color:initial;border:2px solid #667eea;color:#667eea}.btn-outlined:hover{background-color:#667eea;color:#fff}.invoice-content{display:flex;justify-content:center;padding:20px}.invoice-box{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:800px;padding:40px;width:100%}.invoice-title{border-bottom:3px solid #667eea;margin-bottom:30px;padding-bottom:10px;text-align:center}.invoice-title h2{color:#667eea;font-size:2rem;letter-spacing:2px;margin:0;text-transform:uppercase}.invoice-details{background-color:#f9f9f9;border-radius:6px;margin-bottom:30px;padding:15px}.invoice-info-row{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.invoice-info-row:last-child{border-bottom:none}.invoice-info-row .label{color:#333;font-weight:700}.invoice-info-row .value{color:#666;text-align:right}.invoice-items{margin-bottom:30px}.invoice-items h3{border-bottom:2px solid #eee;color:#333;margin:0 0 15px;padding-bottom:10px}.invoice-items table{border-collapse:collapse;width:100%}.invoice-items table th{background-color:#f9f9f9;border-bottom:2px solid #667eea;color:#333;font-weight:700;padding:12px;text-align:left}.invoice-items table td{border-bottom:1px solid #eee;color:#666;padding:12px}.invoice-items table tr:hover,.invoice-totals{background-color:#f9f9f9}.invoice-totals{border-radius:6px;margin-bottom:30px;padding:20px}.total-row{display:flex;font-size:1rem;justify-content:space-between;padding:10px 0}.total-row .amount{font-weight:700;text-align:right}.total-row.total{border-top:3px solid #667eea;color:#667eea;font-size:1.3rem;font-weight:700;margin-top:10px;padding-top:15px}.invoice-notes{background-color:#fff9e6;border-left:4px solid #f0ad4e;border-radius:4px;margin-bottom:30px;padding:15px}.invoice-notes h4{color:#333;margin:0 0 10px}.invoice-notes p{color:#666;margin:0}.invoice-payment{margin-bottom:30px;text-align:center}.payment-status{color:#333;margin-bottom:10px}.payment-badge{background-color:#48bb78;border-radius:6px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;padding:10px 20px}.invoice-footer{border-top:1px solid #eee;color:#666;padding-top:20px;text-align:center}.invoice-footer p{font-size:.95rem;margin:5px 0}.small-text{color:#999!important;font-size:.8rem}.invoice-error,.invoice-loading,.invoice-not-found{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:1.2rem;justify-content:center;min-height:100vh}.invoice-error{flex-direction:column;gap:20px}.invoice-error h2{font-size:2rem;margin:0}.invoice-error p{margin:0;text-align:center}@media print{.no-print{display:none!important}.invoice-container{background:#fff;padding:0}.invoice-box{border-radius:0;box-shadow:none;padding:20px}body{background:#fff}}@media (max-width:768px){.invoice-header{align-items:flex-start;flex-direction:column;gap:15px}.invoice-actions{flex-direction:column;width:100%}.invoice-actions .btn{text-align:center;width:100%}.invoice-box{padding:20px}.invoice-items table{font-size:.9rem}.invoice-items table td,.invoice-items table th{padding:8px}}:root{--primary:#d32f2f;--primary-dark:#b71c1c;--primary-light:#ff6659;--bg-color:#f5f5f5;--card-color:#fff;--text-color:#333;--nav-bg:#fff;--border-color:#eee}body{background:var(--bg-color);color:var(--text-color);transition:background .3s,color .3s}.loading{align-items:center;color:#888;display:flex;font-size:1.2rem;height:100vh;justify-content:center}.alert{background:#fff3cd;border-radius:8px;color:#856404;cursor:pointer;margin:10px 0;padding:10px 16px}.alert-error{background:#f8d7da;color:#721c24}.alert-success{background:#d4edda;color:#155724}.success-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.success-modal{animation:bounceIn .5s cubic-bezier(.68,-.55,.27,1.55);background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:40px 50px;text-align:center}.success-icon{animation:surprisePop .6s ease .2s both;font-size:80px}.success-modal h2{animation:slideUp .4s ease .3s both;color:#2e7d32;font-size:28px;margin:10px 0 5px}.success-order-id{animation:slideUp .4s ease .4s both;color:#1b5e20;font-size:36px;font-weight:800;margin:5px 0}.success-sub{animation:slideUp .4s ease .5s both;color:#666;font-size:16px;margin-top:5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes surprisePop{0%{opacity:0;transform:scale(0) rotate(-30deg)}60%{transform:scale(1.3) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:inline-block;font-size:.9rem;padding:8px 16px;transition:all .2s}.btn:hover{background:#f0f0f0}.btn-primary{background:#d32f2f;background:var(--primary);border-color:#d32f2f;border-color:var(--primary);color:#fff}.btn-primary:hover{background:#b71c1c;background:var(--primary-dark)}.btn-success{background:#2e7d32;border-color:#2e7d32;color:#fff}.btn-success:hover{background:#1b5e20}.btn-danger{background:#c62828;border-color:#c62828;color:#fff}.btn-danger:hover{background:#b71c1c}.btn-sm{font-size:.8rem;margin:2px;padding:4px 10px}.btn-block{display:block;text-align:center;width:100%}.btn-cart{align-items:center;background:#d32f2f;background:var(--primary);border:none;border-radius:20px;color:#fff;display:inline-flex;gap:8px;padding:8px 18px;position:relative;transition:all .3s ease}.btn-cart:hover{box-shadow:0 6px 20px #d32f2f66;transform:translateY(-2px)}.btn-cart:active{transform:translateY(0)}.cart-badge-wrapper{align-items:center;display:inline-flex;justify-content:center;position:relative}.cart-badge{background:#ffeb3b;border:2px solid #d32f2f;border:2px solid var(--primary);box-shadow:0 2px 8px #0003;color:#333;font-size:.65rem;opacity:0;pointer-events:none;right:-10px;transform:scale(0);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.cart-badge.active{animation:badge-pop .4s cubic-bezier(.34,1.56,.64,1);opacity:1;transform:scale(1)}.badge{padding:2px 10px}.badge-done,.badge-green,.badge-paid{background:#e8f5e9;color:#2e7d32}.badge-payment_failed,.badge-red{background:#ffebee;color:#c62828}.badge-pending{background:#fff3e0;color:#e65100}.badge-waiting{background:#e3f2fd;color:#1565c0}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:8px 12px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#d32f2f;border-color:var(--primary);outline:none}.inline-form{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.inline-form input,.inline-form select{border:1px solid #ddd;border-radius:8px;flex:1 1;min-width:100px;padding:8px}.section{background:#fff;background:var(--card-color);border-radius:12px;box-shadow:0 1px 3px #00000014;margin:16px 0;padding:20px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #eee;padding:10px 12px;text-align:left}th{background:#fff;background:var(--card-color);color:#666;font-size:.85rem;font-weight:600;text-transform:uppercase}td{font-size:.9rem}tbody tr:hover{background:#fafafa}.thumb{border-radius:8px;height:50px;object-fit:cover;width:50px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.data-table{border-collapse:collapse;min-width:560px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color);padding:10px 12px;text-align:left;white-space:nowrap}.data-table th{background:#00000008;color:#666;font-size:.8rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.data-table td{font-size:.9rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#fafafa}.empty-state{color:#888;padding:60px 20px;text-align:center}.admin-nav{align-items:center;background:#fff;background:var(--nav-bg);border-radius:12px;box-shadow:0 1px 3px #00000014;gap:8px;justify-content:space-between;margin-bottom:16px;padding:12px 20px}.admin-nav,.nav-links{display:flex;flex-wrap:wrap}.nav-links{gap:4px}.nav-links a{border-radius:8px;color:#333;color:var(--text-color);font-size:.85rem;font-weight:500;padding:6px 14px}.nav-links a:hover{background:#f0f0f0;text-decoration:none}.admin-page{margin:0 auto;max-width:1200px;padding:16px}.admin-page h1,.stats-grid{margin-bottom:16px}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.stat-card{background:#fff;background:var(--card-color);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:16px;text-align:center}.stat-card h3{color:#888;font-size:.8rem;margin-bottom:8px;text-transform:uppercase}.stat-card p{color:#d32f2f;color:var(--primary);font-size:1.4rem;font-weight:700}.menu-page{margin:0 auto;max-width:1200px;padding:16px}.menu-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 0}.menu-header h1{font-size:1.5rem;margin:0}.shop-brand{align-items:center;display:flex;gap:12px}.shop-logo{border:2px solid #d32f2f;border:2px solid var(--primary);border-radius:50%;height:48px;object-fit:cover;width:48px}.header-actions{flex-wrap:wrap}.header-actions,.table-selector-wrap{align-items:center;display:flex;gap:8px}.table-selector-wrap{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:8px 12px}.table-selector-wrap label{font-size:.9rem;font-weight:600;margin:0;white-space:nowrap}.table-selector{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem;min-width:180px;padding:6px 10px}.table-selector:focus{border-color:#d32f2f;border-color:var(--primary);box-shadow:0 0 0 2px #d32f2f1a;outline:none}.table-selected{background:#e8f5e9;border-radius:12px;color:#2e7d32;font-size:.85rem;font-weight:600;padding:4px 10px;white-space:nowrap}.category-filter-bar{-ms-overflow-style:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#ffffffb3,#fafafc80);border:1px solid #fff9;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:16px;overflow-x:auto;overflow-y:hidden;padding:14px 12px;scroll-behavior:smooth;scrollbar-width:none}.category-filter-bar::-webkit-scrollbar{display:none}.category-btn{align-items:center;background:#ffffffe6;border:none;border-radius:18px;box-shadow:0 4px 15px #00000014;color:#444;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto;font-size:.9rem;font-weight:500;gap:6px;justify-content:center;overflow:hidden;padding:10px 18px;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1);user-select:none;-webkit-user-select:none;white-space:nowrap}.category-btn:before{background:#ffffff80;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.category-btn:hover:before{height:300px;width:300px}.category-btn:hover{background:#fffffff2;box-shadow:0 12px 30px #00000026;color:#333;transform:translateY(-4px) scale(1.02)}.category-btn:active{transform:translateY(-2px) scale(.98)}.category-btn.active{background:linear-gradient(135deg,#d32f2f,#ff6e40);border:none;box-shadow:0 8px 25px #d32f2f66,inset 0 1px 0 #ffffff4d;color:#fff;font-weight:600;position:relative;transform:translateY(-3px)}.category-btn.active:after{background:#ffffff80;border-radius:2px;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.category-btn.active:hover{box-shadow:0 12px 35px #d32f2f80,inset 0 1px 0 #ffffff4d}.menu-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.menu-card{background:#fff;background:var(--card-color);border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden;transition:transform .2s}.menu-card:hover{transform:translateY(-2px)}.menu-card img{height:150px;object-fit:cover;width:100%}.menu-card-body{padding:12px}.menu-card-body h3{font-size:1rem;margin-bottom:4px}.menu-card-body .price{color:#d32f2f;color:var(--primary);font-size:1.1rem;font-weight:700}.menu-card-body .desc{color:#888;font-size:.8rem;margin:4px 0}.menu-card-body .btn{margin-top:8px;width:100%}.add-cart-wrap{display:inline-block;position:relative;width:100%}.cart-badge{animation:badge-pop .3s ease;background:#ff1744;border-radius:50%;box-shadow:0 1px 3px #0000004d;color:#fff;font-size:.7rem;font-weight:700;height:20px;line-height:20px;min-width:20px;position:absolute;right:-4px;text-align:center;top:-8px;z-index:1}@keyframes badge-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.cart-overlay{background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.cart-panel{background:#fff;height:100%;max-width:90vw;overflow-y:auto;padding:20px;width:400px}.cart-panel h2{margin-bottom:16px}.cart-item{border-bottom:1px solid #eee;padding:12px 0}.cart-item-info{display:flex;justify-content:space-between}.cart-item-controls{align-items:center;display:flex;gap:12px;margin-top:8px}.cart-item-controls button{background:#fff;border:1px solid #ddd;border-radius:50%;cursor:pointer;font-size:1.1rem;height:30px;width:30px}.cart-note{border:1px solid #eee;border-radius:6px;font-size:.85rem;margin-top:6px;padding:4px 8px;width:100%}.cart-summary{margin-top:16px}.cart-summary label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.cart-summary input,.cart-summary select{background:#fff;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:.95rem;margin-top:0;padding:10px 12px}.cart-summary input,.cart-summary select{width:100%}.cart-summary input:focus,.cart-summary select:focus{border-color:#d32f2f;border-color:var(--primary);box-shadow:0 0 0 2px #d32f2f1a;outline:none}.cart-summary>div{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.cart-summary>div label{flex:1 0 100%;margin-bottom:6px}.cart-summary>div input:only-of-type{flex:1 1}.cart-summary>div select{flex:0 0 70px;width:70px}.cart-total{font-size:1.3rem;margin:12px 0}.cart-buttons{display:flex;gap:8px}.cart-buttons .btn{flex:1 1}.item-form{background:#fafafa;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:16px}.item-form input,.item-form select{border:1px solid #ddd;border-radius:8px;flex:1 1;min-width:120px;padding:8px}.editing-row{background:#fff8e1}.inline-edit-row td{background:#fffde7;padding:0}.inline-edit-row .item-form{background:#fffde7;border-radius:0;border-top:2px solid #ffc107;margin:0}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;background:var(--card-color);border-radius:16px;box-shadow:0 4px 20px #0000001a;color:#333;color:var(--text-color);max-width:380px;padding:32px;width:100%}.login-card h2{margin-bottom:24px;text-align:center}.login-card input{border:1px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:12px;padding:12px;width:100%}.login-card input:focus{border-color:#d32f2f;border-color:var(--primary);outline:none}.login-links{display:flex;font-size:.85rem;justify-content:space-between;margin-top:16px}.kitchen-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.kitchen-card{background:#fff;background:var(--card-color);border-left:4px solid #ff9800;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:16px}.kitchen-card.status-paid{border-left-color:#4caf50}.kitchen-card-header{display:flex;justify-content:space-between;margin-bottom:8px}.order-num{font-size:1.1rem;font-weight:700}.kitchen-items{list-style:none;margin:8px 0}.kitchen-items li{font-size:.95rem;padding:4px 0}.kitchen-items .note{color:#888;display:block;font-size:.8rem;margin-left:20px}.table-grid-view{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.table-card{border:2px solid #0000;cursor:pointer}.table-card.selected{background:#ff6659;background:var(--primary-light);border-color:#d32f2f;border-color:var(--primary)}.table-card.status-pending{border-left:4px solid #ff9800}.table-card.status-paid{border-left:4px solid #4caf50}.table-card.status-done{border-left:4px solid #888}.table-card-header{margin-bottom:8px}.table-total{color:#d32f2f;color:var(--primary);font-size:1.3rem;font-weight:700}.table-time{color:#888;font-size:.8rem}.table-card-actions{gap:4px;margin-top:8px}.settings-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.settings-card{background:#fff;background:var(--card-color);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px}.settings-card h2{font-size:1.1rem;margin-bottom:16px}.payment-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;max-width:500px;padding:24px}.order-summary{border-bottom:1px solid #eee;padding-bottom:16px}.order-summary,.payment-method{margin-bottom:20px}.method-buttons{display:flex;gap:8px;margin-top:8px}.method-buttons .btn{flex:1 1;font-size:1rem;padding:12px}.cash-input{margin-bottom:16px}.payment-result{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;max-width:500px;padding:24px;text-align:center}.payment-result h1{color:#2e7d32;margin-bottom:16px}.change-breakdown{background:#f5f5f5;border-radius:8px;margin:16px 0;padding:12px;text-align:left}.qr-display{margin:16px 0}.qr-display img{max-width:250px}.receipt-page{margin:20px auto;max-width:400px;padding:0 16px}.receipt{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.receipt h2{text-align:center}.receipt hr{border:none;border-top:1px dashed #ccc;margin:12px 0}.receipt-table{font-size:.9rem;width:100%}.receipt-table td,.receipt-table th{padding:4px 0}.receipt-total{font-size:1.2rem;text-align:right}.receipt-footer{color:#888;text-align:center}.receipt-actions{display:flex;gap:8px;justify-content:center;margin-top:16px}.topup-page{margin:40px auto;max-width:500px;padding:0 16px}.topup-page h1{margin-bottom:24px;text-align:center}.topup-form{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.amount-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.btn-amount{font-size:1.2rem;font-weight:700;padding:16px}.topup-qr{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px;text-align:center}.topup-qr img{margin:16px 0;max-width:250px}.tran-id{color:#888;font-size:.8rem}.checkout-page{margin:40px auto;max-width:500px;padding:0 16px;text-align:center}.checkout-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.qr-note{color:#888;font-size:.8rem}.checking{color:#888;font-size:.9rem;margin-top:16px}.payment-success h1{color:#2e7d32}.payment-failed h1{color:#c62828}.reset-code-display{margin:20px 0;text-align:center}.reset-code-display .code{color:#d32f2f;font-size:2rem;letter-spacing:4px;margin:12px 0}@media (max-width:768px){.menu-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stats-grid{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.nav-links a{font-size:.75rem;padding:4px 8px}.cart-panel{width:100%}.category-filter-bar{border-radius:18px;gap:7px;margin-bottom:14px;padding:12px 10px}.category-btn{box-shadow:0 3px 12px #0000001a;font-size:.85rem;gap:5px;padding:9px 16px}.category-btn:hover{box-shadow:0 6px 20px #0000001f}}@media (max-width:480px){.menu-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.category-filter-bar{background:linear-gradient(180deg,#fffc,#fafafc99);border-radius:16px;box-shadow:0 6px 24px #0000001f;gap:6px;margin-bottom:12px;padding:10px}.category-btn{background:#fffffff2;border-radius:16px;box-shadow:0 3px 10px #0000001a;font-size:.78rem;gap:4px;padding:8px 14px}.category-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px) scale(1.02)}.category-btn:active{transform:translateY(-1px) scale(.97)}.category-btn.active{box-shadow:0 6px 20px #d32f2f59;transform:translateY(-2px)}.category-btn.active:hover{box-shadow:0 10px 28px #d32f2f73}.btn-cart{border-radius:18px;font-size:.85rem;gap:6px;padding:8px 12px}.cart-badge{font-size:.6rem;height:18px;line-height:18px;min-width:18px;right:-8px;top:-6px}.menu-header{flex-direction:column;gap:8px}.table-selector-wrap{width:100%}.header-actions{justify-content:space-between;width:100%}.barcode-input{max-width:100%}.menu-card{border-radius:12px;box-shadow:0 2px 10px #00000014}.menu-card:hover{box-shadow:0 4px 16px #0000001f}.menu-card img{height:130px}.menu-card-body{padding:8px}.menu-card-body h3{font-size:.9rem;margin-bottom:4px}.menu-card-body .price{font-size:.95rem;margin-bottom:4px}.menu-card-body .desc{font-size:.7rem}.menu-card-body .btn{font-size:.75rem;padding:6px 8px}}@media (max-width:600px){.admin-page{padding:12px}.admin-page h1{font-size:1.15rem}.section{border-radius:10px;margin:12px 0;padding:14px}.section h2{font-size:1rem}.admin-nav{border-radius:10px;padding:10px 12px}.nav-links a{font-size:.78rem;padding:5px 10px}.data-table{min-width:520px}.data-table td,.data-table th{font-size:.8rem;padding:8px 10px}.inline-form{align-items:stretch;flex-direction:column}.inline-form input,.inline-form select{min-width:0;width:100%}.inline-form button{width:100%}}@media print{.admin-nav,.btn,.receipt-actions{display:none!important}.receipt{box-shadow:none}body{background:#fff}.admin-page{max-width:100%;padding:0}.section-header{margin-bottom:10px}.kitchen-grid{display:block!important}.kitchen-card{border:1px dashed #000!important;border-radius:0;box-shadow:none!important;break-inside:avoid;margin-bottom:14px;padding:14px;page-break-inside:avoid}.kitchen-card-header{border-bottom:1px solid #000;margin-bottom:8px;padding-bottom:6px}.kitchen-items li{font-size:1.05rem;padding:3px 0}.kitchen-items .note{color:#000;font-weight:600}}.barcode-cell{text-align:center}.barcode-cell canvas{height:auto;max-width:140px}.barcode-input-wrap{display:inline-block}.barcode-input{border:1px solid #ddd;border-radius:8px;font-size:.9rem;padding:6px 12px;width:160px}.barcode-input:focus{border-color:#d32f2f;border-color:var(--primary);box-shadow:0 0 0 2px #d32f2f26;outline:none}.scanner-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.scanner-container{text-align:center}.scanner-viewport{border:3px solid #d32f2f;border:3px solid var(--primary);border-radius:12px;height:240px;overflow:hidden;width:320px}.scanner-viewport video{height:100%;object-fit:cover;width:100%}.scanner-viewport canvas{display:none}.theme-presets{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin-bottom:16px}.theme-preset-card{border:2px solid #eee;border:2px solid var(--border-color);border-radius:12px;cursor:pointer;font-size:.8rem;font-weight:600;padding:10px;position:relative;text-align:center;transition:all .2s}.theme-preset-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.theme-preset-card.active{border-color:#d32f2f;border-color:var(--primary);box-shadow:0 0 0 3px #ff6659;box-shadow:0 0 0 3px var(--primary-light)}.theme-preview{border:1px solid #0000000d;border-radius:8px;height:60px;margin-bottom:8px;overflow:hidden}.preview-nav{height:12px}.preview-body{gap:4px;height:48px;padding:6px}.preview-body,.preview-card{align-items:center;display:flex;justify-content:center}.preview-card{border-radius:6px;box-shadow:0 1px 2px #00000014;height:30px;width:30px}.preview-dot{border-radius:50%;height:12px;width:12px}.theme-check{color:#d32f2f;color:var(--primary);font-size:1rem;font-weight:700;position:absolute;right:8px;top:6px}.color-pickers{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.color-pick label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.color-input-wrap{align-items:center;display:flex;gap:8px}.color-input-wrap input[type=color]{cursor:pointer;height:36px;padding:2px;width:42px}.color-input-wrap input[type=color],.color-input-wrap input[type=text]{background:#fff;background:var(--card-color);border:1px solid #eee;border:1px solid var(--border-color);border-radius:8px}.color-input-wrap input[type=text]{color:#333;color:var(--text-color);flex:1 1;font-family:monospace;font-size:.85rem;padding:6px 10px}.image-paste-input{align-items:center;background:#fff;background:var(--card-color);border:2px dashed #eee;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:80px;outline:none;padding:16px;text-align:center;transition:all .2s}.image-paste-input:focus,.image-paste-input:hover{background:#f5f5f5;background:var(--bg-color);border-color:#d32f2f;border-color:var(--primary)}.image-paste-input.drag-over{background:#ff6659;background:var(--primary-light);border-color:#d32f2f;border-color:var(--primary);transform:scale(1.01)}.paste-placeholder{align-items:center;display:flex;flex-direction:column;gap:4px}.paste-icon{font-size:1.8rem}.paste-text{color:#333;color:var(--text-color);font-size:.9rem;font-weight:600}.paste-hint{color:#999;font-size:.75rem}.paste-preview{display:inline-block;position:relative}.paste-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001f;max-height:120px;max-width:160px;object-fit:cover}.paste-clear{align-items:center;background:#d32f2f;background:var(--primary);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.paste-clear:hover{background:#b71c1c;background:var(--primary-dark)}.item-form .image-paste-input{flex:1 1;min-height:60px;min-width:200px;padding:10px}.table-manager-page{margin:0 auto;max-width:1200px;padding:24px}.table-manager-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.table-manager-header h2{font-size:1.8rem;margin:0}.table-manager-header>div:first-child{align-items:center;display:flex;gap:12px}.table-manager-header .btn-sm{margin:0}.table-form-section{background:#fff;background:var(--card-color);border:2px solid #ff6659;border:2px solid var(--primary-light);border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:24px;padding:20px}.table-form-section h3{color:#d32f2f;color:var(--primary);margin-bottom:16px;margin-top:0}.table-form{display:flex;flex-direction:column;gap:12px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.table-form .form-group{margin-bottom:0}.table-form label{margin-bottom:8px}.table-form input,.table-form select{font-size:.95rem;padding:10px 12px}.form-actions{display:flex;gap:8px;margin-top:16px}.form-actions .btn{flex:1 1;max-width:150px}.table-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-item{background:#fff;background:var(--card-color);border-left:4px solid #d32f2f;border-left:4px solid var(--primary);border-radius:12px;box-shadow:0 1px 3px #00000014;padding:16px;text-align:center}.stat-item span{color:#666;display:block;font-size:.9rem;margin-bottom:6px}.stat-item strong{color:#d32f2f;color:var(--primary);display:block;font-size:1.8rem}.tables-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.table-card.table-status-available{background:linear-gradient(90deg,#4caf500d 0,#0000);border-left:4px solid #4caf50}.table-card.table-status-occupied{background:linear-gradient(90deg,#ff98000d 0,#0000);border-left:4px solid #ff9800}.table-card.table-status-reserved{background:linear-gradient(90deg,#2196f30d 0,#0000);border-left:4px solid #2196f3}.table-card.table-status-maintenance{background:linear-gradient(90deg,#9e9e9e0d 0,#0000);border-left:4px solid #9e9e9e}.table-card{background:#fff;background:var(--card-color);border-radius:12px;box-shadow:0 1px 3px #00000014;cursor:default;padding:16px;transition:all .2s}.table-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.table-card-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.table-card-header h3{font-size:1.1rem;margin:0}.table-card-body{font-size:.9rem;margin-bottom:12px}.table-card-body p{margin:6px 0}.table-card-body strong{font-weight:600}.table-card-actions{display:flex;gap:6px}.table-card-actions .btn{flex:1 1;font-size:.8rem;padding:8px}.badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:700;padding:4px 10px}.badge-available{background:#e8f5e9;color:#2e7d32}.badge-occupied{background:#fff3e0;color:#e65100}.badge-reserved{background:#e3f2fd;color:#1565c0}.badge-maintenance{background:#f5f5f5;color:#666}@media print{.admin-container,.admin-main>:not(#receipt-to-print){display:none!important}#receipt-to-print{display:block!important}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;color:#333;font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:#d32f2f;text-decoration:none}a:hover{text-decoration:underline}
/*# sourceMappingURL=main.73cb73d8.css.map*/