@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";.scanner-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-color, #fdfdfd);background-image:radial-gradient(circle at 10% 20%,rgba(216,27,96,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(216,27,96,.08) 0%,transparent 40%);font-family:Outfit,sans-serif;padding:2rem;color:var(--text-primary, #1a1a2e)}.scanner-card{width:100%;max-width:480px;background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);box-shadow:0 20px 40px #00000014;border-radius:24px;padding:2.5rem;transition:transform .3s ease;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scanner-header{text-align:center;margin-bottom:2rem}.scanner-header h2{font-size:2rem;font-weight:800;margin:0 0 .5rem;color:#1a1a2e}.scanner-header p{color:#6c757d;font-size:1rem;margin:0}.scanner-frame-wrapper{position:relative;border-radius:20px;padding:4px;background:linear-gradient(135deg,var(--primary-color, #d81b60),#ff4081);box-shadow:0 10px 20px #d81b6033;margin-bottom:1.5rem;overflow:hidden}.scanner-frame{border-radius:16px;overflow:hidden;background:#000;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.scanner-error{background:#ff47571a;color:#ff4757;padding:1rem;border-radius:12px;text-align:center;font-weight:500;margin-bottom:1.5rem;border:1px solid rgba(255,71,87,.2);animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.manual-entry-section{border-top:1px solid rgba(0,0,0,.08);padding-top:2rem;margin-top:1rem}.manual-entry-section h3{text-align:center;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:#1a1a2e}.manual-form{display:flex;flex-direction:column;gap:1rem}.input-group input{width:100%;padding:.85rem 1.2rem;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#ffffffe6;font-family:inherit;font-size:1rem;transition:all .2s ease;outline:none;box-sizing:border-box}.input-group input:focus{border-color:var(--primary-color, #d81b60);box-shadow:0 0 0 3px #d81b6026}.btn-submit{width:100%;padding:1rem;background:var(--primary-color, #d81b60);color:#fff;border:none;font-size:1.1rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem;box-shadow:0 4px 10px #d81b6033;box-sizing:border-box}.btn-submit:hover{background:var(--primary-hover, #ad1457);transform:translateY(-2px);box-shadow:0 6px 15px #d81b604d}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-secondary, #4a4a5e);font-weight:600}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid rgba(0,0,0,.1)}.divider span{padding:0 10px}.back-link{display:block;text-align:center;margin-top:1.5rem;color:var(--text-secondary, #4a4a5e);text-decoration:none;font-weight:500;transition:color .2s ease}.back-link:hover{color:var(--primary-color, #d81b60)}@media(max-width:480px){.scanner-card{padding:1.5rem;border-radius:20px;box-sizing:border-box}}:root{--primary-color: #d81b60;--primary-hover: #ad1457;--bg-color: #fdfdfd;--text-primary: #1a1a2e;--text-secondary: #4a4a5e;--card-bg: #ffffff;--shadow-sm: 0 4px 6px rgba(0,0,0,.05);--shadow-md: 0 10px 20px rgba(216, 27, 96, .1);--shadow-lg: 0 20px 40px rgba(0,0,0,.08);--transition: all .3s cubic-bezier(.25, .8, .25, 1);--font-main: "Outfit", sans-serif}.home-container{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.home-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;background:#fdfdfdd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.05)}.nav-logo-container{display:flex;align-items:center;gap:.75rem}.nav-logo{height:40px;width:auto;border-radius:8px}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--primary-color);letter-spacing:-.5px}.btn-primary,.btn-secondary{border:none;border-radius:50px;padding:.6rem 1.5rem;font-size:1rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);box-shadow:none}.btn-secondary:hover{background-color:#d81b601a;transform:translateY(-2px)}.btn-primary.large,.btn-secondary.large{padding:1rem 2.5rem;font-size:1.15rem}.hero-section{display:flex;align-items:center;justify-content:space-between;padding:6rem 5%;flex:1;gap:4rem;animation:fadeIn .8s ease-out}.hero-content{flex:1;max-width:600px}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-1px}.hero-title .highlight{color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color),#ff4081);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2.5rem}.hero-buttons{display:flex;gap:1rem}.hero-image-container{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.hero-image{max-width:100%;height:auto;width:450px;z-index:2;border-radius:20px;animation:float 6s ease-in-out infinite}.decorative-blob{position:absolute;width:500px;height:500px;background:radial-gradient(circle,#d81b6026,#fff0 70%);z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.how-it-works-section{padding:6rem 5%;background-color:var(--card-bg);text-align:center}.section-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:-2rem auto 3rem}.steps-container{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}.step-item{flex:1;min-width:250px;text-align:center;position:relative}.step-number{width:60px;height:60px;background:var(--primary-color);color:#fff;font-size:1.5rem;font-weight:800;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:var(--shadow-md)}.step-item h3{font-size:1.4rem;font-weight:700;margin-bottom:1rem}.step-item p{color:var(--text-secondary);line-height:1.6}.features-section{padding:5rem 5%;background-color:#f7f8fa;text-align:center}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--card-bg);border-radius:20px;padding:2.5rem 2rem;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid rgba(0,0,0,.03);display:flex;flex-direction:column;align-items:center}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:#d81b6033}.feature-icon-wrapper{width:70px;height:70px;background-color:#d81b601a;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:var(--transition)}.feature-card:hover .feature-icon-wrapper{background-color:var(--primary-color)}.feature-icon{font-size:2rem;color:var(--primary-color);transition:var(--transition)}.feature-card:hover .feature-icon{color:#fff;transform:scale(1.1)}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6}.cta-section{padding:6rem 5%;background:linear-gradient(135deg,var(--primary-color),#ff4081);text-align:center;color:#fff}.cta-section h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem}.cta-section p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.9}.cta-btn{background:#fff;color:var(--primary-color);box-shadow:0 10px 20px #00000026}.cta-btn:hover{background:#fdfdfd;color:var(--primary-hover)}.home-footer{background-color:var(--card-bg);padding:3rem 5% 2rem;border-top:1px solid rgba(0,0,0,.05)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:var(--primary-color)}.footer-logo img{height:30px}.footer-text{color:var(--text-secondary);font-size:.9rem;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media(max-width:992px){.hero-section{flex-direction:column;text-align:center;padding:4rem 5%}.hero-title{font-size:3rem}.hero-buttons{justify-content:center}.decorative-blob{width:350px;height:350px}}@media(max-width:576px){.hero-title{font-size:2.25rem}.section-title{font-size:2rem}.hero-image{width:280px}.hero-buttons{flex-direction:column;width:100%}.hero-buttons button{width:100%}}:root{--primary: #f97316;--secondary: #2f3542;--bg: #f8f9fa;--text: #2f3542;--white: #ffffff;--success: #2ed573}body{margin:0;font-family:Outfit,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.container{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);box-shadow:0 0 20px #0000000d;position:relative;padding-bottom:80px}.header{padding:30px 20px 25px;background:linear-gradient(135deg,var(--primary),#ff8c42);position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;border-bottom-left-radius:30px;border-bottom-right-radius:30px;box-shadow:0 10px 30px #f9731640;margin-bottom:24px}.header-left h1{margin:0 0 8px;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-left .table-info{margin:0;font-size:13px;font-weight:600;color:#fff;background:#fff3;padding:6px 14px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000000d}.header-right{display:flex;gap:12px;align-items:center}.icon-btn{background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:10px 14px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:15px;font-weight:600;gap:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}.icon-btn:hover{background:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.service-buttons{display:flex;gap:10px;padding:0 20px 15px;overflow-x:auto;background:var(--bg);scrollbar-width:none}.service-buttons::-webkit-scrollbar{display:none}.service-btn{flex:0 0 auto;padding:6px 16px;border:1px solid var(--primary);border-radius:6px;background:transparent;color:var(--primary);font-size:12px;font-weight:500;cursor:pointer}.search-container{padding:0 20px 15px}.search-input-wrapper{display:flex;align-items:center;background:#f0f0f0;border-radius:20px;padding:10px 16px}.search-input-wrapper input{border:none;background:transparent;outline:none;width:100%;margin-left:10px;font-size:14px;font-family:inherit;color:#333}.category-pills{display:flex;gap:10px;padding:0 20px 10px;overflow-x:auto;background:var(--bg);scrollbar-width:none}.category-pills::-webkit-scrollbar{display:none}.category-pill{flex:0 0 auto;padding:8px 20px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.category-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.menu-list{padding:10px 20px}.menu-item{display:flex;background:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 4px 12px #0000000d;gap:16px}.item-image{width:90px;height:90px;border-radius:12px;object-fit:cover;flex-shrink:0}.item-image-placeholder{width:90px;height:90px;border-radius:12px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-details{flex:1;display:flex;flex-direction:column}.item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.item-name{font-size:16px;font-weight:600;color:#1a1a1a;margin:0;line-height:1.2}.item-price{font-size:14px;font-weight:700;color:var(--primary);white-space:nowrap}.item-desc{font-size:12px;color:#888;margin-bottom:12px;line-height:1.4;flex:1}.item-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.variant-list{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.variant-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#fdfdfd;border:1px solid #eee;border-radius:8px;transition:all .2s}.variant-row:hover{background:snow;border-color:#ffd8c4}.variant-row .variant-name{font-size:13px;font-weight:500;color:#444;display:flex;align-items:center;gap:6px}.variant-row .v-price{color:var(--primary);font-weight:700}.variant-add{width:24px;height:24px;font-size:16px;border-radius:6px}.variant-qty{padding:2px}.variant-qty .qty-btn{width:22px;height:22px;font-size:14px}.variant-qty .qty-text{font-size:13px;min-width:16px}.tag-pill{font-size:10px;padding:2px 8px;border-radius:12px;background:#fff3ed;color:var(--primary);font-weight:600}.add-btn{background:var(--primary);color:#fff;border:none;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;cursor:pointer}.quantity-control{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e0e0e0;padding:2px;border-radius:8px}.qty-btn{background:var(--primary);color:#fff;border:none;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700}.qty-text{font-size:14px;font-weight:600;min-width:16px;text-align:center}.cart-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:440px;background:var(--secondary);color:#fff;padding:16px;border-radius:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 20px #0000001a;z-index:200}.scanner-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;color:#fff}.scan-overlay{position:absolute;inset:0;border:50px solid rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}