body,html{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#111;color:#fff;height:100vh;display:flex;justify-content:center;align-items:center}.container{display:flex;width:100vw;height:100vh}.left-panel{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:2px solid #333;text-align:center}.right-panel{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.input-box{width:135px;padding:8px;text-align:center;font-size:18px;background-color:#222;border:1px solid #555;color:#fff;border-radius:5px;margin-bottom:15px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:150px}.button{width:45px;height:45px;font-size:14px;background-color:#444;color:#fff;border:none;border-radius:5px;cursor:pointer}.button:hover{background-color:#666}.enter-button{width:50px;height:50px;font-size:20px;background-color:#f4a261;color:#fff;border:none;border-radius:50%;margin-top:15px;cursor:pointer}.enter-button:hover{background-color:#e76f51}.header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#303030;position:fixed;top:0;left:0;right:0;z-index:100;height:3vh;width:100%}.header .user-info{font-size:12px;font-weight:400}.table-grid{display:flex;flex-wrap:wrap;gap:0;position:fixed;top:14vh;left:0;width:100%;height:88vh;overflow-y:auto;background-color:#303030;align-content:flex-start}.table-item{margin:0;padding:10px 0;background-color:#f0f0f0;border:1px solid #303030;cursor:pointer;width:12.5%;border-radius:2px;height:80px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:1.2vw}@media (max-width: 1024px){.table-item{width:12.5%;font-size:1.5vw}}@media (min-width: 1366px){.table-item{width:12.5%;height:90px;font-size:1.8vw}}@media (min-width: 1600px){.table-item{width:10%;height:90px}}@media (min-width: 1920px){.table-item{width:calc(100% / 12);height:80px}}@media (min-width: 2048px){.table-item{width:5%;height:40px}}.table-grid.too-many-tables .table-item{width:calc(100% / 15);height:40px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-container{background:#000;padding:24px;border-radius:8px;width:400px;box-shadow:0 4px 10px #0000001a;text-align:center}.modal-buttons{display:flex;justify-content:space-between;width:100%;margin-top:16px}.cancel-btn{background:#d1d5db;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .2s}.cancel-btn:hover{background:#9ca3af}.confirm-btn{background:#ef4444;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .2s}.confirm-btn:hover{background:#dc2626}.void-textarea{width:380px;height:70px;padding:8px;border:1px solid #d1d5db;border-radius:4px;resize:none}.modal-container{width:700px;height:500px;background-color:#2c2f36;color:#fff;padding:20px;border-radius:8px;display:flex;flex-direction:column;justify-content:flex-start}.modal-header{font-size:18px;font-weight:700;text-align:center;color:#f1f1f1}.modal-header .info{margin-top:10px;font-size:12px;color:#ccc}.modal-content{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.left-section{display:flex;flex-direction:column;width:48%}.left-section label{font-size:12px;margin-bottom:5px;color:#f1f1f1}.left-section select,.left-section .input-field{width:100%;padding:10px;border-radius:5px;border:1px solid #555;background-color:#3a3f47;color:#fff;font-size:12px;margin-bottom:15px;box-sizing:border-box}.right-section{display:flex;flex-direction:column;align-items:center;width:48%}.discount-input{width:100%;max-width:250px;padding:12px;border-radius:5px;border:1px solid #555;background-color:#3a3f47;color:#fff;font-size:18px;text-align:center;margin-bottom:10px;box-sizing:border-box}.number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%;max-width:250px}.number-pad button{padding:15px;font-size:18px;border:none;border-radius:5px;background-color:#2c2f36;border:1px solid #FF9800;color:#fff;cursor:pointer}.number-pad button:hover{border-color:#e68900;background-color:#555}.button-group{display:flex;justify-content:flex-end;width:100%;margin-top:50px;gap:20px}.button-group button{background-color:#5a6268;color:#fff;font-size:16px;border:none;padding:12px 25px;cursor:pointer;border-radius:5px;width:200px;text-align:center}.button-group .cancel{background-color:#6c757d}.button-group .cancel:hover{background-color:#5a6268}.button-group .confirm{background-color:#28a745}.button-group .confirm:hover{background-color:#218838}.discount-options{display:grid;gap:5px;margin-top:10px}.percentage-options{grid-template-columns:repeat(6,52px)}.fixed-options{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));width:364px}.discount-option-button{height:40px;padding:5px;background-color:#3a3f47;color:#fff;border:1px solid #555;cursor:pointer;border-radius:5px;text-align:center}.percentage-options .discount-option-button{width:50px}.fixed-options .discount-option-button{width:90px}.discount-option-button:hover{background-color:#555}@font-face{font-family:PBWarnjaiBold;src:url(./PBWarnjaiBold-B2fmoAjk.ttf) format("truetype");font-weight:400;font-style:normal}:root{--scale-factor: 1;--base-font-size: 16px;--header-height: 8vh;--sidebar-width: 7vw;--invoice-width: 21vw;--summary-height: 15vh;--major-height: 11vh;--sub-width: 10vw;--sale-width: 61vw;--gap: 1px;--bg-dark: #222;--bg-medium: #303030;--bg-light: #3d3d3d;--text-primary: #fff;--text-secondary: #ccc;--accent-primary: #4CAF50;--accent-secondary: #ff9800;--danger: #ff4d4d;--border-color: #444}body{font-family:PBWarnjaiBold,sans-serif;font-size:var(--base-font-size);margin:0;padding:0;overflow:hidden;height:100vh;width:100vw;background-color:var(--bg-dark)}.order-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-dark);padding:var(--gap);box-sizing:border-box;overflow:hidden;display:grid;grid-template-areas:"header header header header" "sidebar invoice sub major" "sidebar invoice sub sale" "summary summary sub sale";grid-template-rows:var(--header-height) var(--major-height) 1fr var(--summary-height);grid-template-columns:var(--sidebar-width) var(--invoice-width) var(--sub-width) 1fr}.header{display:flex;align-items:flex-start;background:#333;padding:10px 20px;height:60px;box-shadow:0 2px 10px #0000004d;z-index:100;border-bottom:2px solid #444;justify-content:flex-start}.back-btn{background:#555;color:#fff;border:none;padding:2px 12px;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;margin-right:10px}.back-btn:hover{background-color:var(--border-color);transform:translateY(-1px)}.table-no{font-size:.95rem;font-weight:500;color:#fff;background:#444;padding:6px 12px;border-radius:4px;white-space:nowrap;margin-right:10px}.search-input{padding:8px 12px;border-radius:4px;border:1px solid #555;background:#222;color:#fff;min-width:250px;font-size:.9rem;margin-right:10px}.search-input:focus{border-color:var(--accent-secondary);box-shadow:0 0 5px #ff980080}.quantity-container{display:flex;align-items:center;gap:5px;background:#444;padding:4px;border-radius:4px;margin-right:10px}.quantity-btn{width:25px;height:25px;border-radius:50%;border:1px solid var(--accent-primary);background-color:var(--bg-medium);font-size:12px;color:var(--accent-primary);display:flex;justify-content:center;align-items:center;cursor:pointer;min-width:25px;min-height:25px;transition:all .2s ease}.quantity-btn:hover{background-color:var(--accent-primary);color:#fff;transform:scale(1.1)}.quantity-input{padding:0 5px;font-size:14px;border-radius:15px;border:1px solid var(--accent-primary);color:var(--text-secondary);background-color:var(--bg-medium);width:40px;text-align:center;height:100%;-moz-appearance:textfield;-webkit-appearance:none;box-sizing:border-box}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.logout-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background-color:#f33;transform:translateY(-1px);box-shadow:0 2px 5px #ff4d4d4d}.layout-2{grid-area:sidebar;background-color:var(--bg-medium);border-radius:5px;display:flex;flex-direction:column;gap:5px;padding:5px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;height:calc(100vh - var(--header-height) - var(--summary-height) - (var(--gap) * 3));margin-bottom:0}.layout-2::-webkit-scrollbar{width:6px}.layout-2::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:3px;margin:2px 0}.layout-2::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.layout-2::-webkit-scrollbar-thumb:hover{background:#777}.button-item-layout2{background-color:var(--bg-light);color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;font-size:12px;padding:10px 5px;cursor:pointer;width:100%;flex-shrink:0;min-height:50px;display:flex;align-items:center;justify-content:center;text-align:center;word-wrap:break-word;overflow:hidden;transition:all .2s ease}.button-item-layout2:hover{background-color:var(--accent-secondary);color:#000;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.button-item-layout2.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.layout-3{grid-area:invoice;background-color:var(--bg-light);border-radius:5px;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - var(--header-height) - var(--summary-height) - (var(--gap) * 3));margin-bottom:0}.invoice-table-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.invoice-table-container::-webkit-scrollbar{width:8px}.invoice-table-container::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px;margin:2px 0}.invoice-table-container::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.invoice-table-container::-webkit-scrollbar-thumb:hover{background:#777}.invoice-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text-primary);table-layout:fixed}.invoice-table th,.invoice-table td{padding:10px 8px;border-bottom:1px solid var(--border-color);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-table th{background:var(--bg-medium);font-weight:700;position:sticky;top:0;z-index:10;color:var(--text-primary)}.invoice-table th:nth-child(1),.invoice-table td:nth-child(1){width:20%}.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){width:40%}.invoice-table th:nth-child(3),.invoice-table td:nth-child(3){width:20%}.invoice-table th:nth-child(4),.invoice-table td:nth-child(4){width:20%;text-align:right;font-family:monospace}.invoice-table tbody tr:hover{background-color:#ffffff0d;cursor:pointer}.invoice-table tbody tr.selected{background-color:#4caf5033}.layout-4{grid-area:summary;background-color:var(--bg-medium);border-radius:5px;padding:8px 15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden;height:var(--summary-height);margin-top:-2px}.summary-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}.summary-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--text-secondary);white-space:nowrap;padding:2px 0;height:28px}.summary-line.sub-total{color:var(--text-secondary)}.summary-line.discount{color:#ff6b6b}.summary-line.grand-total{border-top:2px solid var(--border-color);padding-top:6px;margin-top:4px;font-size:14px;color:var(--accent-primary);font-weight:700;height:32px}.summary-value{min-width:100px;text-align:right;font-family:monospace;font-weight:700;font-size:13px}.layout-4-buttons{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.settle-btn,.print-btn-direct{flex:1;padding:8px 10px;font-size:13px;border-radius:6px;border:none;cursor:pointer;text-align:center;white-space:nowrap;font-weight:700;transition:all .2s ease;min-height:36px}.settle-btn{background-color:var(--accent-secondary);color:#000}.settle-btn:hover{background-color:#e68900;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.print-btn-direct{background-color:var(--accent-primary);color:#fff}.print-btn-direct:hover{background-color:#3d8b40;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.layout-5{grid-area:major;background-color:var(--bg-medium);border-radius:5px;display:flex;overflow-x:auto;gap:6px;padding:6px;align-items:center;height:var(--major-height)}.major-item-btn{background-color:var(--bg-light);color:var(--text-primary);font-size:14px;border:none;cursor:pointer;border-radius:4px;white-space:nowrap;width:170px;height:90%;padding:0 15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;transition:all .2s ease;font-weight:700}.major-item-btn:hover,.major-item-btn.selected{background-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.layout-6{grid-area:sub;background-color:var(--bg-medium);border-radius:5px;display:flex;flex-direction:column;gap:4px;padding:6px;overflow-y:auto;overflow-x:hidden;height:calc(100vh - var(--header-height) - (var(--gap) * 2));margin-bottom:1px}.layout-6::-webkit-scrollbar{width:6px}.layout-6::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:3px;margin:2px 0}.layout-6::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.layout-6::-webkit-scrollbar-thumb:hover{background:#777}.sub-item-btn{background-color:var(--bg-light);color:var(--text-primary);font-size:13px;border:none;cursor:pointer;border-radius:4px;padding:10px 6px;width:100%;min-height:70px;display:flex;align-items:center;justify-content:center;text-align:center;word-wrap:break-word;overflow:hidden;flex-shrink:0;box-sizing:border-box;transition:all .2s ease}.sub-item-btn:hover,.sub-item-btn.selected{background-color:var(--accent-secondary);color:#000;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.layout-7{grid-area:sale;background-color:var(--bg-medium);border-radius:5px;overflow:hidden;padding:8px;height:calc(100vh - var(--header-height) - var(--major-height) - (var(--gap) * 3));margin-bottom:1px}.sale-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:7px;width:100%;height:100%;overflow-y:auto;align-content:start;padding:5px}.sale-items-grid::-webkit-scrollbar{width:8px}.sale-items-grid::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px;margin:2px 0}.sale-items-grid::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.sale-items-grid::-webkit-scrollbar-thumb:hover{background:#777}.sale-item-btn{padding:16px 12px;background-color:#088408;color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:center;font-size:14px;min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;word-wrap:break-word;transition:all .2s ease;position:relative;overflow:hidden}.sale-item-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,.1),transparent);pointer-events:none}.sale-item-btn .price{font-size:12px;color:#f4f4f4;margin-top:6px;font-weight:700}.sale-item-btn:hover{background-color:var(--accent-secondary);color:#000;transform:translateY(-3px) scale(1.02);box-shadow:0 4px 8px #0003;z-index:1}.sale-item-btn .item-name{font-weight:700;margin-bottom:5px}.sale-item-btn.out-of-stock{background-color:#666;opacity:.7;cursor:not-allowed}.sale-item-btn.out-of-stock:hover{background-color:#666;transform:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:350px;min-height:220px;background:var(--bg-light);padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:12px;box-shadow:0 8px 25px #0000004d;border:1px solid var(--border-color)}.modal-title{color:var(--text-primary);font-size:18px;margin-bottom:20px;text-align:center}.qty-container{display:flex;align-items:center;gap:15px;margin:20px 0}.qty-container button{width:50px;height:40px;font-size:20px;border:none;background:var(--accent-secondary);color:#000;cursor:pointer;border-radius:8px;font-weight:700;transition:all .2s ease}.qty-container button:hover{background:#e68900;transform:scale(1.05)}.qty-container input{width:70px;height:45px;text-align:center;font-size:18px;border:2px solid var(--accent-primary);border-radius:8px;outline:none;background:var(--bg-medium);color:var(--text-primary);font-weight:700}.modal-buttons{display:flex;justify-content:space-between;width:100%;gap:15px;margin-top:20px}.modal-buttons button{flex:1;padding:12px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease}.modal-buttons .cancel{background:var(--bg-medium);color:var(--text-primary);border:1px solid var(--border-color)}.modal-buttons .cancel:hover{background:var(--border-color);transform:translateY(-2px)}.modal-buttons .save{background:var(--accent-primary);color:#fff}.modal-buttons .save:hover{background:#3d8b40;transform:translateY(-2px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px}::-webkit-scrollbar-thumb{background:#555;border-radius:4px;border:2px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@media (max-width: 1024px){:root{--gap: 1px}.search-input{width:150px}.print-btn{width:80px;min-width:80px}.logout-btn{padding:0 10px;min-width:70px}}@media print{.order-page{display:block!important;height:auto!important;grid-template-areas:none!important;grid-template-rows:auto!important;grid-template-columns:auto!important;padding:0!important}.layout-2,.layout-5,.layout-6,.layout-7,.header{display:none!important}.layout-3,.layout-4{display:block!important;width:100%!important;position:static!important;height:auto!important;margin:0!important;padding:20px!important;background:#fff!important;color:#000!important;border-radius:0!important}.invoice-table{color:#000!important;border:1px solid #ccc!important}.invoice-table th{background:#f0f0f0!important;color:#000!important}.summary-line.grand-total{color:#2e7d32!important}}.checkbox-container{display:flex;align-items:center;gap:8px;color:#fff;font-size:.85rem;white-space:nowrap;margin-right:100vh;margin-left:auto}.checkbox-container input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#4CAF50}.checkbox-container label{cursor:pointer;white-space:nowrap;font-size:.85rem;-webkit-user-select:none;user-select:none}@media (max-width: 1024px){.checkbox-container label{font-size:.8rem}}@media (max-width: 768px){.checkbox-container{margin-left:5px}.checkbox-container label{font-size:.75rem}}.qty-popup-modal{width:300px;min-height:260px;max-height:80vh;background:linear-gradient(135deg,#2c3e50,#1a1a2e);padding:0;border-radius:8px;box-shadow:0 4px 15px #0000004d;border:1px solid #4CAF50;overflow:hidden;font-family:PBWarnjaiBold,sans-serif;margin:10px}.qty-popup-header{background:linear-gradient(135deg,#4caf50,#2e7d32);padding:12px;text-align:center;border-bottom:1px solid #1B5E20}.qty-popup-title{color:#fff;font-size:16px;font-weight:700;margin:0}.qty-popup-content{padding:12px;background:#2a2a2a;max-height:calc(80vh - 100px);overflow-y:auto}.qty-popup-item-info{background:#333;border-radius:6px;padding:10px;margin-bottom:12px;border-left:2px solid #4CAF50}.qty-popup-item-name{color:gold;font-size:14px;font-weight:700;margin-bottom:5px;text-align:center;line-height:1.2}.qty-popup-item-price{color:#4caf50;font-size:13px;text-align:center;font-weight:700}.qty-popup-quantity-section{margin-bottom:12px}.qty-popup-quantity-label{color:#fff;font-size:13px;margin-bottom:6px;font-weight:700;text-align:center}.qty-popup-quantity-controls{display:flex;align-items:center;justify-content:center;gap:12px}.qty-popup-minus-btn,.qty-popup-plus-btn{width:35px;height:35px;border-radius:50%;border:none;background:#4caf50;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qty-popup-btn-text{color:#fff;font-weight:700}.qty-popup-quantity-display{background:#333;border:1px solid #4CAF50;border-radius:6px;width:70px;height:40px;display:flex;align-items:center;justify-content:center}.qty-popup-quantity-number{color:gold;font-size:20px;font-weight:700}.qty-popup-taste-section{margin-bottom:12px;background:#333;border-radius:6px;padding:10px;border-left:2px solid #FF9800}.qty-popup-taste-label{color:#fff;font-size:13px;margin-bottom:6px;font-weight:700}.taste-select{width:100%;padding:6px 8px;border-radius:4px;border:1px solid #FF9800;background:#222;color:#fff;font-size:13px;font-family:PBWarnjaiBold,sans-serif;font-weight:700;cursor:pointer;outline:none}.qty-popup-total-section{background:#333;border-radius:6px;padding:10px;border-top:1px solid #444}.qty-popup-total-label{color:#fff;font-size:13px;margin-bottom:5px;font-weight:700}.qty-popup-total-amount{color:gold;font-size:16px;font-weight:700;text-align:right;font-family:monospace}.qty-popup-buttons{display:flex;gap:8px;padding:12px;background:#2a2a2a;border-top:1px solid #444}.qty-popup-cancel-btn,.qty-popup-confirm-btn{flex:1;padding:8px;border-radius:4px;border:none;cursor:pointer;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;min-height:35px}.qty-popup-cancel-btn{background:#f44336;color:#fff}.qty-popup-confirm-btn{background:#4caf50;color:#fff}.qty-popup-cancel-text,.qty-popup-confirm-text{font-weight:700}@media (max-width: 480px){.qty-popup-modal{width:280px;min-height:240px;max-height:70vh}}.print-modal-overlay{position:fixed;top:0;left:0;width:100%;height:85%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.print-modal{background:linear-gradient(145deg,#2d2d2d,#252525);border-radius:12px;width:90%;max-width:800px;max-height:85vh;padding:24px;box-shadow:0 10px 30px #0006,0 0 0 1px #ffffff0d;overflow:hidden;color:#f0f0f0;font-family:Segoe UI,system-ui,sans-serif;position:relative}.print-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4caf50,#2196f3,#9c27b0);border-radius:12px 12px 0 0}.print-header{text-align:center;margin-bottom:20px}.print-header h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px;background:linear-gradient(135deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.print-header .subtitle{font-size:14px;color:#aaa;margin:0;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.print-header .subtitle span{background:#ff98001a;padding:4px 12px;border-radius:20px;font-size:13px;color:#ff9800;border:1px solid rgba(255,152,0,.2)}.print-header .summary{display:flex;justify-content:center;gap:15px;margin-top:12px;font-size:13px}.print-header .summary-item{display:flex;align-items:center;gap:6px;color:#ccc}.print-header .summary-item strong{color:#4caf50;font-weight:600}.print-modal-content{background:#28282899;border-radius:8px;padding:16px;margin:0 0 20px;max-height:45vh;overflow-y:auto;border:1px solid rgba(255,255,255,.08)}.print-table{width:100%;border-collapse:collapse;font-size:14px}.print-table thead{position:sticky;top:0;z-index:10}.print-table th{background:linear-gradient(180deg,#3a3a3a,#333);color:#ff9800;font-weight:600;text-align:left;padding:12px 10px;border-bottom:2px solid #4CAF50;text-transform:uppercase;font-size:12px;letter-spacing:.5px;white-space:nowrap}.print-table th:first-child{border-radius:6px 0 0}.print-table th:last-child{border-radius:0 6px 0 0}.print-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.print-table tbody tr{transition:background-color .2s ease}.print-table tbody tr:hover{background:#ffffff08}.print-table tbody tr:nth-child(2n){background:#ffffff05}.item-name{font-weight:600;color:#fff}.item-qty{display:inline-block;background:#4caf5026;color:#4caf50;padding:4px 10px;border-radius:12px;font-weight:600;font-size:13px;border:1px solid rgba(76,175,80,.3)}.item-description{color:#aaa;font-size:13px;font-style:italic}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-align:center;min-width:80px}.status-printed{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.status-pending{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.no-data{text-align:center;padding:40px 20px;color:#888;font-size:16px}.no-data:before{content:"📭";font-size:32px;display:block;margin-bottom:10px;opacity:.5}.loading{text-align:center;padding:40px 20px;color:#aaa;font-size:16px}.loading:after{content:"...";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.print-modal-buttons{display:flex;justify-content:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.print-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:14px 36px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #4caf504d}.print-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066;background:linear-gradient(135deg,#45a049,#4caf50)}.print-button:active:not(:disabled){transform:translateY(0)}.print-button:disabled{background:#555;cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.print-cancel{background:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3);padding:14px 28px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.print-cancel:hover:not(:disabled){background:#f4433640;transform:translateY(-2px)}.print-cancel:active:not(:disabled){transform:translateY(0)}.print-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}.print-modal-content::-webkit-scrollbar{width:8px}.print-modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.print-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4caf50,#2196f3);border-radius:4px}.print-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#45a049,#1976d2)}@media (max-width: 768px){.print-modal{width:95%;padding:20px;max-height:90vh}.print-header h2{font-size:20px}.print-header .subtitle{font-size:12px}.print-table{font-size:13px}.print-table th,.print-table td{padding:8px 6px}.print-modal-buttons{flex-direction:column;gap:12px}.print-button,.print-cancel{width:100%;justify-content:center}}@media (max-width: 480px){.print-table{display:block;overflow-x:auto;white-space:nowrap}.print-header .summary{flex-direction:column;gap:8px;align-items:center}}.home-screen{display:flex;flex-direction:column;padding:3px;flex-grow:1;height:100%;overflow:hidden}.header{display:flex;justify-content:flex-start;align-items:center;padding:10px;background-color:#303030;position:fixed;top:0;left:0;right:0;z-index:100;height:3vh;width:100%}.header .user-info{font-size:14px;font-weight:400;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:5px}.logout-btn{position:absolute;top:50%;right:30px;transform:translateY(-50%);padding:6px 18px;background-color:red;color:#fff;border:none;cursor:pointer;border-radius:5px;font-size:12px}.outlet-container{display:flex;flex-wrap:wrap;gap:5px;position:fixed;top:6vh;left:0;width:100%;height:6vh;padding:3px;background-color:#303030;z-index:99;overflow:hidden}.outlet-item{padding:15px;background-color:#3d3d3d;border:none;cursor:pointer;flex:1;border-radius:2px;height:85%;display:flex;justify-content:center;align-items:center;margin:5px;color:#f0f0f0}.outlet-item.selected{background-color:#4caf50;color:#fff}.table-grid{display:flex;flex-wrap:wrap;gap:1px;position:fixed;top:14vh;left:0;width:100%;height:88vh;overflow-y:auto;background-color:#303030}.table-item{padding:15px;background-color:#f0f0f0;border:none;cursor:pointer;width:calc(12.5% - 2px);border-radius:2px;height:50px;text-align:center;display:flex;align-items:center;justify-content:center}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.popup{width:300px;height:150px;background:#ff9191;color:#000;padding:20px;text-align:center;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.popup button{display:flex;background-color:#5a0000;color:#fff;justify-content:space-around;width:100%;gap:10px;margin:10px}@media (max-width: 1024px){.table-item{width:calc(12.5% - 1px);font-size:1.5vw}}@media (min-width: 1366px){.table-item{width:calc(12.5% - 1px);height:90px;font-size:2.5vw}}@media (min-width: 1600px){.table-item{width:calc(10% - 1px);height:90px}}@media (min-width: 1920px){.table-item{width:calc(100% / 12 - 1px);height:80px}}@media (min-width: 2048px){.table-item{width:calc(5% - 1px);height:40px}}.table-grid.too-many-tables .table-item{width:calc(100% / 15 - 1px);height:40px}.table-item.available{background-color:#3d3d3d;color:#fff}.table-item.occupied{background-color:#4caf50;color:#fff}.table-item.current-table{background:linear-gradient(135deg,#4caf50,#2e7d32);border-color:gold;cursor:not-allowed;opacity:.9}.table-item.selected-new{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:gold;transform:scale(1.05);box-shadow:0 0 15px #ff980080}.table-status{font-size:10px;margin-top:5px;font-weight:700;padding:2px 5px;border-radius:3px}.table-item.available .table-status{color:#4caf50;background:#4caf501a}.table-item.occupied .table-status{color:#f44336;background:#f443361a}.table-item.current-table .table-status{color:gold;background:#ffd7001a}.table-item.selected-new .table-status{color:#2196f3;background:#2196f31a}.selected-table-info{background:linear-gradient(135deg,#2196f3,#1976d2);padding:15px;margin:10px;border-radius:8px;color:#fff;text-align:center;border:2px solid #4CAF50;box-shadow:0 4px 8px #0003;position:fixed;bottom:70px;left:10px;right:10px;z-index:98}.selected-table-title{font-weight:700;margin-bottom:5px;font-size:14px;color:gold}.selected-table-name{font-size:18px;font-weight:700;margin-bottom:3px}.selected-table-buttons{display:flex;gap:10px;margin-top:10px;justify-content:center}.confirm-btn,.cancel-btn{padding:8px 20px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:all .2s ease}.confirm-btn{background:#4caf50;color:#fff}.confirm-btn:hover{background:#3d8b40;transform:translateY(-2px)}.cancel-btn{background:#f44336;color:#fff}.cancel-btn:hover{background:#d32f2f;transform:translateY(-2px)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.popup{width:90%;max-width:400px;background:linear-gradient(135deg,#2c3e50,#1a1a2e);color:#fff;padding:25px;text-align:center;border-radius:10px;border:2px solid #4CAF50;box-shadow:0 10px 30px #00000080}.popup h3{margin-top:0;color:gold;font-size:18px;margin-bottom:15px}.popup-content{background:#333;padding:15px;border-radius:6px;margin-bottom:20px}.from-table,.to-table{margin-bottom:10px}.table-label{color:gold;font-weight:700;font-size:14px;margin-bottom:5px}.table-value{font-size:18px;font-weight:700;margin-bottom:5px}.from-table .table-value{color:#4caf50}.to-table .table-value{color:#2196f3}.popup-buttons{display:flex;gap:10px;width:100%}.popup-buttons button{flex:1;padding:10px;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:14px}.popup-cancel-btn{background:#f44336;color:#fff}.popup-cancel-btn:hover{background:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 8px #f443364d}.popup-confirm-btn{background:#4caf50;color:#fff}.popup-confirm-btn:hover{background:#3d8b40;transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}@media (max-width: 1024px){.table-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.table-item{font-size:14px;min-height:70px}}@media (max-width: 768px){.table-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));top:170px;height:calc(100vh - 170px)}.outlet-container{top:110px}.current-table-display{margin-top:55px}.table-item{font-size:13px;min-height:65px;padding:10px 3px}}@media (max-width: 480px){.table-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:5px;padding:8px}.table-item{font-size:12px;min-height:60px;padding:8px 2px}.outlet-item{min-width:80px;font-size:12px;padding:6px 8px}.header .user-info{font-size:14px}.popup{width:95%;padding:20px}}@media (min-width: 1366px){.table-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.table-item{min-height:90px;font-size:16px}}@media (min-width: 1600px){.table-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (min-width: 1920px){.table-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.table-item{min-height:100px;font-size:18px}}.table-grid::-webkit-scrollbar{width:8px}.table-grid::-webkit-scrollbar-track{background:#333;border-radius:4px}.table-grid::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.table-grid::-webkit-scrollbar-thumb:hover{background:#666}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;width:100vw;height:100vh;background-color:#242424;color:#fff;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{@apply bg-gray-900 text-white flex items-center justify-center min-h-screen;}:root{@apply font-sans text-gray-200 bg-gray-900;}a{@apply text-blue-400 font-medium hover:text-blue-300;}button{@apply rounded-lg border border-transparent px-4 py-2 text-lg font-medium bg-gray-700 hover:bg-gray-600 transition duration-300;}