body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-page{align-items:center;background:linear-gradient(135deg,#4facfe,#a044ff);display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center;margin:0}.login-page .login-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;box-sizing:border-box;display:flex;flex-direction:column;max-width:90%;min-height:auto;overflow:visible;padding:2.5rem 2.5rem 2rem;text-align:center;width:500px}.login-page .login-container h1{color:#111;font-weight:600;margin-bottom:1.5rem}.login-page .login-container input{background:#0000;border:none;border-bottom:2px solid #ddd;display:block;font-size:1rem;margin:.5rem 0;outline:none;padding:.75rem 1rem;width:calc(100% - 2rem)}.login-page .login-container input:focus{border-bottom-color:#4facfe}.login-page .login-container button{background:linear-gradient(90deg,#4facfe,#a044ff);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:opacity .2s ease;width:100%}.login-page .login-container button:hover{background:linear-gradient(90deg,#3b8dff,#8a2be2);box-shadow:0 4px 12px #a044ff66;transform:scale(1.01)}.login-container{max-height:95vh;min-height:auto;overflow-y:auto}.forgot-password-link{font-size:.9rem;margin-bottom:.5rem;margin-top:1rem}.forgot-password{color:#4facfe;font-size:.9rem;text-decoration:none}.forgot-password:hover{color:#a044ff;text-decoration:underline}.register-link{font-size:.9rem;margin-bottom:0;margin-top:1rem}.register{color:blue;text-decoration:none}.register:hover{color:purple;text-decoration:underline}.message{border-radius:8px;font-size:.9rem}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{border:1px solid #f5c6cb;color:#721c24}@media (max-width:1024px){.login-page .login-container{max-width:90%;padding:2.5rem 2.5rem 2rem;width:400px}}@media (max-width:600px){.login-page .login-container{max-width:90%;padding:2rem 1.5rem;width:90%}.login-container{margin-left:1rem;margin-right:1rem}}.register-page{align-items:center;background:linear-gradient(135deg,#4facfe,#a044ff);display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center;margin:0}.register-page .register-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;box-sizing:border-box;display:flex;flex-direction:column;max-width:90%;min-height:auto;overflow:visible;padding:2.5rem 2.5rem 2rem;text-align:center;width:500px}.register-page .register-container h1{color:#111;font-weight:600;margin-bottom:1.5rem}.register-page .register-container input{background:#0000;border:none;border-bottom:2px solid #ddd;display:block;font-size:1rem;margin:.5rem 0;outline:none;padding:.75rem 1rem;width:calc(100% - 2rem)}.register-page .register-container input:focus{border-bottom-color:#4facfe}.register-page .register-container button{background:linear-gradient(90deg,#4facfe,#a044ff);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:opacity .2s ease;width:100%}.register-page .register-container button:hover{background:linear-gradient(90deg,#3b8dff,#8a2be2);box-shadow:0 4px 12px #a044ff66;transform:scale(1.01)}.register-page .register-link{font-size:.9rem;margin-bottom:0;margin-top:1rem}.register-page .register-link a{color:blue;font-weight:500;text-decoration:none}.register-page .register-link a:hover{color:purple;text-decoration:underline}.register-container{max-height:95vh;min-height:auto;overflow-y:auto}.message{border-radius:6px;font-size:.95rem;margin-top:1rem;padding:.75rem;text-align:center}.message.success{background-color:#e6ffed;border:1px solid #badbcc;color:#0f5132}.message.error{background-color:#f8d7da;border:1px solid #f5c2c7;color:#842029}.divider{align-items:center;display:flex;margin:1.5rem 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #ddd;content:"";flex:1 1}.divider span{color:#666;font-size:.9rem;padding:0 1rem}.google-signin-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50px;box-shadow:0 2px 4px #0000001a;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.75rem;transition:all .3s ease;width:100%}.google-signin-btn:hover{border-color:#ccc;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.google-icon{height:20px;width:20px}@media (max-width:1024px){.register-page .register-container{max-width:90%;padding:2.5rem 2.5rem 2rem;width:400px}}@media (max-width:600px){.register-page .register-container{max-width:90%;padding:2rem 1.5rem;width:90%}.register-container{margin-left:1rem;margin-right:1rem}}.profile-page{align-items:flex-start;background:linear-gradient(135deg,#4facfe,#a044ff);display:flex;font-family:Poppins,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:5.625rem 1.5rem 1.5rem}.profile-container{display:flex;flex-direction:column;gap:1.5rem;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:1200px;width:100%}.top-profile{display:flex;flex-wrap:wrap;gap:1rem}.company-info,.programs-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #4facfe1a;border-radius:20px;box-shadow:0 10px 40px #0000001f,0 2px 8px #00000014;flex:1 1;min-width:300px;overflow:hidden;padding:calc(2rem - 10px) calc(2.75rem - 10px);position:relative;transition:all .3s ease}.company-info:before,.programs-section:before{background:linear-gradient(90deg,#4facfe,#a044ff);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.company-info:hover:before,.programs-section:hover:before{opacity:1}.company-info:hover,.programs-section:hover{border-color:#4facfe4d;box-shadow:0 20px 60px #00000026,0 4px 16px #4facfe33;transform:translateY(-6px)}.company-info h2{color:#751ec7;font-size:1.3rem;margin-bottom:2rem}.company-info p{color:#751ec7;font-size:1rem;margin:.3rem 0}.programs-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a237e,#4facfe);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #e0e7ff;font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin-bottom:calc(1.5rem - 3px);padding-bottom:calc(.75rem - 3px);position:relative;text-align:center}.programs-section h2:after{background:linear-gradient(90deg,#4facfe,#a044ff);border-radius:2px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.programs-section ul{list-style:none;margin:0;padding:0}.programs-section li{background:#fafbfc;border-bottom:1px solid #e2e8f0;border-left:4px solid #0000;border-radius:8px;color:#4a5568;font-size:.95rem;line-height:1.6;margin-bottom:calc(.75rem - 3px);padding:calc(.75rem - 3px) 1rem;position:relative;transition:all .3s ease}.programs-section li:last-child{border-bottom:none;margin-bottom:0}.programs-section li:hover{background:linear-gradient(90deg,#f0f6ff,#fff);border-color:#4facfe33;box-shadow:0 4px 12px #4facfe26;transform:translateX(6px)}.programs-section strong{color:#4facfe;font-weight:600}.customer-list-wrapper{width:100%}.customer-list{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #4facfe1a;border-radius:20px;box-shadow:0 10px 40px #0000001f,0 2px 8px #00000014;overflow:hidden;padding:calc(2.25rem - 3px) calc(2.5rem - 3px) calc(1.75rem - 3px);position:relative;text-align:left;width:100%}.customer-list:before{background:linear-gradient(90deg,#4facfe,#a044ff);content:"";height:3px;left:20px;position:absolute;right:20px;top:0}.customer-list ul{list-style:none;margin:0;max-height:350px;overflow-x:hidden;overflow-y:auto;padding:0}.customer-list ul::-webkit-scrollbar{width:8px}.customer-list ul::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.customer-list ul::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4facfe,#a044ff);border-radius:10px}.customer-list ul::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#3a9ce8,#8a2be2)}.customer-list li{align-items:center;background:#fafbfc;border-bottom:1px solid #e2e8f0;border-left:3px solid #0000;border-radius:10px;color:#4a5568;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.5rem;min-height:50px;padding:1rem 1.25rem;transition:all .3s ease}.customer-list li:hover{background:linear-gradient(90deg,#f0f6ff,#fff);border-color:#4facfe33;box-shadow:0 4px 12px #4facfe1a;transform:translateX(6px)}.customer-list li:last-child{border-bottom:none;margin-bottom:0}.customer-points{box-shadow:0 4px 12px #4facfe66,0 2px 4px #a044ff4d;font-weight:700;letter-spacing:.3px;padding:6px 14px;transition:all .3s ease}.customer-list li:hover .customer-points{box-shadow:0 6px 16px #4facfe80,0 3px 6px #a044ff66;transform:scale(1.05)}.customer-list button{background:#b164ff;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 14px;transition:background-color .3s ease}.customer-list button:hover{background:#4facfe}.customer-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a237e,#4facfe);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #e0e7ff;font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin-bottom:calc(1.25rem - 3px);margin-left:7px;padding-bottom:calc(.75rem - 3px);position:relative}.customer-title:after{background:linear-gradient(90deg,#4facfe,#a044ff);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100px}.error-message{color:#ff4d4f;font-weight:600;margin-bottom:1rem}.company-info{color:#2c3e50;font-family:Poppins,sans-serif}.company-info .company-name{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#1a237e,#4facfe);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #e0e7ff;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;letter-spacing:.3px;margin-bottom:calc(1rem - 3px);padding-bottom:calc(1rem - 3px);position:relative}.company-info .company-name:after{background:linear-gradient(90deg,#4facfe,#a044ff);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.edit-company-btn{-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,#4facfe,#3a9ce8);background-clip:initial!important;-webkit-background-clip:border-box!important;border:none;border-radius:8px;box-shadow:0 2px 6px #4facfe4d;color:#fff!important;cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 16px;transition:all .3s ease}.edit-company-btn:hover{background:linear-gradient(135deg,#a044ff,#8a2be2);box-shadow:0 4px 12px #a044ff66;transform:translateY(-2px)}.edit-company-btn:active{transform:translateY(0)}.company-edit-input,.company-edit-section{margin-bottom:.5rem}.company-edit-input label{color:#1a237e;display:flex;flex-direction:column;font-size:2rem;gap:.5rem}.company-edit-input input{border:2px solid #4facfe;border-radius:6px;color:#333;font-family:Poppins,sans-serif;font-size:1rem;max-width:400px;padding:.5rem;width:100%}.company-edit-input input:focus{border-color:#a044ff;outline:none}.company-edit-buttons{display:flex;gap:.5rem;margin-top:.5rem}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500;padding:6px 16px;transition:background-color .3s ease}.save-btn{background:linear-gradient(135deg,#4facfe,#3a9ce8);box-shadow:0 2px 6px #4facfe4d;color:#fff}.save-btn:hover{background:linear-gradient(135deg,#3a9ce8,#2a8cd8);box-shadow:0 4px 12px #4facfe66;transform:translateY(-2px)}.cancel-btn{background:#e2e8f0;border:1px solid #cbd5e1;color:#475569}.cancel-btn:hover{background:#cbd5e1;box-shadow:0 2px 6px #0000001a;transform:translateY(-2px)}.company-info .email{align-items:center;color:#64748b;display:flex;font-size:1.05rem;gap:.5rem;margin-bottom:.75rem;padding:.5rem 0}.company-info .email strong{color:#334155;font-weight:600;min-width:60px}.company-info .customers{background:linear-gradient(135deg,#f0f6ff,#fff);border-left:4px solid #4facfe;border-radius:10px;color:#334155;display:inline-block;font-size:1.1rem;margin-top:.75rem;min-width:200px;padding:.75rem}.company-info .customers strong{color:#1a237e;font-size:1.2rem;font-weight:700}.dashboard-container{color:#000;font-family:Poppins,sans-serif}.welcome-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a237e,#4facfe);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700;letter-spacing:.3px;line-height:1.4;margin-bottom:1.25rem;margin-left:5px;margin-top:1.5rem;padding-bottom:.5rem;position:relative}.welcome-text:after{background:linear-gradient(90deg,#4facfe,#a044ff);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:80px}.company-info p{color:#64748b;font-size:.95rem;line-height:1.7;margin-left:5px;margin-top:.5rem}.company-info p strong{color:#334155;font-weight:600}.dashboard-section{margin-bottom:1.2rem}.dashboard{color:#000!important;margin:.3rem 0 0 .5rem}@media (max-width:900px){.top-profile{flex-direction:column}}@media (max-width:480px){.profile-page{align-items:center;justify-content:center;padding:2rem 1rem}.profile-container{align-items:center;margin-top:4rem}.top-profile{align-items:stretch;flex-direction:column;padding:0 1rem;width:100%}.company-info,.programs-section{box-sizing:border-box;margin-left:0;margin-right:0;max-width:100%;width:100%}.company-info .company-name{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:.5rem}.company-info .company-name strong{flex-shrink:0}.company-info .company-name .edit-company-btn{flex-basis:100%;margin-left:0;margin-top:.5rem;width:auto}}.functionality-page{align-items:flex-start;background:linear-gradient(135deg,#4facfe,#a044ff);display:flex;font-family:Poppins,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:5.625rem 1.5rem 1.5rem}.functionality-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #4facfe1a;border-radius:20px;box-shadow:0 10px 40px #0000001f,0 2px 8px #00000014;margin:1rem auto 0;max-width:1200px;min-height:700px;overflow:hidden;padding:2.5rem;position:relative;width:100%}.add-customer{margin-bottom:25px}.add-customer-form{align-items:center;display:flex;gap:10px}.add-customer-form input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:16px;padding:12px}.add-customer-form button{background:linear-gradient(90deg,#4facfe,#a044ff);border:none;border-radius:6px;color:#fff;cursor:pointer;min-width:100px;padding:12px 18px;transition:all .3s ease}.add-customer-form button:hover{background:linear-gradient(90deg,#3b8dff,#8a2be2);box-shadow:0 4px 12px #a044ff66;transform:scale(1.05)}.customer-list{list-style:none;margin:0 0 25px;overflow:visible;padding:0}.customer-item{background:#fafafa;border-bottom:1px solid #ddd;border-radius:6px;justify-content:space-between;margin-bottom:8px;min-height:50px;overflow:visible;padding:12px;position:relative;z-index:10}.customer-info,.customer-item{align-items:center;display:flex}.customer-info{flex:1 1;gap:.75rem;min-width:0}.customer-email{color:#333;flex-shrink:1;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-points{background:linear-gradient(135deg,#4facfe,#a044ff);border-radius:20px;box-shadow:0 2px 8px #4facfe4d;color:#fff;flex-shrink:0;font-size:.85rem;font-weight:600;padding:4px 12px}.customer-actions{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start}.customer-actions button{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;min-width:90px;padding:8px 12px;position:relative;width:90px}.customer-actions{position:relative;z-index:200}.customer-actions button[title]:hover:after{background:#000000e6;border-radius:6px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(title);font-size:.85rem;left:50%;min-width:max-content;padding:8px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10000}.customer-actions button[title]:hover:before{border:6px solid #0000;border-top-color:#000000e6;bottom:calc(100% + 2px);content:"";left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:10000}.customer-actions button:first-child{background-color:#61a1fc;color:#fff}.customer-actions button:first-child:hover{opacity:.7}.customer-actions button:nth-child(2){background-color:#8950bd;color:#fff}.customer-actions button:nth-child(2):hover{opacity:.7}.customer-actions button:nth-child(3){background:linear-gradient(90deg,#3b8dff,#8a2be2);color:#fff}.customer-actions button:nth-child(3):hover{opacity:.7}.menu-items-section{background:#fff;border:1px solid #4facfe1a;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:2rem}.menu-items-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a237e,#4facfe);-webkit-background-clip:text;background-clip:text;border-bottom:2px solid #e0e7ff;font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;position:relative}.menu-items-title:after{background:linear-gradient(90deg,#4facfe,#a044ff);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100px}.menu-items-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;margin:0;padding:0}.item-details{display:flex;flex-wrap:wrap}.no-items{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:3rem 2rem;text-align:center}.no-items p{color:#64748b;font-size:1.1rem;font-style:italic;margin:0}@media (max-width:1024px){.functionality-page{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:2rem}.functionality-container{border-radius:8px;margin-top:60px;min-height:auto;min-width:auto;padding:20px;width:95%}.add-customer-form{flex-direction:column;gap:8px}.add-customer-form button,.add-customer-form input{font-size:14px;padding:10px;width:100%}.add-customer-form button{min-width:auto}.customer-item{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:space-between;padding:10px}.customer-info{font-size:14px;gap:.5rem}.customer-email{font-size:14px}.customer-points{font-size:.75rem;padding:3px 10px}.customer-actions{display:flex;gap:8px}.customer-actions button{font-size:12px;min-width:90px;padding:6px 8px;width:90px}.menu-items-section{padding:1.5rem}.menu-items-list{grid-template-columns:1fr}}@media (max-width:480px){.customer-item{align-items:flex-start;display:flex;flex-direction:column;gap:10px;padding:10px}.customer-info{font-size:14px;gap:.5rem;width:100%}.customer-email{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-points{font-size:.7rem;padding:3px 8px}.customer-actions{display:flex;flex-direction:column;gap:6px;width:100%}.customer-actions button{font-size:13px;padding:8px 10px;width:100%}.menu-items-section{padding:1.25rem}.menu-items-title{font-size:1.2rem}.menu-items-list{gap:.75rem;grid-template-columns:1fr}.menu-item-card{padding:1.25rem}.item-name{font-size:1.1rem}.item-details{flex-direction:column;gap:.75rem}}.confirmation-modal-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.confirmation-modal-container{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #0000000d;display:flex;flex-direction:column;left:50%;max-width:450px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.confirmation-modal-header{padding:2rem 2rem 1rem;position:relative}.confirmation-modal-header,.confirmation-modal-icon{align-items:center;display:flex;justify-content:center}.confirmation-modal-icon{border-radius:50%;font-size:2.5rem;font-weight:700;height:64px;margin:0 auto;width:64px}.confirmation-modal-icon-danger{background:#fee2e2;border:3px solid #ef4444;color:#ef4444}.confirmation-modal-icon-info{background:#dbeafe;border:3px solid #3b82f6;color:#3b82f6}.confirmation-modal-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.confirmation-modal-close-btn:hover{background:#f1f5f9;color:#334155;transform:rotate(90deg)}.confirmation-modal-body{padding:0 2rem 1.5rem;text-align:center}.confirmation-modal-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .75rem}.confirmation-modal-message{color:#64748b;font-size:1rem;line-height:1.6;margin:0}.confirmation-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.confirmation-modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.confirmation-modal-btn-secondary{background:#fff;border:1px solid #e2e8f0;color:#64748b}.confirmation-modal-btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.confirmation-modal-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.confirmation-modal-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #ef444466;transform:translateY(-2px)}.confirmation-modal-btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 2px 8px #007bff4d;color:#fff}.confirmation-modal-btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 4px 16px #007bff66;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width:768px){.confirmation-modal-container{width:95%}.confirmation-modal-header{padding:1.5rem 1.5rem 1rem}.confirmation-modal-body{padding:0 1.5rem 1.25rem}.confirmation-modal-title{font-size:1.25rem}.confirmation-modal-footer{flex-direction:column-reverse;padding:1.25rem 1.5rem}.confirmation-modal-btn{width:100%}}.menu-page{align-items:flex-start;background:linear-gradient(135deg,#4facfe,#a044ff);display:flex;font-family:Poppins,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:5.625rem 1.5rem 1.5rem}.menu-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:1rem auto 0;min-height:700px;min-width:1100px;padding:25px}.menu-container h1{color:#111;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.menu-form input{background:#0000;border:none;border-bottom:2px solid #ddd;border-radius:4px;font-size:1rem;margin:.4rem 0;outline:none;padding:.75rem 1rem;transition:border-color .3s ease;width:calc(100% - 20px)}.menu-form input:focus{border-bottom-color:#4facfe}.menu-form button{background:linear-gradient(90deg,#4facfe,#a044ff);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:opacity .2s ease;width:100%}.menu-form button:hover{background:linear-gradient(90deg,#3b8dff,#8a2be2);box-shadow:0 2px 6px #a044ff66;transform:scale(1.01)}.menu-items-section{margin-top:2rem;padding-top:.5rem;position:relative}.menu-items-section:before{background:linear-gradient(90deg,#4facfe,#a044ff);content:"";height:3px;left:20px;position:absolute;right:20px;top:0}.menu-list{list-style:none;margin-top:2rem;max-height:300px;overflow-y:auto;padding-left:0;text-align:left}.menu-list li{background:#f5f5f5;border-radius:8px;font-weight:500;margin-bottom:.7rem;padding:.8rem 1rem}.menu-item-card,.menu-list li{align-items:center;display:flex;justify-content:space-between}.menu-item-card{background:linear-gradient(135deg,#fafbfc,#fff);border:1px solid #e2e8f0;border-left:4px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.menu-item-card:hover{background:linear-gradient(135deg,#f0f6ff,#fff);border-left-color:#4facfe;box-shadow:0 4px 16px #4facfe26;transform:translateY(-4px)}.menu-item-info{display:flex;flex:1 1;flex-direction:column;gap:1rem}.item-name{color:#1a237e;font-size:1.25rem;font-weight:700;letter-spacing:.3px;margin:0}.item-details{align-items:center;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:1rem}.detail-badge{border-radius:8px;display:flex;flex-direction:column;gap:.25rem;min-width:100px;padding:.5rem 1rem}.price-badge{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #7dd3fc}.points-badge{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border:1px solid #c084fc}.detail-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1a237e;font-size:1.1rem;font-weight:700}.price-badge .detail-value{color:#0369a1}.points-badge .detail-value{color:#7c3aed}.menu-item-actions{display:flex;flex-shrink:0;gap:.5rem}.menu-item-actions .delete-btn,.menu-item-actions .edit-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.menu-item-actions .edit-btn{background:linear-gradient(135deg,#4facfe,#3a9ce8);box-shadow:0 2px 8px #4facfe4d;color:#fff}.menu-item-actions .edit-btn:hover{background:linear-gradient(135deg,#3a9ce8,#2a8cd8);box-shadow:0 4px 12px #4facfe66;transform:translateY(-2px)}.menu-item-actions .delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.menu-item-actions .delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.menu-list li .delete-btn,.menu-list li .edit-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:.5rem;padding:.5rem 1rem;transition:all .3s ease}.menu-list li .edit-btn{background:linear-gradient(135deg,#4facfe,#3a9ce8);box-shadow:0 2px 8px #4facfe4d;color:#fff}.menu-list li .edit-btn:hover{background:linear-gradient(135deg,#3a9ce8,#2a8cd8);box-shadow:0 4px 12px #4facfe66;transform:translateY(-2px)}.menu-list li .delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.menu-list li .delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.menu-container p.no-items{color:#666;font-size:1.1rem;font-style:italic;margin-top:3rem;text-align:center}.menu-item{align-items:center;display:flex;font-size:1rem;gap:12px}.price{color:#4facfe}.points,.price{font-weight:500}.points{color:#a044ff}@media (max-width:1024px){.menu-page{align-items:flex-start;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:2rem}.menu-container{border-radius:8px;margin-top:60px;min-height:auto;min-width:auto;padding:20px;width:95%}.menu-container h1{font-size:1.5rem}.menu-form input{font-size:.9rem;padding:.6rem .8rem}.menu-form button{font-size:1rem;padding:.6rem}.menu-list li{font-size:.9rem;padding:.6rem .8rem}.menu-list li button{font-size:.8rem;padding:.25rem .5rem}}@media (max-width:480px){.menu-container{border-radius:6px;padding:15px;width:100%}.menu-container h1{font-size:1.25rem}.menu-form input{font-size:.85rem;padding:.5rem .6rem}.menu-form button{font-size:.95rem;padding:.5rem}.menu-list li{align-items:flex-start;flex-direction:column;font-size:.85rem;padding:.5rem .6rem}.menu-list li button{align-self:flex-end;font-size:.8rem;margin:.1rem;padding:.3rem .6rem}.menu-item-card,.menu-item-info{align-items:center;flex-direction:column;text-align:center}.menu-item-info{display:flex;width:100%}.item-name{text-align:center;width:100%}.item-details,.menu-item-card .item-details,.menu-item-info .item-details{align-items:center;flex-direction:row!important;flex-wrap:nowrap!important;gap:.75rem;justify-content:center!important;width:100%}.detail-badge{min-width:80px;padding:.4rem .8rem}.detail-label{font-size:.7rem}.detail-value{font-size:.95rem}.menu-item-actions{align-items:center!important;display:flex!important;gap:.75rem;justify-content:center!important;margin-top:1rem;width:100%!important}.menu-item-actions .delete-btn,.menu-item-actions .edit-btn{flex:0 1 auto;margin:0;max-width:150px;min-width:100px;padding:.5rem 1rem}}.popup-overlay{background:#0000004d;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.popup{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000004d;margin:50px auto 0;max-width:400px;padding:20px;position:relative;width:90%}.popup h3{margin-bottom:15px}.popup input{border:1px solid #ccc;border-radius:5px;display:block;margin-bottom:10px;padding:8px;width:100%}.popup-buttons{display:flex;gap:10px;justify-content:flex-end}.popup-buttons button{border:none;border-radius:5px;cursor:pointer;padding:8px 14px}.popup-buttons .save{background:linear-gradient(135deg,#4facfe,#a044ff);color:#fff}.popup-buttons button:hover{opacity:.7}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4facfe,#a044ff);box-shadow:0 4px 20px #0003;color:#fff;height:70px;position:fixed;top:0;width:100%;z-index:100}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:auto;max-width:1400px;padding:0 2rem}.navbar-logo{font-size:1.75rem;font-weight:700;letter-spacing:.5px}.title{color:#5919f9;display:inline-block;text-decoration:none;text-shadow:0 2px 4px #0003;transition:all .3s ease}.title:hover{color:#fff;text-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.navbar-links{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.navbar-links,.navbar-links li{position:relative}.navbar-links li a{border-radius:8px;color:#fff;display:block;font-size:.95rem;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.navbar-links li a:before{background:#ffffff1a;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.navbar-links li a:hover:before{left:0}.navbar-links li a:hover{background:#ffffff26;transform:translateY(-2px)}.navbar-links li a.active{background:#fff3;box-shadow:0 2px 8px #0003;font-weight:600}.navbar-toggle{cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-between;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;width:30px;z-index:110}@media (max-width:768px){.navbar-container{padding:0 1.5rem}.navbar-logo{font-size:1.5rem}.navbar-links{background:linear-gradient(135deg,#4facfe,#a044ff);border-radius:0 0 0 12px;box-shadow:-4px 4px 20px #0003;display:none;flex-direction:column;gap:.5rem;padding:1.5rem;position:fixed;right:0;top:70px;width:250px}.navbar-links.show{animation:slideIn .3s ease;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.navbar-links li{width:100%}.logout-button,.navbar-links li a{border-radius:8px;padding:.75rem 1rem;text-align:center;width:100%}.navbar-toggle{display:flex}}.navbar-toggle span{background-color:#fff;border-radius:3px;box-shadow:0 2px 4px #0003;display:block;height:3px;transform-origin:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:100%}.navbar-toggle.open span:first-child{transform:rotate(45deg) translate(8px,8px)}.navbar-toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.navbar-toggle:hover span{background-color:#ffffffe6}.logout-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.logout-button:before{background:#fff3;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.logout-button:hover:before{left:0}.logout-button:hover{background:#fff3;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}
/*# sourceMappingURL=main.68405e82.css.map*/