:root{--bg-dark:#121212;--bg-panel:#1e1e24;--bg-button:#2a2a35;--bg-button-hover:#3f3f4e;--text-main:#f5f5f5;--text-muted:#a0a0b0;--accent-blue:#007bff;--accent-green:#28a745;--accent-red:#dc3545;--accent-orange:#ffc107;--cat-starters:#ff7e67;--cat-zingers:#e056fd;--cat-burgers:#f39c12;--cat-seafood:#00cec9;--cat-house:#6c5ce7;--cat-bar:#fdcb6e;--border-color:#333}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body,html{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-main);overflow:hidden}#root{width:100%;height:100%}button{background:var(--bg-button);color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;font-size:1rem;font-weight:600;transition:all .1s;box-shadow:0 4px 6px #0000004d}button:active{transform:translateY(2px);box-shadow:0 1px 2px #0006}.relative{position:relative}.absolute{position:absolute}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.h-full{height:100%}.p-2{padding:.5rem}.p-4{padding:1rem}.m-4{margin:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.grid{display:grid}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-4{margin-left:1rem}.pb-1{padding-bottom:.25rem}.border-b{border-bottom:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.text-sm{font-size:.875rem}.text-center{text-align:center}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-gray-700{color:#374151}.bg-white{background-color:#fff}.text-black{color:#000}.overflow-y-auto{overflow-y:auto}.w-full{width:100%}.bg-red{background-color:var(--accent-red)}.bg-green{background-color:var(--accent-green)}.bg-orange{background-color:var(--accent-orange)}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;width:500px;max-width:90vw;max-height:90vh;display:flex}.modal-grid{grid-template-columns:repeat(3,1fr);gap:8px}.mod-btn{flex-direction:column;align-items:center;padding:12px;display:flex}.mod-btn.selected{background:var(--accent-blue);color:#fff}.login-container{background:radial-gradient(circle at center, var(--bg-panel) 0%, var(--bg-dark) 100%)}.login-box{background:var(--bg-panel);border:2px solid var(--border-color);border-radius:12px;width:400px;box-shadow:0 10px 30px #00000080}.lock-icon{color:var(--accent-orange)}.pin-display{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;gap:1rem;width:80%;padding:1rem}.pin-dot{text-align:center;width:30px;font-size:2rem;line-height:1}.keypad{grid-template-columns:repeat(3,1fr);width:80%}.key-btn{background:var(--bg-button);padding:1.5rem;font-size:1.5rem}.key-btn:hover{background:var(--bg-button-hover)}.action-btn.bg-red{background:var(--accent-red);color:#fff}.action-btn.bg-green{background:var(--accent-green);color:#fff}.pos-container{background:var(--bg-dark);grid-template:"top top top"60px"left mid right"1fr"left mid bot"60px/350px 150px 1fr;gap:8px;height:100vh;padding:8px;display:grid}.pos-top-bar{grid-area:top;justify-content:space-between;align-items:center;display:flex}.pos-left-col{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;flex-direction:column;grid-area:left;display:flex}.pos-mid-col{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;flex-direction:column;grid-area:mid;display:flex}.pos-right-area{border:1px solid var(--border-color);background:#e3effa;border-radius:4px;grid-area:right;padding:8px;overflow-y:auto}.pos-bot-right{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:4px;grid-area:bot;gap:4px;padding:4px;display:flex}.aloha-btn{color:#000;cursor:pointer;background:linear-gradient(#dcdcdc,#a9a9a9);border:1px solid #555;border-radius:4px;padding:8px;font-weight:700;box-shadow:inset 1px 1px #ffffff80,1px 1px 2px #00000080}.aloha-btn:active{background:linear-gradient(#a9a9a9,#dcdcdc);box-shadow:inset 1px 1px 2px #00000080}.btn-green{color:#fff;background:linear-gradient(#4caf50,#2e7d32)}.btn-dark{color:#fff;background:linear-gradient(#666,#333)}.cat-list{flex-direction:column;flex:1;gap:4px;padding:4px;display:flex;overflow-y:auto}.cat-btn{padding:12px 4px;font-size:.9rem}.item-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:80px;gap:8px;display:grid}.item-btn{font-size:.85rem}.util-btn{flex:1;font-size:.8rem}.top-block{background:var(--bg-panel);border:2px solid #a30000;gap:8px;padding:4px;display:flex}@media (width<=768px){.pos-container{flex-direction:column;height:100vh;min-height:100vh;padding:4px;display:flex;overflow-y:auto}.pos-top-bar{flex-wrap:wrap;justify-content:center;gap:4px}.pos-left-col{flex-shrink:0;height:40vh;margin-bottom:8px}.pos-mid-col{flex-shrink:0;height:auto;margin-bottom:8px}.cat-list{white-space:nowrap;flex-direction:row;overflow-x:auto}.cat-btn{min-width:100px}.pos-right-area{min-height:50vh;margin-bottom:8px}.item-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:100px}.pos-bot-right{flex-wrap:wrap;justify-content:center}.util-btn{min-width:30%;margin-bottom:4px}}