@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,ul{list-style:none;margin:0;padding:0}.responsive-imag{height:100vh;margin:auto;object-fit:100% 100%}@media (max-width:768px){.navbar{flex-direction:column}}.navbar{background-color:#333;padding:15px 30px}.nav-links{gap:40px}.nav-links a{color:#fff;font-size:22px;transition:all .3s ease}.nav-links a:hover{background-color:#444;border-radius:5px;color:#f0a500}.form-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;margin:50px auto;max-width:400px;padding:20px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input{border:1px solid #ccc}.form-group input,button{border-radius:5px;padding:10px;width:100%}button{background-color:#333}button:hover{background-color:#555}p{margin-top:15px;text-align:center}a{color:#333;text-decoration:none}a:hover{text-decoration:underline}.login-wrapper{align-items:center;background-color:#f8f9fa;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding-top:70px}.auth-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0;max-width:400px;padding:2rem;width:90%}.auth-container h2{color:#333;margin-bottom:1.5rem}.auth-container form{display:flex;flex-direction:column}.auth-container label{color:#555;margin-bottom:.5rem;text-align:left}.auth-container input{border:1px solid #ccc;border-radius:5px;margin-bottom:1rem;padding:.8rem}.auth-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem}.auth-container button:hover{background-color:#0056b3}@media (max-width:768px){.login-wrapper{padding-top:60px}}@media (max-width:480px){.login-wrapper{padding-top:50px}}.navbar{align-items:center;background-color:#2c3e50;box-shadow:0 2px 5px #0003;display:flex;height:70px;justify-content:space-between;left:0;padding:15px 20px;position:fixed;top:0;width:100%;z-index:1000}.logo img{border-radius:50%;height:50px;width:50px}.nav-links{display:flex;gap:20px;list-style:none}.nav-links li{margin:0}.nav-links a{color:#ecf0f1;font-size:1.1em;padding:10px 15px;text-decoration:none;transition:color .3s,background .3s}.nav-links a:hover{background:#ffffff1a;color:#3498db}.nav-links a.active{color:#3498db;font-weight:700}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:10px}.bar{background-color:#ecf0f1;height:3px;transition:all .3s ease;width:30px}@media (max-width:768px){.navbar{flex-wrap:wrap;height:auto;padding:10px 15px}.hamburger{display:flex}.nav-links{background-color:#2c3e50;display:none;flex-direction:column;padding:10px 0;text-align:center;width:100%}.nav-links.active{display:flex}.nav-links li{margin:5px 0}.nav-links a{font-size:1.2em;padding:10px}.hamburger.active .bar:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}}@media (max-width:480px){.navbar{padding:10px 15px}.logo img{height:40px;width:40px}.nav-links a{font-size:1em;padding:8px}.hamburger{padding:8px}.bar{height:2px;width:25px}}.App{font-family:Arial,sans-serif;min-height:100vh}.homepage{margin-top:70px;overflow:hidden}.homepage,.responsive-imag{height:calc(100vh - 70px);width:100%}.responsive-imag{-webkit-user-drag:none;display:block;margin:0;object-fit:fill;padding:0;pointer-events:none;-webkit-user-select:none;user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width:768px){.homepage{margin-top:60px}.homepage,.responsive-imag{height:calc(100vh - 60px)}}@media (max-width:480px){.homepage{margin-top:50px}.homepage,.responsive-imag{height:calc(100vh - 50px)}}body,html{font-family:Roboto,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}button,input,select{font-family:inherit}:root{--bg1:#ffe5b4;--bg2:#ffcc80;--card:#fffaf0;--card2:#fef5e7;--text:#4a2c2a;--text2:#6b4e31;--border:#d4c4a9;--primary:#ff6f61;--primary2:#e65b50;--danger:#d32f2f;--danger2:#b71c1c;--shadow1:0 10px 25px #00000026;--shadow2:0 6px 18px #0000001a;--shadow3:0 12px 30px #00000026;--radius1:20px;--radius2:15px;--radius3:12px}.fast-food-wrapper{align-items:flex-start;background:linear-gradient(135deg,#ffe5b4,#ffcc80);background:linear-gradient(135deg,var(--bg1) 0,var(--bg2) 100%);display:flex;height:100%;justify-content:center;min-height:100vh;min-height:-webkit-fill-available;padding-bottom:20px;padding-top:90px;width:100%}.fast-food-container{background:#fffaf0;background:var(--card);border-radius:20px;border-radius:var(--radius1);box-shadow:0 10px 25px #00000026;box-shadow:var(--shadow1);max-width:1200px;padding:35px;position:relative;transition:transform .25s ease,box-shadow .25s ease;width:95%}.fast-food-container:hover{box-shadow:0 12px 30px #00000026;box-shadow:var(--shadow3);transform:translateY(-5px)}.login-prompt{background:linear-gradient(135deg,var(--bg1) 0,var(--bg2) 100%);padding:20px;width:100%}.login-prompt h2{color:var(--text);font-weight:800}.login-prompt button{background:var(--primary);box-shadow:0 10px 20px #ff6f6140;font-size:1.2em;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.login-prompt button:hover{background:var(--primary2);transform:translateY(-2px)}.page-title{color:#4a2c2a;color:var(--text);font-size:3em;letter-spacing:1.5px;margin-bottom:45px;position:relative;text-align:center;text-transform:uppercase}.page-title:after{background:#ff6f61;background:var(--primary);border-radius:3px;bottom:-12px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:70px}.no-product{background:#fff1e6;border:1px solid #d4c4a9a6;border-radius:12px;border-radius:var(--radius3);color:#6b4e31;color:var(--text2);font-weight:700;padding:12px;text-align:center}.filter-btn{background:#fff1e6;border:1px solid #d4c4a9cc;border-radius:24px;color:#4a2c2a;color:var(--text);cursor:pointer;display:block;font-weight:800;margin:0 auto 18px;padding:12px 18px;transition:transform .15s ease,background .2s ease,border .2s ease}.filter-btn:hover{background:#ffe9db;transform:translateY(-2px)}.product-form{background:#fef5e7;background:var(--card2);border:1px solid #d4c4a959;border-radius:15px;border-radius:var(--radius2);box-shadow:0 6px 18px #0000001a;box-shadow:var(--shadow2);display:flex;flex-direction:column;gap:25px;margin-bottom:60px;padding:30px;transition:box-shadow .25s ease,transform .25s ease}.product-form:hover{box-shadow:0 12px 30px #00000026;box-shadow:var(--shadow3);transform:translateY(-2px)}.input-field{background:#fff;border:1px solid #d4c4a9;border:1px solid var(--border);border-radius:10px;font-size:1.05em;outline:none;padding:15px;transition:border-color .2s,box-shadow .2s,transform .1s}.input-field:focus{border-color:#ff6f61;border-color:var(--primary);box-shadow:0 0 0 4px #ff6f6133}.drop-zone{background:#fffaf0;border:2px dashed #d4c4a9;border:2px dashed var(--border);border-radius:12px;padding:30px;position:relative;text-align:center;transition:border-color .2s,background .2s,transform .2s}.drop-zone:hover{background:#fff1e6;border-color:#ff6f61;border-color:var(--primary);transform:translateY(-1px)}.drop-zone p{color:#6b4e31;color:var(--text2);font-size:1.05em;font-weight:700}.file-input{margin-top:12px;width:100%}.preview-image{border-radius:12px;box-shadow:0 3px 12px #0000001f;display:block;margin:0 auto;max-height:200px;max-width:100%}.submit-btn{background:#ff6f61;background:var(--primary);border:none;border-radius:30px;box-shadow:0 10px 20px #ff6f6140;color:#fff;cursor:pointer;font-size:1.2em;font-weight:800;margin:0 auto;max-width:320px;padding:15px;transition:background .2s,transform .15s,box-shadow .2s;width:100%}.submit-btn:hover{background:#e65b50;background:var(--primary2);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.product-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px}.product-card{align-items:center;background:#fff;border:1px solid #d4c4a959;border-radius:18px;box-shadow:0 6px 18px #0000001a;box-shadow:var(--shadow2);display:flex;flex-direction:column;min-height:380px;padding:20px;position:relative;transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{box-shadow:0 12px 30px #00000026;box-shadow:var(--shadow3);transform:translateY(-8px)}.product-image{border-radius:12px;display:block;height:200px!important;margin-bottom:10px;width:200px!important}.product-details{flex-grow:1;margin:8px 0;width:100%}.product-name{color:#4a2c2a;color:var(--text);font-size:1.25em;font-weight:800}.product-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:auto;padding:8px 0;width:100%}.edit-btn,.remove-btn{border:none;border-radius:20px;cursor:pointer;flex:1 1;font-size:.95em;font-weight:800;max-width:120px;min-width:90px;padding:8px 16px;transition:transform .15s ease,background .2s ease}.edit-btn{background:#ff6f61;background:var(--primary);color:#fff}.edit-btn:hover{background:#e65b50;background:var(--primary2);transform:translateY(-2px)}.remove-btn{background:#d32f2f;background:var(--danger)}.remove-btn:hover{background:#b71c1c;background:var(--danger2);transform:translateY(-2px)}.offer-section{background:#fef5e7;background:var(--card2);border:1px solid #d4c4a959;border-radius:15px;border-radius:var(--radius2);box-shadow:0 6px 18px #0000001a;box-shadow:var(--shadow2);margin-bottom:40px;padding:30px;transition:box-shadow .25s ease,transform .25s ease}.offer-section:hover{box-shadow:0 12px 30px #00000026;box-shadow:var(--shadow3);transform:translateY(-2px)}.offer-section h2{color:#4a2c2a;color:var(--text);font-size:2em;font-weight:900;margin-bottom:30px;position:relative;text-align:center}.offer-section h2:after{background:#ff6f61;background:var(--primary);border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.offer-section form{display:flex;flex-direction:column;gap:22px}.offer-section input,.offer-section select{background:#fff;border:1px solid #d4c4a9;border:1px solid var(--border);border-radius:10px;font-size:1.05em;padding:14px;transition:border-color .2s,box-shadow .2s;width:100%}.offer-section input:focus,.offer-section select:focus{border-color:#ff6f61;border-color:var(--primary);box-shadow:0 0 0 4px #ff6f6133;outline:none}.offer-section h3{color:#4a2c2a;color:var(--text);font-size:1.5em;font-weight:900;margin-bottom:10px;text-align:center}.offer-item-input{align-items:center;display:flex;flex-wrap:nowrap;gap:15px}.offer-item-input input{flex:1 1;font-size:1em;max-width:220px;min-width:160px;padding:12px}.remove-offer-btn{background:#d32f2f;background:var(--danger);border:none;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1em;font-weight:800;min-width:100px;padding:10px 15px;transition:background .2s,transform .15s;width:auto}.remove-offer-btn:hover{background:#b71c1c;background:var(--danger2);transform:translateY(-2px)}.add-more-btn{align-self:center;background:#ff6f61;background:var(--primary);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.05em;font-weight:900;padding:14px 30px;transition:background .2s,transform .15s;width:fit-content}.add-more-btn:hover{background:#e65b50;background:var(--primary2);transform:translateY(-2px)}.suggested-offer{background:#fff1e6;border:1px solid #d4c4a98c;border-radius:10px;color:#6b4e31;color:var(--text2);font-size:1.05em;font-style:italic;font-weight:700;margin-top:20px;padding:12px;text-align:center}.filter-section{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:20px}.filter-section label{color:#4a2c2a;color:var(--text);font-size:1.15em;font-weight:900}.offers-table{background:#fff;border-collapse:collapse;border-radius:12px;box-shadow:0 6px 18px #0000001a;box-shadow:var(--shadow2);margin-top:18px;overflow:hidden;width:100%}.offers-table td,.offers-table th{border:1px solid #d4c4a9d9;font-size:1.05em;padding:16px;text-align:center}.offers-table th{background:#ff6f61;background:var(--primary);color:#fff;font-weight:900;letter-spacing:.8px;text-transform:uppercase}.offers-table tr:nth-child(2n){background:#fef5e7;background:var(--card2)}.offers-table tr:hover{background:#fff1e6;transition:background .2s}.input-with-voice{gap:15px;margin-bottom:20px;position:relative}.input-with-voice,.voice-btn{align-items:center;display:flex}.voice-btn{background:#f5e6cc;border:1px solid #d4c4a9a6;border-radius:50%;cursor:pointer;height:45px;justify-content:center;padding:10px;transition:background .2s,transform .15s;width:45px}.voice-btn:hover{background:#e6d7b2;transform:translateY(-1px)}.voice-btn.listening{animation:pulse 1.5s infinite;background:#ff6f61;background:var(--primary);border-color:#ff6f6199}.voice-btn.listening:hover{background:#e65b50;background:var(--primary2)}.voice-icon svg{color:#4a2c2a;color:var(--text);height:22px;width:22px}.voice-btn.listening .voice-icon svg{color:#fff}@keyframes pulse{0%{box-shadow:0 0 0 0 #ff6f61a6;transform:scale(1)}50%{box-shadow:0 0 0 12px #ff6f6100;transform:scale(1.08)}to{box-shadow:0 0 0 0 #ff6f6100;transform:scale(1)}}.settings-grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.settings-row{align-items:center;background:#fff;border:1px solid #d4c4a999;border-radius:12px;color:#4a2c2a;color:var(--text);display:flex;font-weight:900;gap:10px;padding:12px 14px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.settings-row:hover{border-color:#ff6f61b3;box-shadow:0 10px 18px #00000014;transform:translateY(-2px)}.settings-row input[type=checkbox]{accent-color:#ff6f61;accent-color:var(--primary);height:18px;width:18px}.settings-msg{background:#fff;border:1px solid #d4c4a98c;border-radius:12px;font-weight:900;margin-top:8px;padding:10px 12px;text-align:center}.settings-msg.success{color:#1b8a3a}.settings-msg.error{color:#d93025}@media (max-width:1024px){.fast-food-wrapper{padding-top:80px}.fast-food-container{padding:25px;width:90%}.page-title{font-size:2.5em}.offer-section,.product-form{padding:25px}.product-image{height:180px!important;width:180px!important}.product-card{min-height:340px}.edit-btn,.remove-btn{font-size:.9em;max-width:110px;min-width:80px;padding:7px 14px}.offer-item-input{flex-wrap:nowrap;gap:12px}.offer-item-input input{font-size:.95em;max-width:180px;min-width:140px;padding:10px}.remove-offer-btn{font-size:.95em;min-width:90px;padding:8px 12px}}@media (max-width:768px){.fast-food-wrapper{padding-top:80px}.fast-food-container{padding:20px}.page-title{font-size:2.2em}.offer-section,.product-form{padding:20px}.product-list{gap:25px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.product-card{min-height:320px}.product-image{height:160px!important;margin-left:auto;margin-right:auto;width:160px!important}.edit-btn,.remove-btn{font-size:.85em;max-width:95px;min-width:70px;padding:6px 12px}.add-more-btn,.input-field,.submit-btn{font-size:1em;padding:12px}.offer-section h2{font-size:1.8em}.offer-section h3{font-size:1.35em}.offer-item-input{flex-wrap:wrap;gap:10px}.offer-item-input input{max-width:100%;min-width:100%;padding:10px}.filter-section{flex-direction:column;gap:12px}.settings-grid-2{grid-template-columns:1fr}}@media (max-width:480px){.fast-food-wrapper{padding-top:70px}.fast-food-container{border-radius:0;padding:15px;width:100%}.page-title{font-size:1.8em;margin-bottom:30px}.offer-section,.product-form{padding:15px}.product-list{gap:20px;grid-template-columns:1fr}.product-card{min-height:280px;padding:15px}.product-image{height:140px!important;width:140px!important}.product-actions{gap:6px}.edit-btn,.remove-btn{font-size:.85em;min-width:80px;padding:6px 10px}.offers-table{border:none;box-shadow:none;display:block;width:100%}.offers-table thead{display:none}.offers-table tbody{display:block}.offers-table tr{background:#fff;border:1px solid #d4c4a9bf;border-radius:12px;box-shadow:0 6px 18px #0000001a;box-shadow:var(--shadow2);display:block;margin-bottom:16px;padding:14px}.offers-table td{align-items:center;border:none;display:flex;font-size:.98em;justify-content:space-between;padding:8px 0;text-align:left}.offers-table td:first-child:before{content:"Type: "}.offers-table td:nth-child(2):before{content:"Min Price (₹): "}.offers-table td:nth-child(3):before{content:"Max Price (₹): "}.offers-table td:nth-child(4):before{content:"Group Size: "}.offers-table td:nth-child(5):before{content:"Family Size: "}.offers-table td:nth-child(6):before{content:"Offer: "}.offers-table td:before{color:#4a2c2a;color:var(--text);flex-shrink:0;font-weight:900;width:48%}.offers-table td:last-child{flex-wrap:wrap;gap:10px;justify-content:center}.offers-table td:last-child:before{content:none}}.qr-code-display-wrapper{align-items:flex-start;background:linear-gradient(135deg,#ffe5b4,#ffcc80);display:flex;justify-content:center;min-height:100vh;padding-bottom:20px;padding-top:90px}.qr-code-display-container{background:#fffaf0;border-radius:20px;box-shadow:0 10px 25px #00000026;font-family:Roboto,sans-serif;max-width:600px;padding:35px;text-align:center;transition:transform .3s ease;width:95%}.qr-code-display-container:hover{transform:translateY(-5px)}.qr-code-display-container h2{color:#4a2c2a;font-size:2.5em;font-weight:800;letter-spacing:1.5px;margin-bottom:30px;position:relative;text-transform:uppercase}.qr-code-display-container h2:after{background:#ff6f61;border-radius:3px;bottom:-12px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.qr-code-image{border-radius:12px;box-shadow:0 5px 15px #0000001a;display:block;height:250px;margin:20px auto;max-width:100%;width:250px}.qr-code-display-container p{color:#6b4e31;font-size:1.2em;font-weight:500;margin-bottom:20px}.print-btn{background:#ff6f61;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:1.2em;font-weight:600;margin-bottom:20px;padding:15px 30px;transition:background .3s,transform .2s}.print-btn:hover{background:#e65b50;transform:scale(1.03)}.back-link{background:#d4c4a9;border-radius:20px;color:#4a2c2a;display:inline-block;font-family:Roboto,sans-serif;font-size:1.1em;font-weight:600;padding:10px 20px;text-decoration:none;transition:background .3s,transform .2s}.back-link:hover{background:#c0b092;transform:scale(1.03)}.login-prompt{align-items:center;background:linear-gradient(135deg,#ffe5b4,#ffcc80);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.login-prompt h2{color:#4a2c2a;font-size:2.2em;font-weight:700;margin-bottom:30px}.login-prompt button{background:#ff6f61;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.3em;font-weight:600;padding:14px 35px;transition:background .3s,transform .2s}.login-prompt button:hover{background:#e65b50;transform:scale(1.05)}@media print{.qr-code-display-wrapper{background:none;min-height:auto;padding:0}.qr-code-display-container{background:#fff;border-radius:0;box-shadow:none;margin:0;max-width:none;padding:20px;text-align:center;width:100%}.back-link,.dashboard,.print-btn{display:none!important}.qr-code-image{border-radius:0;box-shadow:none;height:200px;margin:20px auto;width:200px}.qr-code-display-container h2{color:#000;font-size:1.8em;margin-bottom:20px}.qr-code-display-container h2:after{display:none}.qr-code-display-container p{color:#000;font-size:1em;margin-bottom:20px}@page{margin:0}body{background:#fff;margin:0}@page{size:auto;margin:0}}@media (max-width:1024px){.qr-code-display-wrapper{padding-top:80px}.qr-code-display-container{padding:25px;width:90%}.qr-code-display-container h2{font-size:2.2em}.qr-code-image{height:220px;width:220px}.print-btn{font-size:1.1em;padding:12px 25px}.back-link{font-size:1em;padding:8px 18px}}@media (max-width:768px){.qr-code-display-wrapper{padding-top:80px}.qr-code-display-container{padding:20px}.qr-code-display-container h2{font-size:2em}.qr-code-image{height:200px;width:200px}.qr-code-display-container p{font-size:1.1em}.print-btn{font-size:1em;padding:10px 20px}.back-link{font-size:.95em;padding:8px 16px}.login-prompt h2{font-size:2em}.login-prompt button{font-size:1.2em;padding:12px 30px}}@media (max-width:480px){.qr-code-display-wrapper{padding-top:70px}.qr-code-display-container{border-radius:0;padding:15px;width:100%}.qr-code-display-container h2{font-size:1.8em;margin-bottom:25px}.qr-code-image{height:180px;width:180px}.qr-code-display-container p{font-size:1em}.print-btn{font-size:.95em;padding:10px 20px}.back-link{font-size:.9em;padding:8px 14px}.login-prompt h2{font-size:1.8em;margin-bottom:25px}.login-prompt button{font-size:1.1em;padding:10px 25px}}:root{--bg:#f7f4ef;--surface:#fff;--surface-soft:#fffaf4;--text:#263238;--primary:#e67e22;--primary-dark:#d35400;--primary-soft:#e67e221f;--accent:#c0392b;--success:#27ae60;--success-soft:#eaf8f0;--danger:#e74c3c;--danger-soft:#fdecec;--warning:#f39c12;--info:#3498db;--border:#e8ddd1;--shadow-sm:0 6px 18px #0000000f;--shadow-md:0 14px 34px #00000014;--shadow-lg:0 20px 50px #00000024;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--transition:all 0.25s ease;--max-width:1180px}*{margin:0;padding:0}body,html{background:#f7f4ef;background:var(--bg);color:#263238;color:var(--text);font-family:Poppins,sans-serif;line-height:1.5;scroll-behavior:smooth}body{min-height:100vh}.qr-form-wrapper{background-attachment:fixed;background-position:50%;background-size:cover;min-height:100vh;overflow-x:hidden;position:relative}.qr-form-wrapper:before{background:linear-gradient(180deg,#f7f4eff2,#f7f4effa);content:"";inset:0;position:absolute;z-index:0}.qr-form-container{margin:0 auto;max-width:1180px;max-width:var(--max-width);padding:28px 16px 110px;position:relative;z-index:1}.shop-name{color:#c0392b;color:var(--accent);font-size:clamp(2rem,3vw,3rem);font-weight:800;margin:18px auto 8px;padding:14px 16px 0;position:relative;text-align:center;text-shadow:0 4px 18px #c0392b24;word-break:break-word;z-index:1}.qr-form-container>h2{font-size:clamp(1.4rem,2vw,2rem);margin-bottom:18px;text-align:center}.qr-form-container>h2,h2,h3,h4{color:#24303a;font-weight:700}h3{font-size:clamp(1.1rem,1.5vw,1.4rem);margin-bottom:12px}h4{font-size:1rem;margin-bottom:10px}.delivery-card,.landing-card,.otp-section,.product-card,.selected-products,.spin-result-section,.spin-wheel-section{background:#fff;background:var(--surface);border:1px solid #e8ddd1bf;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 14px 34px #00000014;box-shadow:var(--shadow-md);width:100%}.landing-card{margin:28px auto;max-width:560px;padding:28px 22px;text-align:center}.landing-card img{box-shadow:0 6px 18px #0000000f;box-shadow:var(--shadow-sm)}.otp-section{margin:26px auto;max-width:520px;padding:28px 22px}.form-group{margin-bottom:16px}.delivery-card label,.form-group label{color:#4b5563;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.claim-input-section input,.delivery-card input,.delivery-card select,.delivery-card textarea,.form-group input,.form-group select{background:#fff;border:1.6px solid #e8ddd1;border:1.6px solid var(--border);border-radius:14px;border-radius:var(--radius-md);color:#263238;color:var(--text);font-family:inherit;font-size:.97rem;min-height:48px;padding:13px 15px;transition:all .25s ease;transition:var(--transition);width:100%}textarea{min-height:90px;resize:vertical}.claim-input-section input:focus,.delivery-card input:focus,.delivery-card select:focus,.delivery-card textarea:focus,.form-group input:focus,.form-group select:focus{border-color:#e67e22;border-color:var(--primary);box-shadow:0 0 0 4px #e67e221f;box-shadow:0 0 0 4px var(--primary-soft);outline:none}button{font-family:inherit}.action-button,.add-to-cart-btn,.big-book-btn,.remove-btn,.sticky-checkout-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.94rem;font-weight:700;gap:8px;justify-content:center;max-width:100%;min-height:44px;padding:10px 18px;text-align:center;transition:all .25s ease;transition:var(--transition);white-space:nowrap;width:auto}.action-button,.big-book-btn{background:linear-gradient(135deg,#e67e22,#d35400);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);box-shadow:0 10px 24px #e67e2238;color:#fff}.action-button:hover,.add-to-cart-btn:hover,.big-book-btn:hover,.remove-btn:hover,.sticky-checkout-btn:hover{transform:translateY(-2px)}.action-button:hover,.big-book-btn:hover{box-shadow:0 14px 28px #e67e2247}.action-button:disabled,.add-to-cart-btn:disabled,.big-book-btn:disabled,.remove-btn:disabled,.sticky-checkout-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.big-book-btn{border-radius:14px;font-size:1rem;max-width:340px;min-height:52px;min-width:180px;width:auto}.back-button{margin-bottom:14px}.sticky-checkout-btn{background:linear-gradient(135deg,#c0392b,#a93226);background:linear-gradient(135deg,var(--accent) 0,#a93226 100%);box-shadow:0 10px 24px #c0392b38;color:#fff;min-width:160px}.sticky-checkout-btn:hover{box-shadow:0 14px 28px #c0392b47}.add-to-cart-btn{background:linear-gradient(135deg,#27ae60,#219150);background:linear-gradient(135deg,var(--success) 0,#219150 100%);border-radius:999px;box-shadow:0 10px 20px #27ae602e;color:#fff;margin:10px auto 0;min-height:40px;min-width:120px;padding:9px 14px;width:auto}.add-to-cart-btn.added{background:linear-gradient(135deg,#2f3a44,#1f2933);box-shadow:0 10px 20px #1f29332e}.remove-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);background:linear-gradient(135deg,var(--danger) 0,#c0392b 100%);border-radius:10px;box-shadow:0 10px 20px #e74c3c2e;color:#fff;min-height:38px;padding:8px 12px}.mode-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:12px}.mode-btn{background:#fff;border:1.8px solid #e8ddd1;border:1.8px solid var(--border);border-radius:14px;box-shadow:0 6px 18px #0000000f;box-shadow:var(--shadow-sm);color:#374151;cursor:pointer;font-size:.95rem;font-weight:700;min-height:50px;padding:10px 12px;transition:all .25s ease;transition:var(--transition)}.mode-btn:hover{background:#fff8f2;border-color:#e67e22;border-color:var(--primary);color:#d35400;color:var(--primary-dark);transform:translateY(-1px)}.mode-btn.active{background:#3498db14;border-color:#3498db;border-color:var(--info);color:#3498db;color:var(--info)}.mode-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.error-message,.message,.muted{word-break:break-word}.error-message,.message{border-radius:12px;font-size:.94rem;font-weight:600;margin:14px 0 0;padding:13px 14px;text-align:center}.message{background:#eaf8f0;background:var(--success-soft);border:1px solid #27ae602e;color:#1f7a43}.error-message{background:#fdecec;background:var(--danger-soft);border:1px solid #e74c3c2e;color:#b03a2e}.muted{font-size:.9rem;line-height:1.5}.summary-box{background:linear-gradient(180deg,#fffdf9,#fff8f0);border:1px solid #f0e3d6;border-radius:16px;margin-top:12px;padding:14px}.section-chip{align-items:center;background:#f5efe8;border:1px solid #ece1d4;border-radius:999px;color:#4b5563;display:inline-flex;font-size:.8rem;font-weight:700;justify-content:center;margin-bottom:8px;margin-right:8px;padding:7px 12px}.order-details-buttons,.otp-buttons,.popup-buttons,.review-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between;margin-top:18px;width:100%}.order-details-buttons .action-button,.otp-buttons .action-button,.popup-buttons .action-button,.review-actions .action-button{flex:0 0 auto;font-size:.9rem;max-width:220px;min-width:120px;padding:10px 16px;width:auto}.claim-input-section{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:18px;width:100%}.claim-input-section input{flex:1 1 100%;min-width:100%}.claim-input-section .action-button{flex:0 0 auto;font-size:.9rem;max-width:180px;min-width:110px;padding:10px 16px;width:auto}.review-item{border-bottom:1px dashed #eadfd3;display:flex;gap:12px;justify-content:space-between;padding:12px 0}.review-qty-box{align-items:center;display:flex;flex-shrink:0;gap:8px}.products-section{margin:22px 0}.products-section h3{margin-bottom:8px}.products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin:18px 0 8px}.product-item{border:1px solid #e8ddd1b8;border-radius:18px;box-shadow:0 6px 18px #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;min-height:100%;overflow:hidden;transition:all .25s ease;transition:var(--transition)}.product-item:hover{box-shadow:0 14px 34px #00000014;box-shadow:var(--shadow-md);transform:translateY(-5px)}.product-image-container{background:#f8f6f2;height:190px;overflow:hidden;position:relative;width:100%}.product-image-container img{height:100%;object-fit:cover;transition:transform .35s ease;width:100%}.product-item:hover .product-image-container img{transform:scale(1.06)}.product-details{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:14px 14px 16px;text-align:center}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#24303a;display:-webkit-box;font-size:1rem;font-weight:700;line-height:1.35;margin-bottom:4px;min-height:42px;overflow:hidden}.product-price{color:#e67e22;color:var(--primary);font-size:1.2rem;font-weight:800;margin:6px 0 2px}.trending{background:linear-gradient(135deg,#e74c3c,#c0392b);background:linear-gradient(135deg,var(--danger) 0,#c0392b 100%);border-radius:999px;box-shadow:0 8px 18px #e74c3c2e;color:#fff;font-size:.75rem;font-weight:700;left:10px;padding:6px 12px;position:absolute;top:10px;z-index:2}.check-mark{background:#27ae60;background:var(--success);border-radius:50%;box-shadow:0 8px 18px #27ae6038;font-size:16px;height:30px;right:10px;top:10px;width:30px;z-index:2}.check-mark,.out-of-stock-overlay{align-items:center;color:#fff;display:flex;font-weight:700;justify-content:center;position:absolute}.out-of-stock-overlay{background:#1818189e;font-size:1rem;inset:0;letter-spacing:.2px;z-index:1}.qty-controls{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:10px}.qty-btn{background:#fff;border:1.5px solid #e0d2c2;border-radius:50%;box-shadow:0 4px 12px #0000000d;color:#444;cursor:pointer;font-size:16px;font-weight:700;height:36px;padding:0;transition:all .25s ease;transition:var(--transition);width:36px}.qty-btn:hover{background:#fff7f0;border-color:#e67e22;border-color:var(--primary);color:#d35400;color:var(--primary-dark)}.qty-btn.active{background:linear-gradient(135deg,#e67e22,#d35400);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-color:#d35400;border-color:var(--primary-dark);color:#fff}.qty-display{font-size:1.1rem;font-weight:700;min-width:34px;text-align:center}.sticky-bottom-bar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #e8ddd1bf;bottom:0;box-shadow:0 -10px 24px #00000014;display:flex;gap:14px;justify-content:space-between;left:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}.sticky-total{color:#263238;flex:1 1;font-size:1rem;font-weight:700}.selected-products{margin:18px 0;padding:18px}.selected-product-item{border-bottom:1px solid #f0e6db;display:flex;flex-direction:column;padding:12px 0}.selected-product-item:last-child{border-bottom:none}.product-image-preview{flex-direction:row;justify-content:flex-start}.selected-images{margin-top:8px}.selected-image-container{align-items:center;display:flex}.quantity-input{border:1px solid #ddd;border-radius:8px;min-height:36px;padding:4px 8px;text-align:center;width:58px}.single-image{height:100%;object-fit:cover;width:100%}.popup-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#111827a6;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.product-detail-container{background:#fff;border:1px solid #e8ddd1b8;border-radius:24px;box-shadow:0 20px 50px #00000024;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:92vh;max-width:980px;overflow-y:auto;width:100%}.image-section{background:linear-gradient(180deg,#fffaf5,#f8f4ee);flex:1 1;padding:20px}.main-image-container{background:#fff;border-radius:18px;box-shadow:0 6px 18px #0000000f;box-shadow:var(--shadow-sm);padding:10px}.main-image{border-radius:14px;max-height:420px;object-fit:contain;width:100%}.thumbnails-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.thumbnail{border:2px solid #0000;border-radius:12px;cursor:pointer;height:80px;overflow:hidden;transition:all .25s ease;transition:var(--transition);width:80px}.thumbnail img{height:100%;object-fit:cover;width:100%}.thumbnail.selected,.thumbnail:hover{border-color:#e67e22;border-color:var(--primary)}.product-info{display:flex;flex-direction:column;gap:12px;padding:24px 22px}.product-info h3{margin-bottom:0}.rating{align-items:center;color:#6b7280;display:inline-flex;font-size:.92rem;font-weight:600;gap:4px}.star{color:#f39c12;color:var(--warning)}.discounted-price{color:#e67e22;color:var(--primary);font-size:1.7rem;font-weight:800}.available{background:#eaf8f0;background:var(--success-soft);border:1px solid #27ae6024;border-radius:12px;color:#27ae60;color:var(--success)}.available,.unavailable{display:inline-block;font-weight:700;padding:10px 12px}.unavailable{background:#fdecec;background:var(--danger-soft);border:1px solid #e74c3c24;border-radius:12px;color:#e74c3c;color:var(--danger)}.spin-result-section,.spin-wheel-section{margin:28px auto;max-width:680px;padding:28px 22px;text-align:center}canvas{display:block;height:auto;margin:20px auto}.horizontal-qty{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.thumbnail-wrapper{display:inline-block;margin:8px;position:relative}.stock-info{background:#000000ad;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:3px 8px;pointer-events:none;position:absolute;right:6px;top:6px;z-index:5}.available-qty strong{color:#2ecc71}.out-of-stock-text{color:#e74c3c;font-weight:700}.coming-soon{background:#3498dbeb;border-radius:10px;bottom:8px;color:#fff;font-size:11px;left:50%;padding:3px 10px;position:absolute;transform:translateX(-50%);z-index:5}.product-card{margin-top:20px;padding:18px}.product-table .product-item{cursor:default;margin-bottom:14px}.product-table .product-item:hover{transform:none}@media (min-width:768px){.product-detail-container{flex-direction:row}}@media (max-width:1024px){.qr-form-container{max-width:980px;padding:24px 14px 110px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (max-width:768px){.qr-form-wrapper{background-attachment:scroll}.qr-form-container{padding:18px 12px 105px}.shop-name{font-size:2rem;padding:12px 12px 0}.products-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-item{border-radius:14px}.product-image-container{height:150px}.product-name{font-size:.95rem;min-height:38px}.product-price{font-size:1.08rem}.add-to-cart-btn{font-size:.88rem;min-width:110px;padding:8px 12px}.sticky-bottom-bar{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.sticky-checkout-btn{font-size:.9rem;min-width:140px;padding:10px 16px}.delivery-card,.landing-card,.otp-section,.product-card,.spin-result-section,.spin-wheel-section{border-radius:18px;padding:20px 16px}.review-item{align-items:flex-start;flex-wrap:wrap}.claim-input-section .action-button,.order-details-buttons .action-button,.otp-buttons .action-button,.popup-buttons .action-button,.review-actions .action-button{font-size:.86rem;max-width:180px;min-width:100px;padding:9px 14px}.action-button,.big-book-btn,.remove-btn{font-size:.9rem;padding:9px 14px}}@media (max-width:640px){.delivery-row,.mode-grid{grid-template-columns:1fr}.delivery-row{grid-gap:12px;display:grid;gap:12px}.order-details-buttons,.otp-buttons,.popup-buttons,.review-actions{flex-direction:row;flex-wrap:nowrap;gap:8px;justify-content:space-between}.order-details-buttons .action-button,.otp-buttons .action-button,.popup-buttons .action-button,.review-actions .action-button{flex:0 1 auto;font-size:.82rem;max-width:160px;min-width:90px;padding:8px 12px;width:auto}.claim-input-section{flex-wrap:wrap;gap:8px;justify-content:space-between}.claim-input-section input{flex:1 1 100%;min-width:100%}.claim-input-section .action-button{flex:0 1 auto;font-size:.82rem;max-width:150px;min-width:90px;padding:8px 12px;width:auto}.sticky-bottom-bar{align-items:center;flex-direction:row;gap:10px}.sticky-total{font-size:.92rem;text-align:left}.sticky-checkout-btn{max-width:180px;min-width:130px;width:auto}.review-qty-box{justify-content:flex-start}.remove-btn{font-size:.82rem;min-width:82px;padding:7px 10px;width:auto}.big-book-btn{max-width:260px;min-width:160px;width:auto}}@media (max-width:480px){.qr-form-container{padding:16px 10px 105px}.shop-name{font-size:1.75rem;margin-top:10px}.products-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.product-image-container{height:132px}.product-details{padding:10px 10px 12px}.product-name{font-size:.9rem;min-height:36px}.product-price{font-size:1rem}.qty-btn{font-size:14px;height:32px;width:32px}.qty-display{font-size:1rem;min-width:28px}.action-button,.add-to-cart-btn,.big-book-btn,.remove-btn,.sticky-checkout-btn{font-size:.82rem}.claim-input-section .action-button,.order-details-buttons .action-button,.otp-buttons .action-button,.popup-buttons .action-button,.review-actions .action-button{border-radius:10px;font-size:.8rem;max-width:145px;min-width:82px;padding:8px 10px}.main-image{max-height:280px}canvas{max-width:280px;width:100%!important}}@media (max-width:360px){.products-grid{grid-template-columns:1fr 1fr}.product-image-container{height:120px}.shop-name{font-size:1.55rem}.qr-form-container>h2{font-size:1.25rem}.claim-input-section .action-button,.order-details-buttons .action-button,.otp-buttons .action-button,.popup-buttons .action-button,.review-actions .action-button{font-size:.76rem;max-width:130px;min-width:76px;padding:7px 9px}.sticky-checkout-btn{font-size:.8rem;min-width:118px}}.order-details-container{border:1px solid #ccc;border-radius:5px;margin:50px auto;max-width:600px;padding:20px}.products-list{margin-bottom:20px}.product-item{margin-bottom:10px}.product-image{height:50px;margin-right:10px;width:50px}.product-info{flex:1 1}.order-type-section{margin-bottom:20px}input,select{border:1px solid #ccc;border-radius:4px;margin:5px 0;padding:8px}button{background-color:#007bff;border-radius:4px;color:#fff;padding:10px 20px}button:hover{background-color:#0056b3}*{box-sizing:border-box}body{background:#f3f4f6;color:#111827;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}img{display:block}canvas,img{max-width:100%}.min-h-screen{min-height:100vh}.bg-gray-100{background:linear-gradient(180deg,#f8fafc,#f3f4f6)}.mx-auto{margin-left:auto;margin-right:auto}.max-w-7xl{max-width:1280px}.px-4{padding-left:16px;padding-right:16px}.py-4{padding-bottom:16px;padding-top:16px}.py-6{padding-bottom:24px;padding-top:24px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}header{background:linear-gradient(135deg,#0f172a,#1d4ed8);border-bottom:1px solid #ffffff14;box-shadow:0 6px 20px #0f172a26;color:#fff}.text-2xl,header h1{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0}header p{color:#ffffffd9;margin-top:6px}.text-sm{font-size:13px;line-height:1.45}.text-lg{font-size:18px;line-height:1.4}.text-xl{font-size:22px;line-height:1.35}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-left{text-align:left}.text-white{color:#fff}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-red-700{color:#b91c1c}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}section{margin-bottom:24px}.bg-white{background:#fff}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:18px}.border{border:1px solid #e5e7eb}.border-b{border-bottom:1px solid #e5e7eb}.border-red-200{border-color:#fecaca}.border-blue-200{border-color:#bfdbfe}.shadow-sm{box-shadow:0 4px 14px #0f172a0f}.rounded-xl.border.bg-white.p-4.shadow-sm,.rounded-xl.border.bg-white.p-6.shadow-sm,.rounded-xl.border.bg-white.p-8.shadow-sm{transition:transform .2s ease,box-shadow .2s ease}.rounded-xl.border.bg-white.p-4.shadow-sm:hover,.rounded-xl.border.bg-white.p-6.shadow-sm:hover,.rounded-xl.border.bg-white.p-8.shadow-sm:hover{box-shadow:0 12px 28px #0f172a1a;transform:translateY(-2px)}.bg-red-50{background:#fef2f2}.bg-blue-50{background:#eff6ff}.bg-green-50{background:#ecfdf5}.bg-yellow-50{background:#fffbeb}.bg-orange-50{background:#fff7ed}.bg-rose-50{background:#fff1f2}.bg-purple-50{background:#faf5ff}.bg-emerald-50{background:#ecfdf5}.bg-slate-50{background:#f8fafc}.bg-gray-100{background-color:#f3f4f6}.bg-red-50.px-4.py-3,.border-red-200.bg-red-50{border-radius:14px;padding:14px 16px}.border-blue-200.bg-blue-50{border-radius:12px;padding:10px 12px}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.gap-3{gap:12px}.gap-4{gap:16px}.flex{display:flex}.flex-1{flex:1 1}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.overflow-x-auto{overflow-x:auto}.overflow-auto{overflow:auto}.max-h-56{max-height:224px}.max-h-80{max-height:320px}.min-w-full{min-width:100%}.border-collapse,table{border-collapse:collapse}table{background:#fff;width:100%}thead tr{background:#f8fafc}td,th{border:1px solid #e5e7eb;font-size:13px;padding:12px 14px;text-align:left;vertical-align:middle}th{color:#1f2937;font-weight:700;white-space:nowrap}tbody tr{transition:background-color .18s ease}tbody tr:hover{background:#f9fafb}.space-y-2>*+*{margin-top:8px}input,select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:12px;color:#111827;font-size:14px;outline:none;padding:12px 14px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;width:100%}input:focus,select:focus,textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}input::placeholder{color:#9ca3af}button{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:700;padding:11px 16px;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}.bg-blue-700{background:#1d4ed8;color:#fff}.bg-blue-700:hover,.hover\:bg-blue-800:hover{background:#1e40af}.bg-green-700{background:#15803d;color:#fff}.bg-green-700:hover,.hover\:bg-green-800:hover{background:#166534}.px-6{padding-left:24px;padding-right:24px}.py-3{padding-bottom:12px;padding-top:12px}canvas{height:100%!important;width:100%!important}[style*="height: 300"]{min-height:300px;position:relative}img[alt=Product]{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;height:48px;object-fit:cover;width:48px}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){.text-2xl,header h1{font-size:22px}.text-xl{font-size:18px}.text-lg{font-size:16px}main{padding-left:12px;padding-right:12px}td,th{font-size:12px;padding:10px}button{width:100%}}.fastfood-container{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;margin:20px auto;max-width:600px;padding:20px;text-align:center}.fastfood-container h2{color:#ff4500;font-size:24px;margin-bottom:10px}.fastfood-form{display:flex;flex-direction:column;gap:10px}.fastfood-form input{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:8px}.fastfood-form button{background:#ff4500;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:.3s}.fastfood-form button:hover{background:#e63e00}.fastfood-list{list-style:none;margin-top:20px;padding:0}.fastfood-list li{align-items:center;background:#f8f8f8;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:5px;padding:10px}.fastfood-list img{border-radius:5px;height:50px;width:50px}.fastfood-list span{color:#333;flex-grow:1;font-size:16px;margin-left:10px}.fastfood-list button{background:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px;transition:.3s}.fastfood-list button:hover{background:darkred}:root{--nav-h:70px;--bg:#f6f7fb;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--shadow:0 10px 20px #0000000f;--primary:#2563eb;--primary2:#1d4ed8;--success:#16a34a;--success2:#15803d;--graybtn:#6b7280;--graybtn2:#4b5563}.page-below-navbar{background:#f6f7fb;background:var(--bg);min-height:calc(100vh - 70px);min-height:calc(100vh - var(--nav-h));padding-top:84px;padding-top:calc(var(--nav-h) + 14px)}.orders-received-wrapper.compact{color:#111827;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;margin:0 auto;padding:10px 0 28px;width:min(1050px,94vw)}.header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.page-title{font-size:22px;font-weight:900;letter-spacing:.2px;margin:0}.voice-pill{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;color:#065f46;font-size:13px;font-weight:800;padding:8px 10px;white-space:nowrap}.subbar{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 20px #0000000f;box-shadow:var(--shadow);gap:12px;justify-content:space-between;padding:10px}.subbar,.subbar-left{align-items:center;display:flex}.subbar-left{gap:10px}.hint{color:#6b7280;color:var(--muted);font-size:13px;font-weight:800}.select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;font-weight:700;outline:none;padding:8px 10px}.subbar-right{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.count-chip{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:900;padding:7px 10px;white-space:nowrap}.active-chip{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.history-chip{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.message,.notification{border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;font-weight:800;margin:10px 0 0;padding:10px 12px;text-align:center}.message{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.notification{background:#ecfdf5;border-color:#bbf7d0;color:#065f46}.two-col{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:14px}.col{display:flex;flex-direction:column;gap:12px}.section-title{border-radius:12px;color:#111827;font-size:14px;font-weight:950;padding:10px 12px}.order-card,.section-title{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);box-shadow:0 10px 20px #0000000f;box-shadow:var(--shadow)}.order-card{background:var(--card);border-radius:14px;padding:46px 12px 12px;position:relative}.voice-icon-btn{background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;cursor:pointer;display:grid;font-size:16px;height:34px;left:10px;place-items:center;position:absolute;top:10px;width:34px}.order-top{display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.meta,.meta2{grid-gap:4px;display:grid;font-size:13px;gap:4px}.meta span,.meta2 span,.muted{color:#6b7280;color:var(--muted);font-weight:800}.muted{font-size:12px}.small-row{display:flex;font-size:13px;gap:10px;justify-content:space-between;margin-bottom:8px}.small-row span{color:#6b7280;color:var(--muted);font-weight:800}.status-preparing{background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#9a3412;display:inline-block;font-size:12px;font-weight:950;margin:4px 0 8px;padding:6px 10px}.product-card{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;padding:10px}.product-title{color:#111827;font-size:12px;font-weight:950;margin-bottom:8px}.product-table{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:0;padding:0}.product-item{grid-gap:10px;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;display:grid;gap:10px;grid-template-columns:52px 1fr;padding:8px}.product-left{display:flex;gap:6px}.product-item img{border:1px solid #e5e7eb;border-radius:10px;height:45px;object-fit:cover;width:45px}.product-right{grid-gap:4px;display:grid;gap:4px;min-width:0}.pname{font-size:13px;font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pmeta{color:#6b7280;color:var(--muted);font-size:12px;font-weight:850}.peq{color:#9ca3af;margin:0 6px}.product-empty{color:#6b7280;color:var(--muted);font-weight:900;padding:8px}.action-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}.btn{border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:950;padding:10px 12px;transition:transform .12s ease,filter .12s ease;white-space:nowrap}.btn:hover{filter:brightness(1.02);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(180deg,#2563eb,#1d4ed8);background:linear-gradient(180deg,var(--primary),var(--primary2));color:#fff}.btn-success{background:linear-gradient(180deg,#16a34a,#15803d);background:linear-gradient(180deg,var(--success),var(--success2));color:#fff}.btn-secondary{background:linear-gradient(180deg,#6b7280,#4b5563);background:linear-gradient(180deg,var(--graybtn),var(--graybtn2));color:#fff}.btn-voice{background:linear-gradient(180deg,#16a34a,#15803d);background:linear-gradient(180deg,var(--success),var(--success2));color:#fff;padding:10px 14px}.print-row{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:10px}.printed-badge{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;color:#065f46;font-size:12px;font-weight:950;padding:6px 10px}.empty{background:#fff;border:1px dashed #d1d5db;border-radius:12px;color:#6b7280;color:var(--muted);font-weight:900;padding:12px;text-align:center}.modal-backdrop{background:#0000008c;display:grid;inset:0;padding:12px;place-items:center;position:fixed;z-index:1000}.modal-box{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px #00000059;max-height:90vh;overflow:auto;padding:14px;width:min(720px,94vw)}.modal-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.modal-head h3{font-size:16px;font-weight:950;margin:0}.modal-close{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:20px;font-weight:950;height:36px;width:36px}.bill-list{grid-gap:8px;display:grid;gap:8px;list-style:none;margin:10px 0 0;padding:0}.bill-item{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;display:flex;font-size:13px;font-weight:900;gap:10px;justify-content:space-between;padding:10px}.bill-item.manual{background:#fff7ed;border-color:#fed7aa}.bill-empty{color:#6b7280;color:var(--muted);font-weight:900;padding:10px}.mini-x{background:#0000;border:none;color:#dc2626;cursor:pointer;font-size:18px;font-weight:950;margin-left:10px}.manual-box{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;margin-top:12px;padding:10px}.manual-title{font-size:13px;font-weight:950;margin-bottom:8px}.manual-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 42px;margin-bottom:8px}.manual-row2{grid-gap:8px;display:grid;gap:8px;grid-template-columns:90px 1fr 120px}.input{border:1px solid #e5e7eb;border:1px solid var(--line);border-radius:12px;font-weight:850;outline:none;padding:10px 12px;width:100%}.input.small{padding:10px}.mic-btn{background:#22c55e;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:950}.mic-btn.listening{background:#ef4444}.bill-total{font-size:15px;font-weight:950;margin-top:12px;text-align:right}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}@media (max-width:900px){.two-col{grid-template-columns:1fr}}@media (max-width:520px){.header-row,.subbar{align-items:flex-start;flex-direction:column}.manual-row2{grid-template-columns:1fr 1fr}.manual-row2 .btn{grid-column:1/-1}}.btn-kot{background:#f59e0b;border:1px solid #f59e0b;color:#111827}.btn-kot:hover{filter:brightness(.95)}.form-group{margin-bottom:15px}.label{display:block;margin-bottom:5px}.input-field{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:8px;width:100%}.vendor-info{align-items:center;display:flex;gap:10px}.vendor-image{border:1px solid #ccc;border-radius:5px;object-fit:cover}.product-list{border:1px solid #ccc;max-height:200px;overflow-y:auto;padding:5px}.product-item{align-items:center;display:flex;margin:5px 0}.product-image{border:1px solid #ccc;border-radius:5px;margin-left:10px;object-fit:cover}.customer-list{border:1px solid #ccc;display:flex;flex-wrap:wrap;gap:10px;max-height:100px;overflow-y:auto;padding:5px}.customer-item{margin-right:15px}.send-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.send-btn:disabled{background-color:#ccc;cursor:not-allowed}.error{color:red;margin-bottom:10px}.type-with-customer{margin:0 auto;max-width:600px;padding:20px}.preview-btn{background-color:#25d366;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:10px 20px}.whatsapp-preview{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;left:50%;max-width:400px;padding:20px;position:fixed;text-align:left;top:50%;transform:translate(-50%,-50%);z-index:1000}.whatsapp-card{background:#e5ddd5;border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:10px}.whatsapp-card p{color:#000;margin:5px 0}.preview-image{border-radius:5px;margin-top:5px}.close-btn{background-color:#ff4d4d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.vpc-page{background:#f6f8fc;color:#1f2937;min-height:100vh;overflow:visible;padding:16px}.vpc-container{margin:0 auto;max-width:1400px;overflow:visible;position:relative}.vpc-container-overflow-visible{overflow:visible!important}.vpc-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px;overflow:visible}.vpc-title{color:#111827;font-size:28px;font-weight:700;margin:0}.vpc-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin:6px 0 0}.vpc-action-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;overflow:visible}.vpc-btn-link,.vpc-btn-primary,.vpc-btn-secondary,.vpc-menu-item,.vpc-menu-item-disabled{transition:all .2s ease}.vpc-btn-primary{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px}.vpc-btn-primary:hover{background:#1d4ed8}.vpc-btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.vpc-btn-secondary{background:#e5e7eb;border:none;border-radius:10px;color:#111827;cursor:pointer;font-weight:700;padding:10px 14px}.vpc-btn-secondary:hover{background:#d1d5db}.vpc-btn-secondary:disabled{cursor:not-allowed;opacity:.65}.vpc-alert-danger,.vpc-alert-success{border-radius:12px;font-weight:600;margin-bottom:12px;padding:12px 14px}.vpc-alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.vpc-alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.vpc-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;overflow:visible}.vpc-tab{background:#e5e7eb;border:none;border-radius:999px;color:#111827;cursor:pointer;font-weight:700;padding:10px 16px}.vpc-tab:hover{background:#d1d5db}.vpc-tab.active{background:#111827;color:#fff}.vpc-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;box-shadow:0 8px 30px #0f172a0d;margin-bottom:16px;overflow:hidden;padding:16px;position:relative;z-index:1}.vpc-card-overflow-visible{overflow:visible!important;z-index:50}.vpc-card-title{color:#111827;font-size:20px;font-weight:700;margin:0 0 12px}.vpc-card-title.no-margin{margin:0}.vpc-summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:18px}.vpc-summary-card{background:#fff;border:1px solid #eef2f7;border-radius:16px;box-shadow:0 8px 30px #0f172a0d;display:flex;flex-direction:column;gap:8px;padding:16px}.vpc-summary-label{color:#6b7280;font-size:13px}.vpc-summary-value{font-size:20px;font-weight:700}.vpc-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));overflow:visible;position:relative;z-index:1}.vpc-info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.vpc-info-item{background:#f9fafb;border:1px solid #eef2f7;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px}.vpc-label{color:#6b7280;font-size:12px;font-weight:600}.vpc-value{font-size:14px;font-weight:700;word-break:break-word}.vpc-filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.vpc-input{background:#fff;border:1px solid #d1d5db;border-radius:10px;min-width:180px;outline:none;padding:10px 12px}.vpc-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.vpc-input-wide{min-width:260px}.vpc-table-wrap{overflow-x:auto;width:100%}.vpc-table{border-collapse:collapse;min-width:1000px;width:100%}.vpc-table th{background:#f9fafb;color:#374151;font-weight:700;text-align:left}.vpc-table td,.vpc-table th{border-bottom:1px solid #eef2f7;font-size:14px;padding:12px}.vpc-table td{vertical-align:top}.vpc-link-btn{background:#0000;border:none;color:#2563eb;cursor:pointer;font-weight:700;padding:0}.vpc-link-btn:hover{color:#1d4ed8;text-decoration:underline}.vpc-inline-actions{display:flex;flex-wrap:wrap;gap:8px}.vpc-muted{color:#6b7280;font-size:13px}.vpc-issue-box{border-radius:14px;margin-bottom:10px;padding:14px}.vpc-issue-box.warning{background:#fffbeb;border:1px solid #fde68a}.vpc-issue-box.danger{background:#fef2f2;border:1px solid #fecaca}.vpc-issue-title{font-weight:700;margin-bottom:6px}.vpc-issue-text{color:#4b5563;font-size:14px}.vpc-modal-backdrop{align-items:center;background:#1118278c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.vpc-modal{background:#fff;border-radius:18px;box-shadow:0 20px 50px #0000002e;max-width:760px;padding:20px;width:100%}.vpc-modal-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.vpc-modal-title{margin:0}.vpc-close-btn{background:#0000;border:none;cursor:pointer;font-size:28px;line-height:1}.vpc-report-btn{background:#fff;border:1px solid #d1d5db;border-radius:12px;cursor:pointer;font-weight:700;padding:14px;text-align:left}.vpc-report-btn:hover{background:#f9fafb}.vpc-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:5px 10px;text-transform:capitalize}.vpc-badge.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.vpc-badge.warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.vpc-badge.danger{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.vpc-badge.neutral{background:#e5e7eb;border:1px solid #d1d5db;color:#374151}.vpc-menu-wrap{display:inline-block;position:relative;z-index:999}.vpc-menu-button{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:12px;box-shadow:0 8px 20px #2563eb2e;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:10px 16px;white-space:nowrap}.vpc-menu-button:hover{filter:brightness(.98)}.vpc-menu-button:disabled{cursor:not-allowed;opacity:.7}.vpc-menu-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 18px 40px #0f172a29;left:0;max-width:calc(100vw - 48px);overflow:visible;padding:10px;position:absolute;right:auto;top:calc(100% + 10px);width:340px;z-index:99999}.vpc-menu-title{border-bottom:1px solid #f1f5f9;color:#6b7280;font-size:12px;font-weight:800;letter-spacing:.2px;margin-bottom:8px;padding:6px 8px 10px}.vpc-menu-item{background:#fff;border:none;border-radius:12px;color:#111827;cursor:pointer;display:flex;flex-direction:column;gap:4px;margin-bottom:6px;padding:12px;text-align:left;width:100%}.vpc-menu-item:hover{background:#f8fafc}.vpc-menu-item-title{color:#111827;font-size:14px;font-weight:700;line-height:1.4}.vpc-menu-item-desc{color:#6b7280;font-size:12px;line-height:1.45;word-break:break-word}.vpc-menu-item-disabled{background:#f9fafb;border:none;border-radius:12px;color:#9ca3af;cursor:not-allowed;display:flex;flex-direction:column;gap:4px;margin-bottom:6px;padding:12px;text-align:left;width:100%}.vpc-menu-hint{color:#6b7280;font-size:12px;line-height:1.5;margin-top:6px;max-width:360px}.vpc-progress-track{background:#e5e7eb;border-radius:999px;height:10px;margin-bottom:14px;overflow:hidden;width:100%}.vpc-progress-fill{background:#2563eb;height:100%}.vpc-progress-text{color:#2563eb;font-weight:700;margin-bottom:14px}.vpc-step-list{grid-gap:10px;display:grid;gap:10px}.vpc-mt-16{margin-top:16px}.vpc-section-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}@media (max-width:900px){.vpc-filter-row{flex-direction:column}.vpc-input,.vpc-input-wide{min-width:auto;width:100%}}@media (max-width:768px){.vpc-page{padding:12px}.vpc-title{font-size:22px}.vpc-menu-wrap{width:100%}.vpc-menu-button{justify-content:center;width:100%}.vpc-menu-dropdown{left:0;max-width:calc(100vw - 32px);right:auto;width:min(100%,340px)}.vpc-action-row{width:100%}.vpc-menu-hint{max-width:100%}}
/*# sourceMappingURL=main.c9b203f5.css.map*/