*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;touch-action:manipulation}body{height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;flex-direction:column}.top{height:65vh;display:flex;flex-direction:row;gap:20px;padding:20px}.drink-container{background:linear-gradient(145deg,#fff,#f8f9fa);width:50%;border-radius:16px;padding:25px;display:flex;flex-direction:column;gap:15px;box-shadow:0 10px 30px #0000001a,0 1px 8px #0000000d,inset 0 1px #fffc;border:2px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;max-height:90vh;scrollbar-width:none;-ms-overflow-style:none}.drink-container::-webkit-scrollbar{display:none}.drink-container p{background:linear-gradient(145deg,#f1f3f4,#e8eaed);color:#2c3e50;border-radius:14px;min-height:80px;padding:0 15px;text-align:center;font-weight:700;font-size:32px;cursor:pointer;border:2px solid #e5e7eb;box-shadow:0 4px 15px #00000014,inset 0 1px #ffffffb3;position:relative;overflow:hidden;margin-bottom:15px;display:flex;align-items:center;justify-content:center}.drink-container p:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.drink-container p:hover{background:linear-gradient(145deg,#e8eaed,#d1d5db);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #00000026,inset 0 1px #ffffff80;border-color:#3b82f6}.drink-container p:hover:before{left:100%}.drink-container p:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 15px #0000001a,inset 0 2px 4px #0000001a}.right-container{background:linear-gradient(145deg,#fff,#f8f9fa);width:50%;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0000001a,0 1px 8px #0000000d,inset 0 1px #fffc;border:2px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.choice-container{background:#fff;height:70%;padding:22px;color:#2c3e50;display:flex;flex-direction:column;gap:10px;font-size:20px;border-bottom:2px solid #e5e7eb;border:none;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.choice-container::-webkit-scrollbar{display:none}.menu{display:flex;flex-direction:row;background:linear-gradient(145deg,#fff,#f1f3f4);min-height:120px;border-radius:10px;font-weight:700;border:1px solid #5ce7e0;box-shadow:0 2px 8px #0000000f,inset 0 1px #fffc;transition:all .2s ease;align-items:center;padding-left:20px;margin-bottom:20px;flex-shrink:0}.menu p{font-size:30px}.menu:last-child{margin-bottom:10px}.add-button,.del-button{border-radius:10%;border:none;cursor:pointer;box-shadow:0 4px 15px #0000001a,inset 0 1px #ffffff80;position:relative;overflow:hidden;color:#1e293b;display:flex;justify-content:center;align-items:center;color:#fff;height:50px;width:50px;font-size:35px;font-weight:700}.add-button{margin-left:30px;background-color:#1ab2e9}.del-button{background-color:#e91a1a}.sum-container{background:linear-gradient(145deg,#10b981,#059669);height:10%;padding:14px 22px;color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:40px;border-bottom:2px solid rgba(0,0,0,.1);box-shadow:inset 0 1px #fff3}.change-container{background:linear-gradient(145deg,#f59e0b,#d97706);height:20%;padding:14px 22px;color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:40px;box-shadow:inset 0 1px #fff3}.total-inserted-container{background:linear-gradient(145deg,#3b82f6,#2563eb);height:10%;padding:14px 22px;color:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:40px;box-shadow:inset 0 1px #fff3;border-top:2px solid rgba(0,0,0,.1)}.money-button-container{background:linear-gradient(145deg,#fff,#f8f9fa);height:360px;margin-top:5px;border-radius:16px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:15px 30px;box-shadow:0 10px 30px #0000001a,0 1px 8px #0000000d,inset 0 1px #fffc;border:2px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:10px}.money-button-containers{background:linear-gradient(145deg,#fff,#f8f9fa);height:360px;margin-top:5px;border-radius:16px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 10px 30px #0000001a,0 1px 8px #0000000d,inset 0 1px #fffc;border:2px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:10px}.money-button-row{display:flex;flex-direction:row;gap:15px;width:100%;justify-content:center}.money-button{width:180px;height:90px;font-size:36px;font-weight:700;border-radius:16px;border:2px solid #334155;cursor:pointer;box-shadow:0 6px 20px #00000014,inset 0 1px #fff9;position:relative;overflow:hidden;background:linear-gradient(145deg,#64748b,#475569);color:#fff;justify-content:center;align-items:center;display:flex;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex:1;min-width:80px}.money-button.AC{background:linear-gradient(145deg,#ef4444,#dc2626)!important;color:#fff!important;border-color:#b91c1c!important;font-weight:800;box-shadow:0 6px 20px #ef44444d,inset 0 1px #ffffff4d}.money-button.other{background:linear-gradient(145deg,#f59e0b,#d97706)!important;color:#fff!important;border-color:#b45309!important;font-weight:700;box-shadow:0 6px 20px #f59e0b4d,inset 0 1px #ffffff4d}.clear-button.ALLCA{margin-right:10px;background:red}.clear-button-container{padding:10px 40px;background:#fff;display:flex;justify-content:center;align-items:center}.clear-button{background:linear-gradient(145deg,#ef4444,#dc2626);color:#fff;border:none;width:100%;height:70px;border-radius:14px;font-size:28px;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #ef44444d,inset 0 1px #ffffff4d;position:relative;overflow:hidden;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;outline:none;display:flex;justify-content:center;align-items:center}.clear-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.clear-button:hover{background:linear-gradient(145deg,#dc2626,#b91c1c);transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #ef444466,inset 0 1px #fff3}.clear-button:hover:before{left:100%}.clear-button:active{background:linear-gradient(145deg,#b91c1c,#991b1b);transform:translateY(-1px) scale(.98);box-shadow:0 4px 15px #ef444433,inset 0 2px 4px #0000001a}.money-button:active{transform:translateY(5px) scale(.95);background:linear-gradient(145deg,#475569,#334155);box-shadow:0 2px 8px #0000001a,inset 0 3px 5px #0003;border-color:#1e293b}.money-button.AC:active{transform:translateY(5px) scale(.95);background:linear-gradient(145deg,#b91c1c,#991b1b)!important;box-shadow:0 2px 8px #ef444433,inset 0 3px 5px #0003;border-color:#7f1d1d!important}.money-button.other:active{transform:translateY(5px) scale(.95);background:linear-gradient(145deg,#b45309,#92400e)!important;box-shadow:0 2px 8px #f59e0b33,inset 0 3px 5px #0003;border-color:#78350f!important}.money-button.ALLCA:active{transform:translateY(5px) scale(.95);background:linear-gradient(145deg,#6d28d9,#5b21b6)!important;box-shadow:0 2px 8px #8b5cf633,inset 0 3px 5px #0003;border-color:#4c1d95!important}@media (max-width: 768px){body{padding:0;margin:0;box-sizing:border-box;height:100vh;overflow:hidden}.top{height:65vh;gap:10px;padding:10px}.drink-container{padding:15px;gap:8px;max-height:100%}.drink-container p{min-height:50px;font-size:18px;margin-bottom:8px;padding:0 8px}.choice-container{padding:12px;gap:6px;font-size:16px}.menu{min-height:70px;padding-left:10px;margin-bottom:10px}.menu p{font-size:15px}.add-button,.del-button{height:30px;width:30px;font-size:18px;margin-left:8px}.add-button{margin-left:20px}.clear-button-container{padding:6px 20px}.clear-button{height:45px;font-size:18px}.sum-container,.total-inserted-container,.change-container{padding:8px 12px;font-size:22px}.money-button-container,.money-button-containers{height:35vh;margin-top:0;padding:10px;gap:8px}.money-button-row{gap:8px}.money-button{width:100px;height:60px;font-size:24px;min-width:60px}.money-button.ALLCA{font-size:28px}}@media (max-width: 480px){body{padding:0;margin:0;height:100vh;overflow:hidden}.top{gap:5px;padding:5px;height:65vh}.drink-container{padding:8px;gap:4px}.drink-container p{min-height:40px;font-size:14px;margin-bottom:4px;padding:0 6px}.choice-container{padding:8px;gap:4px;font-size:14px}.menu{min-height:55px;padding-left:8px;margin-bottom:6px}.menu p{font-size:15px}.add-button,.del-button{height:30px;width:30px;font-size:16px;margin-left:6px}.add-button{margin-left:12px}.clear-button-container{padding:4px 15px}.clear-button{height:35px;font-size:14px}.sum-container,.total-inserted-container,.change-container{padding:6px 8px;font-size:16px}.change-container{font-size:25px}.money-button-container,.money-button-containers{height:35vh;margin-top:0;padding:8px;gap:6px}.money-button-row{gap:6px}.money-button{width:80px;height:50px;font-size:18px;min-width:50px}.money-button.ALLCA{font-size:20px}}.calculator-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.calculator-container{background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:20px;padding:30px;box-shadow:0 20px 40px #0003;border:2px solid rgba(255,255,255,.8);max-width:350px;width:90%}.calculator-display{background:#000;color:#fff;font-size:32px;font-weight:700;padding:20px;margin-bottom:20px;border-radius:10px;text-align:right;min-height:60px;display:flex;align-items:center;justify-content:flex-end;font-family:Courier New,monospace;border:2px solid #333}.calculator-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.calc-btn{height:60px;font-size:24px;font-weight:700;border:none;border-radius:10px;cursor:pointer;background:linear-gradient(145deg,#e2e8f0,#cbd5e1);color:#334155;box-shadow:0 4px 8px #0000001a,inset 0 1px #ffffff80;transition:all .2s ease}.calc-btn:hover{background:linear-gradient(145deg,#cbd5e1,#94a3b8);transform:translateY(-2px)}.calc-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a,inset 0 2px 4px #0000001a}.calc-btn.clear{background:linear-gradient(145deg,#fef3c7,#fde68a);color:#92400e}.calc-btn.cancel{background:linear-gradient(145deg,#fecaca,#f87171);color:#991b1b}.calc-btn.enter{background:linear-gradient(145deg,#bbf7d0,#86efac);color:#166534}.calc-btn.zero{grid-column:span 2}@media (max-width: 480px){.calculator-container{padding:20px;max-width:300px}.calculator-display{font-size:24px;padding:15px;min-height:50px}.calc-btn{height:50px;font-size:20px}.calculator-buttons{gap:10px}}.money-button-containersuper{display:flex;flex-direction:row;margin-left:5px}.button1{display:flex;flex-direction:column;align-items:center;height:100vh}.mbutton-row{display:flex;flex-direction:row;gap:20px;font-size:20px;margin-bottom:10px;margin-top:5px}.mbutton{font-weight:700;border-radius:16px;border:2px solid #334155;cursor:pointer;box-shadow:0 6px 20px #00000014,inset 0 1px #fff9;overflow:hidden;background:linear-gradient(145deg,#64748b,#475569);color:#fff;justify-content:center;align-items:center;display:flex;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex:1;width:80px;height:70px}.mbutton:active{transform:translateY(5px) scale(.95);background:linear-gradient(145deg,#475569,#334155);box-shadow:0 2px 8px #0000001a,inset 0 3px 5px #0003;border-color:#1e293b}.button2{width:100%;height:100vh;justify-items:center;display:flex;flex-direction:column;align-items:center}.ca-button,.other-button{width:100px;height:70px;display:flex;align-items:center;justify-content:center;font-size:30px;border-radius:10%}.ca-button{background:linear-gradient(145deg,#ef4444,#dc2626)!important;color:#fff!important;border-color:#b91c1c!important;font-weight:800;margin-top:8px;box-shadow:0 6px 20px #ef44444d,inset 0 1px #ffffff4d}.ca-button:active{transform:translateY(5px) scale(.95);background:linear-gradient(145deg,#b91c1c,#991b1b)!important;box-shadow:0 2px 8px #ef444433,inset 0 3px 5px #0003;border-color:#7f1d1d!important}.other-button{margin-top:10px;background:linear-gradient(145deg,#f59e0b,#d97706)!important;color:#fff!important;border-color:#b45309!important;font-weight:700;font-size:30px;box-shadow:0 6px 20px #f59e0b4d,inset 0 1px #ffffff4d}.other-button:active{transform:translateY(5px) scale(.95);background:linear-gradient(145deg,#b45309,#92400e)!important;box-shadow:0 2px 8px #f59e0b33,inset 0 3px 5px #0003;border-color:#78350f!important}.Manage{background-color:#f9f9f9;height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;overflow:hidden}.input-form{margin-top:20px;display:flex;flex-direction:row;align-items:center;gap:5px;padding:10px;border-radius:5px;background-color:#f9f9f9}input{padding:3px;width:40%;border:1px solid #ddd;border-radius:4px;outline:none;font-size:14px;transition:border-color .3s;box-shadow:0 2px 4px #0000001a}input:focus{border-color:#4a90e2;box-shadow:0 0 4px #4a90e280}.add_button{border-radius:4px;width:15%;height:100%;background-color:#4a90e2;color:#fff;border:none;cursor:pointer;font-weight:500;transition:background-color .3s;box-shadow:0 2px 4px #0000001a}.add_button:hover{background-color:#3a7bc8}.menu-container{margin-top:30px;width:100%;height:calc(100vh - 200px);max-height:calc(100vh - 200px);min-height:300px;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:10px 0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.menu-container::-webkit-scrollbar{width:8px}.menu-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.menu-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.menu-container::-webkit-scrollbar-thumb:hover{background:#555}.single-menu{display:flex;flex-direction:row;align-items:center;border:1px solid #ddd;margin-bottom:10px;background-color:#fff;box-shadow:0 2px 4px #0000001a;overflow:hidden;width:80%;height:50px;flex-shrink:0}.menu-name{width:300px;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;border-right:1px solid gray}.menu-price{width:300px;height:100%;align-items:center;justify-content:center;font-weight:700;display:flex;color:#0e82d5;border-right:1px solid gray}.delete-button{color:#fff;height:100%;width:100%;display:flex;justify-content:center;align-items:center;color:red;font-weight:700}.status{margin-top:10px;display:flex;flex-direction:row;gap:10px}.switch-button{color:#62a562}