:root{--brand-color:#f28b05;--brand-light:#dde8ee;--bg-app:#533c73;--bg-main:#f4f6f8;--bg-surface:#fff;--text-main:#111827;--text-muted:#6b7280;--border:#e5e7eb}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);height:100dvh;overflow:hidden}button{color:var(--text-main);transition:transform 50ms ease-in-out,background-color .1s}button:active{transform:scale(.96)}@media (hover:hover){button:hover{transform:scale(.98)}}.pos-container{width:100vw;height:100dvh;display:flex}.menu-area{flex-direction:column;flex:1;min-width:0;min-height:0;padding:24px;display:flex}.category-tabs{-webkit-overflow-scrolling:touch;flex-shrink:0;gap:12px;margin-bottom:24px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tabs{-ms-overflow-style:none;scrollbar-width:none}.tab-btn{border:2px solid var(--border);background:var(--bg-surface);cursor:pointer;color:var(--text-muted);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .1s}.tab-btn.active{border-color:var(--brand-color);color:var(--brand-color);background:var(--brand-light)}.menu-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;min-height:0;padding-bottom:30px;display:grid;overflow-y:auto}.item-btn{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:120px;padding:24px 16px;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 2px 4px #00000005}.item-btn:active{border-color:var(--brand-color);transform:scale(.95)}.item-name{text-align:center;font-size:1.1rem;font-weight:600}.item-price{color:var(--text-muted);font-size:.95rem}.ticket-area{background:var(--bg-surface);border-left:1px solid var(--border);flex-direction:column;width:380px;min-width:0;min-height:0;display:flex;overflow-y:auto;box-shadow:-4px 0 15px #00000008}.ticket-tabs-container{border-bottom:1px dotted var(--border);-webkit-overflow-scrolling:touch;background:var(--bg-surface);scroll-behavior:smooth;flex-shrink:0;gap:8px;padding:12px 24px;display:flex;overflow-x:auto}.ticket-tabs-container::-webkit-scrollbar{display:none}.ticket-tab{background:var(--bg-main);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:8px 16px;font-weight:700}.ticket-tab.active{background:var(--brand-light);color:var(--brand-color);border:1px solid var(--brand-color)}.new-ticket-btn{color:var(--brand-color);border:2px dashed var(--brand-color);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;padding:8px 16px;font-weight:700}.ticket-header{border-bottom:1px solid var(--border);padding:24px}.ticket-header h2{font-size:1.5rem}.ticket-items{flex:1;min-height:150px;padding:16px 24px;list-style:none;overflow-y:auto}.empty-cart{color:var(--text-muted);text-align:center;margin-top:40px;font-style:italic}.ticket-item{border-bottom:1px dashed var(--border);justify-content:space-between;padding:16px 0;font-size:1.1rem;font-weight:500;display:flex}.ticket-footer{border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;padding:24px}.total-row{justify-content:space-between;margin-bottom:16px;font-size:1.5rem;font-weight:700;display:flex}.charge-btn{background-color:var(--brand-color);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;width:100%;padding:16px;font-size:1.25rem;font-weight:600}.charge-btn:active{transform:scale(.98)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-surface);border-radius:12px;width:500px;padding:24px;box-shadow:0 10px 25px #0000001a}.modal-actions{gap:12px;margin-top:24px;display:flex}.btn-cancel,.btn-confirm{cursor:pointer;border:none;border-radius:8px;flex:1;padding:16px;font-weight:600}.btn-cancel{background:var(--border);color:var(--text-main)}.btn-confirm{background:var(--brand-color);color:#fff}.modifier-group{margin-top:16px}.modifier-btn{background-color:var(--bg-surface);color:var(--text-main);border:2px solid var(--border);cursor:pointer;border-radius:8px;padding:10px 15px;transition:all .2s}.modifier-btn.selected{background-color:var(--brand-color);color:#fff;border-color:var(--brand-color)}.ticket-tabs-container{background:var(--bg-main);border-bottom:1px solid var(--border);padding:8px 8px 0;display:flex;overflow-x:auto}.ticket-tab{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;flex-shrink:0;padding:12px 20px;font-weight:600}.ticket-tab.active{background:var(--bg-surface);border-color:var(--border);color:var(--brand-color)}.new-ticket-btn{color:var(--brand-color);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:12px 16px;font-size:1.2rem;font-weight:700}.item-row{justify-content:space-between;align-items:center;width:100%;display:flex}.delete-item-btn{color:#e74c3c;cursor:pointer;opacity:.5;background:0 0;border:none;padding:0 10px;font-size:1.2rem;font-weight:700;transition:opacity .1s}.delete-item-btn:hover,.delete-item-btn:active{opacity:1}.checkout-actions{gap:10px;display:flex}.cancel-btn{background-color:var(--bg-main);color:#e74c3c;cursor:pointer;border:1px solid #e74c3c;border-radius:8px;flex:.4;padding:16px;font-size:1.1rem;font-weight:600}.cancel-btn:active{background-color:#fdf0ed}.admin-btn{background-color:var(--brand-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100px;padding:16px;font-size:.9rem;font-weight:600}.admin-btn:active{transform:scale(.98)}.loader-container{background-color:var(--bg-main);height:100dvh;color:var(--brand-color);flex-direction:column;justify-content:center;align-items:center;font-family:system-ui,sans-serif;display:flex}.spinner{width:6px;height:40px;color:var(--text-main);animation:.75s ease-out infinite paddles;position:relative}.spinner:before{content:"";background-color:var(--text-muted);border-radius:50%;width:15px;height:15px;margin:0 auto;animation:.6s ease-out infinite ballbounce;position:absolute;top:15px;left:0;right:0;box-shadow:0 2px 12px #1d110080}@keyframes paddles{0%{box-shadow:-35px -10px,35px 10px}50%{box-shadow:-35px 8px,35px -10px}to{box-shadow:-35px -10px,35px 10px}}@keyframes ballbounce{0%{transform:translate(-30px)scaleY(1.2)}25%{transform:scaleX(1.2)}50%{transform:translate(15px)scaleY(1.2)}75%{transform:scaleX(1.2)}to{transform:translate(-30px)}}:root{--brand-color:var(--brand-color);--bg-main:#f4f6f8;--bg-surface:#fff;--text-main:#111827;--text-muted:#6b7280;--border:var(--brand-color)}body.dark-mode{--bg-main:#121212;--bg-surface:#1e1e1e;--text-main:#e0e0e0;--text-muted:#a0a0a0;--border:var(--brand-color)}@keyframes shake-horizontal{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.input-error-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake-horizontal;color:#e74c3c!important;border-color:#e74c3c!important}.lock-btn{padding:"10px 16px";width:100px;height:40px;color:"var(--text-main)";border:"2px solid";font-size:1rem;font-weight:"Bold";display:"flex";cursor:pointer;align-items:center;gap:"8px";background:0 0;border-color:#e74c3c;border-radius:9999px}@keyframes receipt-fly-up{0%{opacity:0;transform:translate(-50%,50px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-200px)}}.flying-receipt{color:#000;z-index:9999;pointer-events:none;background:#fff;border-top:2px dashed #ccc;border-bottom:2px dashed #ccc;width:320px;padding:24px;font-family:Courier New,Courier,monospace;animation:2s cubic-bezier(.2,.65,.45,1) forwards receipt-fly-up;position:fixed;top:30%;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #0000004d}.flying-receipt-row{justify-content:space-between;margin-bottom:4px;font-size:.95rem;display:flex}.pop-in{animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(.5)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.status-badge-offline{animation:2s infinite pulse-red}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #e74c3cb3}50%{transform:scale(1.03);box-shadow:0 0 10px 6px #e74c3c00}to{transform:scale(1);box-shadow:0 0 #e74c3c00}}.status-badge-syncing{animation:2s infinite pulse-orange}@keyframes pulse-orange{0%{transform:scale(1);box-shadow:0 0 #f39c12b3}50%{transform:scale(1.03);box-shadow:0 0 10px 6px #f39c1200}to{transform:scale(1);box-shadow:0 0 #f39c1200}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:30px;right:30px}.toast{color:#fff;pointer-events:auto;background-color:#27ae60;border-radius:8px;align-items:center;gap:12px;padding:16px 24px;font-weight:600;animation:4.9s cubic-bezier(.175,.885,.32,1.275) forwards toast-slide-up;display:flex;box-shadow:0 4px 15px #0003}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(100px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}.admin-layout{background-color:var(--bg-main);height:100dvh;color:var(--text-main);font-family:system-ui;display:flex;overflow:hidden}.admin-aside{background-color:var(--brand-color);color:#fff;z-index:100;flex-direction:column;width:250px;transition:transform .3s;display:flex}.admin-main{flex:1;padding:40px;overflow:hidden auto}.admin-section{overflow-x:auto}.desktop-hidden{display:none!important}.mobile-hamburger{color:var(--text-main);cursor:pointer;background:0 0;border:none;font-size:1.8rem}.admin-overlay{z-index:50;background:#00000080;display:none;position:fixed;inset:0}.action-buttons-container{align-items:center;gap:10px;display:flex}.bottom-sheet-overlay{z-index:1050;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.bottom-sheet-overlay.open{opacity:1;pointer-events:auto}.bottom-sheet{background:var(--bg-surface);max-width:500px;max-height:85vh;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));z-index:1060;border-radius:24px 24px 0 0;flex-direction:column;margin:0 auto;transition:transform .4s cubic-bezier(.175,.885,.32,1);display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%);box-shadow:0 -10px 40px #0003}.bottom-sheet.open{transform:translateY(0)}@media (width<=1100px){.desktop-hidden{display:flex!important}.action-buttons-container{background:var(--bg-surface);border:1px solid var(--border);z-index:1000;border-radius:8px;flex-direction:column;padding:16px;position:absolute;top:50px;right:0;box-shadow:0 10px 25px #0003;display:none!important}.action-buttons-container.mobile-open{display:flex!important}}@media (width<=768px){.pos-container{flex-direction:column}.menu-area{flex:1;height:auto;padding:8px}.menu-grid{grid-template-columns:repeat(3,1fr);gap:8px}.ticket-area{border-left:none;border-top:2px solid var(--border);flex:1;width:100%;height:auto;min-height:auto}.ticket-items{min-height:250px}.item-btn{height:85px;padding:6px}.item-name{font-size:.9rem}.ticket-header,.ticket-footer{padding:12px}.checkout-actions{flex-flow:wrap}.checkout-actions button{flex:45%;padding:12px;font-size:1rem}.admin-main{padding:16px}.admin-aside{height:100vh;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-aside.open{transform:translate(0)}.admin-overlay.open{display:block}}.row-action-buttons{justify-content:flex-end;gap:8px;display:flex}@media (width<=768px){.row-action-buttons{flex-direction:column;width:100%}.row-action-buttons button{width:100%;padding:12px 16px!important}}