*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #1e3a5f;--primary-gold: #d4a853;--bg-light: #f5f5f5;--text-dark: #1e3a5f;--text-gray: #666;--white: #ffffff;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15)}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--bg-light);color:var(--text-dark);line-height:1.5;min-height:100vh}#root{max-width:480px;margin:0 auto;background-color:var(--white);min-height:100vh;position:relative}@media(min-width:481px){#root{box-shadow:var(--shadow-lg)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.table-modal{background:#fff;border-radius:16px;width:90%;max-width:400px;max-height:80vh;overflow:hidden}.app{min-height:100vh;display:flex;flex-direction:column}.header{padding:12px 16px;background:var(--white)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.location{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-dark);flex:1}.location-pin{display:flex;align-items:center}.location-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.location-arrow{color:var(--text-gray);font-size:16px}.order-list-btn{background:none;border:none;color:var(--primary-blue);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px}.header-main{display:flex;align-items:center;gap:12px}.order-context-header{display:flex;flex-direction:column;gap:8px;flex:1}.order-type-tabs{display:flex;gap:0;background:var(--bg-light);border-radius:25px;padding:4px}.order-type-btn{flex:1;padding:10px 20px;border:none;background:transparent;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;color:var(--text-gray)}.order-type-btn.active{background:var(--primary-blue);color:var(--white)}.table-selector-btn{padding:10px 20px;border:none;background:var(--primary-blue);border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;color:var(--white);width:100%}.table-selector-btn:hover:not(.readonly){background:#2a4a6f}.order-type-btn.readonly,.table-selector-btn.readonly{cursor:default;opacity:.9}.order-type-btn.readonly:hover{background:transparent;color:var(--text-gray)}.order-type-btn.readonly.active:hover{background:var(--primary-blue);color:var(--white)}.tabs{display:flex;gap:0;background:var(--bg-light);border-radius:25px;padding:4px;flex:1}.tab{flex:1;padding:10px 20px;border:none;background:transparent;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;color:var(--text-gray)}.tab.active{background:var(--primary-blue);color:var(--white)}.cart-btn{background:none;border:none;cursor:pointer;position:relative;padding:8px;display:flex;align-items:center;justify-content:center}.cart-badge{position:absolute;top:0;right:0;background:var(--primary-gold);color:var(--white);font-size:10px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.nav{display:flex;justify-content:space-between;padding:16px 12px;background:var(--white);border-bottom:1px solid #eee;overflow-x:auto;gap:8px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:4px;min-width:60px;transition:all .3s ease}.nav-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-blue);border-radius:50%;color:var(--white);border:3px solid var(--primary-blue);transition:all .3s ease}.nav-item.active .nav-icon{border-color:var(--primary-gold);box-shadow:0 0 0 2px var(--primary-gold)}.nav-label{font-size:10px;color:var(--text-dark);text-align:center;font-weight:500}.search-container{padding:12px 16px}.search-box{display:flex;align-items:center;gap:10px;background:var(--white);padding:12px 16px;border-radius:25px;border:1px solid #e0e0e0}.search-box svg{flex-shrink:0}.search-box input{flex:1;border:none;background:transparent;font-size:14px;outline:none;color:var(--text-dark)}.search-box input::placeholder{color:#999}.section{padding:0 16px 16px}.section-title{font-size:18px;font-weight:700;color:var(--primary-blue);margin-bottom:12px}.food-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.popular-grid{overflow-x:auto;display:flex;gap:12px;padding-bottom:8px}.popular-grid .food-card{min-width:160px;flex-shrink:0}.other-grid{grid-template-columns:repeat(2,1fr)}.food-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.food-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.food-card-image-wrapper{position:relative;width:100%;height:140px;overflow:hidden}.popular-card .food-card-image-wrapper{height:160px}.food-card-image{width:100%;height:100%;object-fit:cover}.food-card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0d541bf2,#1e3a5fd9);padding:12px;display:flex;flex-direction:column;color:var(--white)}.food-card-overlay.small{padding:8px}.food-brand-badge{position:absolute;top:8px;right:8px;width:50px;height:50px;background:var(--primary-blue);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3)}.food-brand-badge.small{width:40px;height:40px}.brand-name{font-size:8px;font-weight:600;color:var(--white);line-height:1}.food-brand-badge.small .brand-name{font-size:7px}.food-brand-badge.small .brand-sub{font-size:8px}.overlay-desc{font-size:8px;color:#ffffffe6;margin-top:auto;margin-bottom:4px;line-height:1.3;max-width:70%}.overlay-price-info{display:flex;gap:4px;align-items:center;margin-bottom:2px}.price-label{font-size:8px;color:var(--primary-gold)}.price-old{font-size:8px;color:#ffffffb3;text-decoration:line-through}.price-current{font-size:110px;font-weight:700;color:var(--primary-gold)}.food-card-content{padding:10px;background:var(--white)}.food-card-title{font-size:20px;font-weight:600;color:var(--text-dark);margin-bottom:2px}.food-card-rating{display:flex;align-items:center;gap:4px;font-size:15px;color:var(--text-gray);margin-bottom:6px}.food-card-rating .rating-count{font-size:12px;color:#999;margin-left:2px}.food-card-price{font-size:14px;font-weight:600;color:var(--primary-gold);margin:0}.food-card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.food-card-tags:last-child{margin-bottom:0}.tag{padding:3px 8px;border-radius:10px;font-size:10px;font-weight:500}.tag.blue{background:var(--primary-blue);color:var(--white)}.tag.gold{background:var(--primary-gold);color:var(--white)}.tag.outline{background:transparent;color:var(--primary-blue);border:1px solid var(--primary-blue)}.tag.gray{background:#e5e5e5;color:var(--text-gray)}.menu-card{display:flex;background:linear-gradient(135deg,var(--primary-blue) 0%,#2a4a6f 100%);border-radius:16px;overflow:hidden;margin-bottom:12px;cursor:pointer;transition:transform .3s ease}.menu-card:hover{transform:translateY(-2px)}.menu-card-image{width:100px;height:80px;object-fit:cover}.menu-card-content{flex:1;padding:12px;display:flex;flex-direction:column;justify-content:center}.menu-card-title{font-size:16px;font-weight:600;color:var(--white);margin-bottom:4px}.menu-card-rating{display:flex;align-items:center;gap:4px;font-size:12px;color:#fffc}.menu-card-rating .star{color:var(--primary-gold)}.menu-card-arrow{display:flex;align-items:center;padding:0 16px;color:var(--white);font-size:20px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.modal{background:var(--white);width:100%;max-width:480px;max-height:90vh;border-radius:24px 24px 0 0;overflow:hidden;animation:slideUp .3s ease;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-image-container{position:relative;height:220px;flex-shrink:0}.modal-image{width:100%;height:100%;object-fit:cover}.modal-close{position:absolute;top:16px;left:16px;background:#0000004d;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.modal-content{padding:20px;overflow-y:auto;flex:1}.modal-title{font-size:40px;font-weight:700;color:var(--text-dark);margin-bottom:1px}.modal-meta{display:flex;gap:24px;margin-bottom:20px}.modal-meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-gray)}.meta-dot{width:10px;height:10px;border-radius:50%}.meta-dot.green{background:#22c55e}.modal-section-title{font-size:16px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.modal-description{font-size:14px;color:var(--text-gray);line-height:1.6;margin-bottom:20px}.options-list{display:flex;flex-direction:column;gap:12px}.option-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s ease}.option-item.selected{border-color:var(--primary-blue);background:#1e3a5f0d}.option-radio{width:20px;height:20px;border:2px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-item.selected .option-radio{border-color:var(--primary-blue)}.option-item.selected .option-radio:after{content:"";width:10px;height:10px;background:var(--primary-blue);border-radius:50%}.option-label{flex:1;font-size:14px;color:var(--text-dark)}.modal-footer{display:flex;align-items:center;gap:px;padding:16px 20px;background:var(--white);border-top:1px solid #eee;flex-shrink:0}.add-to-order-btn{background:var(--primary-blue);color:var(--white);border:none;padding:14px 100px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s ease}.add-to-order-btn:hover{background:#2a4a6f}.quantity-control{display:flex;align-items:center;gap:8px;margin-left:auto}.quantity-btn{width:32px;height:32px;border:none;background:transparent;font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-gray);transition:all .2s ease}.quantity-btn:hover{color:var(--primary-blue)}.quantity-btn.minus{color:var(--text-gray)}.quantity-btn.plus{color:var(--primary-blue)}.quantity-display{width:36px;height:36px;background:var(--white);border:2px solid var(--primary-blue);color:var(--primary-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.main-content{flex:1;padding-bottom:20px;overflow-y:auto}.page-view{display:flex;flex-direction:column;min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--white);border-bottom:1px solid #eee}.back-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:8px;color:var(--text-dark)}.page-title{font-size:18px;font-weight:600;color:var(--text-dark)}.header-spacer{width:40px}.page-tabs{margin:16px}.page-content{flex:1;padding:0 16px;overflow-y:auto}.page-footer{padding:16px;background:var(--white);border-top:1px solid #eee}.order-section{background:var(--white);border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}.order-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-weight:600;color:var(--text-dark)}.edit-btn{background:none;border:none;color:var(--primary-blue);font-size:14px;cursor:pointer}.order-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.order-item:last-of-type{border-bottom:none}.order-item-icon{width:48px;height:48px;background:var(--bg-light);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.order-item-image{width:60px;height:60px;border-radius:12px;overflow:hidden;flex-shrink:0}.order-item-image img{width:100%;height:100%;object-fit:cover}.order-item-details{flex:1}.order-item-details h4{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:2px}.order-item-variant{font-size:15px;color:var(--text-gray)}.order-item-price{font-size:16px;color:var(--primary-blue);font-weight:600}.order-item-quantity{display:flex;align-items:center;gap:8px}.order-item-quantity button{width:28px;height:28px;border:1px solid #ddd;background:var(--white);border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.order-item-quantity span{font-weight:600;min-width:20px;text-align:center}.order-item-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.order-item-wrapper{position:relative;overflow:hidden}.order-item-wrapper .order-item{position:relative;z-index:1;background:#fff;transition:transform .3s ease}.order-item-wrapper.swiped .order-item{transform:translate(-70px)}.swipe-actions{position:absolute;right:0;top:0;bottom:0;width:70px;display:flex;align-items:center;justify-content:center;background:#ef4444}.delete-action-btn{background:transparent;border:none;padding:12px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}.add-note-btn{background:none;border:none;color:var(--text-gray);font-size:14px;cursor:pointer;padding:12px 0;width:100%;text-align:left}.payment-detail-section{background:var(--white);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.payment-detail-section h3{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.payment-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--text-gray)}.payment-row.total{border-top:1px solid #eee;margin-top:8px;padding-top:16px;font-weight:700;color:var(--text-dark)}.footer-total{display:flex;justify-content:space-between;margin-bottom:12px}.footer-total span:first-child{font-size:14px;color:var(--text-gray)}.footer-price{font-size:16px;font-weight:700;color:var(--primary-blue)}.primary-btn{width:100%;background:var(--primary-blue);color:var(--white);border:none;padding:14px 24px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.primary-btn:hover{background:#2a4a6f}.payment-form{padding-top:16px}.form-section-title{font-size:16px;font-weight:700;color:var(--text-dark);margin-bottom:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:var(--text-gray);margin-bottom:8px}.form-group input{width:100%;padding:14px 16px;border:1px solid #ddd;border-radius:12px;font-size:14px;outline:none;transition:border-color .3s ease}.form-group input:focus{border-color:var(--primary-blue)}.form-group input::placeholder{color:#999}.payment-method-section{margin-bottom:16px}.payment-method-section h3{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:12px}.payment-method-option{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #ddd;border-radius:12px;cursor:pointer;transition:all .3s ease}.payment-method-option.selected{border-color:var(--primary-blue);background:#1e3a5f0d}.method-radio{width:20px;height:20px;border:2px solid #ddd;border-radius:50%;position:relative}.payment-method-option.selected .method-radio{border-color:var(--primary-blue)}.payment-method-option.selected .method-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:var(--primary-blue);border-radius:50%}.error-message{background:#fee2e2;color:#ef4444;padding:12px 16px;border-radius:12px;font-size:14px;margin-top:12px}.qr-payment-content{display:flex;flex-direction:column;align-items:center;padding-top:20px;text-align:center}.qr-instruction{font-size:14px;color:var(--text-gray);margin-bottom:20px}.qr-code-container{background:var(--white);padding:20px;border-radius:16px;box-shadow:var(--shadow);margin-bottom:20px}.qr-code{border:4px solid var(--primary-blue);border-radius:12px;padding:10px}.countdown-timer{display:flex;align-items:center;gap:8px;font-size:32px;font-weight:700;color:var(--primary-blue);margin-bottom:24px}.time-unit{background:var(--bg-light);padding:8px 12px;border-radius:8px;min-width:50px}.time-separator{color:var(--text-gray)}.qr-instructions{background:var(--bg-light);padding:16px;border-radius:12px;text-align:left;margin-bottom:20px;width:100%}.qr-instructions h4{font-size:14px;font-weight:600;color:var(--text-dark);margin-bottom:12px}.qr-instructions ol{padding-left:20px;font-size:12px;color:var(--text-gray)}.qr-instructions li{margin-bottom:8px}.total-payment-display{text-align:center}.total-amount{display:block;font-size:28px;font-weight:700;color:var(--primary-blue)}.total-label{font-size:14px;color:var(--text-gray)}.purchase-order-content{padding-top:16px}.your-order-section{margin-bottom:20px}.your-order-section h3{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:12px}.table-display{display:flex;align-items:center;gap:12px;background:var(--bg-light);padding:3px;border-radius:12px}.table-label{background:var(--primary-blue);color:var(--white);padding:10px 100px;border-radius:8px;font-size:14px;font-weight:600}.table-number{font-size:18px;font-weight:700;color:var(--text-dark)}.purchase-order-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #eee}.order-qty{font-weight:600;color:var(--text-dark)}.payment-summary-section{background:var(--white);border-radius:16px;padding:16px;margin-top:20px;box-shadow:var(--shadow)}.payment-summary-section h3{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:16px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--text-gray)}.summary-row.total{border-top:1px solid #eee;margin-top:8px;padding-top:16px;font-weight:700;color:var(--primary-blue)}.status-section{background:var(--bg-light);border-radius:16px;padding:16px;margin-top:20px}.status-section h3{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:8px}.status-section p{font-size:14px;color:var(--text-gray)}.note-modal{background:var(--white);width:90%;max-width:400px;border-radius:20px;overflow:hidden;animation:slideUp .3s ease;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.note-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.note-modal-header h3{font-size:18px;font-weight:600;color:var(--text-dark)}.close-note-btn{background:none;border:none;font-size:24px;color:var(--text-gray);cursor:pointer;padding:4px}.note-modal-content{padding:20px}.note-modal-content textarea{width:100%;padding:14px 16px;border:1px solid #ddd;border-radius:12px;font-size:14px;font-family:inherit;resize:none;outline:none;transition:border-color .3s ease}.note-modal-content textarea:focus{border-color:var(--primary-blue)}.note-modal-content textarea::placeholder{color:#999}.note-modal-footer{display:flex;gap:12px;padding:16px 20px;border-top:1px solid #eee}.note-modal-footer .primary-btn,.note-modal-footer .secondary-btn{flex:1}.secondary-btn{background:var(--bg-light);color:var(--text-dark);border:none;padding:14px 24px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease}.secondary-btn:hover{background:#e5e5e5}.order-note-display{background:var(--bg-light);padding:12px 16px;border-radius:12px;margin-top:12px}.note-label{font-size:12px;font-weight:600;color:var(--primary-blue);display:block;margin-bottom:4px}.note-text{font-size:14px;color:var(--text-dark);line-height:1.5}.note-section{background:#fff8e6;border:1px solid var(--primary-gold);border-radius:16px;padding:16px;margin-top:20px}.note-section h3{font-size:16px;font-weight:600;color:var(--primary-gold);margin-bottom:8px}.note-section p{font-size:14px;color:var(--text-dark);line-height:1.5}.order-list-content{padding-top:16px}.order-list-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--white);border-radius:12px;margin-bottom:12px;box-shadow:var(--shadow)}.order-table-badge{padding:12px 8px;border-radius:8px;font-size:12px;font-weight:700;color:var(--white);text-align:center;min-width:60px}.table-blue{background:#3b82f6}.table-green{background:#22c55e}.table-orange{background:#f97316}.order-list-info{flex:1}.order-customer-name{font-size:16px;font-weight:600;color:var(--text-dark);margin-bottom:4px}.order-item-count{font-size:14px;color:var(--text-gray)}.order-items-label{font-size:12px;color:var(--text-gray)}.order-item-details{font-size:11px;color:var(--text-gray);margin-top:4px;line-height:1.4;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-list-status{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.order-number{font-size:12px;color:var(--text-gray)}.order-status-badge{padding:6px 12px;border-radius:16px;font-size:11px;font-weight:600;color:var(--white)}.status-blue{background:#3b82f6}.status-orange{background:#f97316}.status-green{background:#22c55e}.popular-image-wrapper{position:relative;height:180px}.other-image-wrapper{position:relative;height:140px}.food-card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1e3a5feb,#1e3a5fd9);padding:12px;display:flex;flex-direction:column}.small-overlay{padding:8px}.food-brand-badge{position:absolute;top:10px;right:10px;width:55px;height:55px;background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.food-brand-badge.small{width:45px;height:45px;top:8px;right:8px}.brand-name{font-size:10px;font-weight:600;color:var(--white);line-height:1.1}.brand-sub{font-size:12px;font-weight:700;color:var(--primary-gold);line-height:1.1}.food-brand-badge.small .brand-name{font-size:8px}.food-brand-badge.small .brand-sub{font-size:10px}.overlay-content{margin-top:auto}.overlay-desc{font-size:9px;color:#ffffffe6;line-height:1.4;margin-bottom:8px;max-width:75%}.small-desc{font-size:8px;margin-bottom:4px}.overlay-price-info{display:flex;gap:8px;align-items:baseline}.price-label{font-size:9px;color:var(--primary-gold)}.price-old{font-size:9px;color:#fff9;text-decoration:line-through}.price-current{font-size:14px;font-weight:700;color:var(--primary-gold)}.small-price{font-size:12px}.menu-detail-page{display:flex;flex-direction:column;min-height:100vh;background:var(--white)}.menu-detail-image-container{position:relative;height:280px;flex-shrink:0}.menu-detail-image{width:100%;height:100%;object-fit:cover}.menu-detail-back{position:absolute;top:16px;left:16px;background:#0000004d;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.menu-detail-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1e3a5fe6,#1e3a5fbf);padding:60px 20px 20px;display:flex;flex-direction:column}.menu-brand-badge{position:absolute;top:20px;right:20px;width:70px;height:70px;background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-brand-badge .brand-text{font-size:14px;font-weight:600;color:var(--white);line-height:1.1}.menu-brand-badge .brand-sub{font-size:16px;font-weight:700;color:var(--primary-gold);line-height:1.1}.menu-overlay-content{margin-top:auto}.menu-overlay-desc{font-size:12px;color:#ffffffe6;line-height:1.5;margin-bottom:12px;max-width:70%}.menu-overlay-price{display:flex;gap:12px;align-items:baseline;margin-bottom:4px}.menu-price-label{font-size:12px;color:var(--primary-gold)}.menu-price-old{font-size:12px;color:#fff9;text-decoration:line-through}.menu-price-current{font-size:18px;font-weight:700;color:var(--primary-gold)}.menu-detail-content{flex:1;padding:24px 20px;background:var(--white);border-radius:24px 24px 0 0;margin-top:-20px;position:relative;z-index:5}.menu-detail-title{font-size:24px;font-weight:700;color:var(--text-dark);margin-bottom:12px}.menu-detail-meta{display:flex;gap:24px;margin-bottom:20px}.menu-meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-gray)}.menu-section-title{font-size:16px;font-weight:700;color:var(--text-dark);margin-bottom:8px}.menu-description{font-size:14px;color:var(--text-gray);line-height:1.6;margin-bottom:20px}.menu-options-list{display:flex;flex-direction:column;gap:12px}.menu-option-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e0e0e0;border-radius:12px;cursor:pointer;transition:all .2s ease}.menu-option-item.selected{border-color:var(--primary-blue);background:#1e3a5f0d}.menu-option-radio{width:20px;height:20px;border:2px solid #ccc;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-option-item.selected .menu-option-radio{border-color:var(--primary-blue)}.menu-option-item.selected .menu-option-radio:after{content:"";width:10px;height:10px;background:var(--primary-blue);border-radius:50%}.menu-option-label{flex:1;font-size:14px;color:var(--text-dark)}.menu-detail-footer{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--white);border-top:1px solid #eee;flex-shrink:0}.menu-add-btn{background:var(--primary-blue);color:var(--white);border:none;padding:14px 32px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s ease}.menu-add-btn:hover{background:#2a4a6f}.menu-quantity-control{display:flex;align-items:center;gap:8px;margin-left:auto}.menu-qty-btn{width:36px;height:36px;border:none;background:transparent;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-gray);transition:all .2s ease}.menu-qty-btn:hover{color:var(--primary-blue)}.menu-qty-btn.minus{color:var(--text-gray)}.menu-qty-btn.plus{color:var(--primary-blue)}.menu-qty-display{width:40px;height:40px;background:var(--white);border:2px solid var(--primary-blue);color:var(--primary-blue);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.qris-label{font-weight:600;color:var(--primary-blue)}.table-modal{background:#fff;border-radius:16px;width:90%;max-width:400px;max-height:80vh;overflow:hidden;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.table-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee}.table-modal-header h3{margin:0;font-size:18px;color:var(--primary-blue)}.close-modal-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;line-height:1}.table-modal-content{padding:20px;overflow-y:auto;max-height:calc(80vh - 60px)}.table-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.table-option{aspect-ratio:1;border:2px solid #ddd;border-radius:12px;background:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;color:var(--text-dark)}.table-option:hover{border-color:var(--primary-blue);background:#f0f7ff}.table-option.selected{border-color:var(--primary-blue);background:var(--primary-blue);color:#fff}.qris-payment-screen{display:flex;flex-direction:column;align-items:center;padding:20px;text-align:center}.qris-container{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:400px;width:100%}.qris-info{text-align:center}.qris-order-id{font-size:14px;color:var(--text-gray);margin-bottom:8px}.qris-amount{font-size:28px;font-weight:700;color:var(--primary-blue)}.qris-image{width:250px;height:250px;border:2px solid #eee;border-radius:12px;padding:10px;background:#fff}.qris-string-box{background:#f5f5f5;padding:16px;border-radius:8px;width:100%}.qris-string{font-size:10px;word-break:break-all;display:block;margin-top:8px;background:#fff;padding:8px;border-radius:4px}.qris-instructions{text-align:left;width:100%;padding:16px;background:#f9f9f9;border-radius:8px}.qris-instructions p{font-weight:600;margin-bottom:8px;color:var(--text-dark)}.qris-instructions ul{margin:0;padding-left:20px;color:var(--text-gray)}.qris-instructions li{padding:4px 0}.qris-status{display:flex;align-items:center;gap:12px;padding:16px;background:#e3f2fd;border-radius:8px;width:100%}.qris-status p{margin:0;color:var(--primary-blue);font-weight:500}.loading-spinner{width:24px;height:24px;border:3px solid #ddd;border-top-color:var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qris-expiry{font-size:12px;color:var(--text-gray)}.secondary-btn{width:100%;padding:14px;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;font-size:16px;font-weight:600;color:var(--text-dark);cursor:pointer}