@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap);@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}.abc-loading-overlay,.abc-popup-overlay,.chart-modal-overlay,.dashboard-scan-modal-overlay,.date-picker-overlay,.graph-popup-overlay,.loading-overlay,.modal-overlay,.od-modal-overlay,.od-overlay,.produce-modal-overlay,.sales-date-picker-overlay,.saving-overlay,.sp-modal-overlay,.truck-loader-overlay,.usage-modal-overlay,.vm-modal-overlay,.wd-table-modal-backdrop,.wpq-deliver-modal-backdrop,.xyz-modal-overlay{animation:fadeIn .25s ease-out}.abc-loading-overlay.closing,.abc-popup-overlay.closing,.chart-modal-overlay.closing,.dashboard-scan-modal-overlay.closing,.date-picker-overlay.closing,.graph-popup-overlay.closing,.loading-overlay.closing,.modal-overlay.closing,.od-modal-overlay.closing,.od-overlay.closing,.produce-modal-overlay.closing,.sales-date-picker-overlay.closing,.saving-overlay.closing,.sp-modal-overlay.closing,.truck-loader-overlay.closing,.usage-modal-overlay.closing,.vm-modal-overlay.closing,.wd-table-modal-backdrop.closing,.wpq-deliver-modal-backdrop.closing,.xyz-modal-overlay.closing{animation:fadeOut .2s ease-in}.abc-loading-modal,.abc-popup-content,.chart-modal,.dashboard-scan-modal-box,.date-picker-popup,.graph-popup-content,.modal-card,.modal-content,.od-modal,.produce-modal,.sales-date-picker-popup,.saving-card,.sp-modal-container,.t2-modal,.toast,.usage-modal-content,.usage-success-modal-box,.vm-modal-content,.wd-table-modal-container,.wpq-deliver-modal-container,.xyz-modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.abc-loading-modal.closing,.abc-popup-content.closing,.chart-modal.closing,.dashboard-scan-modal-box.closing,.date-picker-popup.closing,.graph-popup-content.closing,.modal-card.closing,.modal-content.closing,.od-modal.closing,.produce-modal.closing,.sales-date-picker-popup.closing,.saving-card.closing,.sp-modal-container.closing,.t2-modal.closing,.toast.closing,.usage-modal-content.closing,.usage-success-modal-box.closing,.vm-modal-content.closing,.wd-table-modal-container.closing,.wpq-deliver-modal-container.closing,.xyz-modal-content.closing{animation:slideDown .25s cubic-bezier(.4,0,1,1)}.action-dropdown,.bep-period-dropdown,.carousel-period-dropdown,.category-chips,.context-menu,.dashboard-period-dropdown,.default-payments-options,.deviation-options,.dropdown-menu,.dropdown-menu-container,.filter-dropdown,.filter-dropdown-menu,.hamburger-menu,.hamburger-menu-btn,.language-dropdown,.language-dropdown-menu,.location-grid,.menu-dropdown,.nice-select-custom .ns-menu,.notification-dropdown,.ns-dropdown,.ns-menu,.options-dropdown,.period-dropdown,.popup-list,.popup-menu,.popup-panel,.role-grid,.rt-hamburger-menu,.select-dropdown,.settings-dropdown,.shift-options,.suggestions,.user-dropdown{animation:dropdownSlideIn .3s ease-out}.category-chips.closing,.dashboard-period-dropdown.closing,.dropdown-menu-container.closing,.dropdown-menu.closing,.filter-dropdown.closing,.hamburger-menu.closing,.language-dropdown.closing,.nice-select-custom .ns-menu.closing,.popup-list.closing,.popup-panel.closing,.rt-hamburger-menu.closing,.suggestions.closing{animation:fadeOut .2s ease-in}.abc-item-card,.action-card,.alert-item,.card,.item-override-card,.menu-category-card,.notification-card,.recipe-card,.section-card,.tax-rate-card,.user-row,.vm-modal-list-item{transition:all .25s cubic-bezier(.4,0,.2,1)}.abc-item-card:hover,.action-card:hover,.card:hover,.recipe-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-2px)}.abc-tab,.action-button,.add-hours-button,.add-user-button,.btn,.btn--back,.btn--continue,.btn--primary,.btn--save,.btn--secondary,.chart-dropdown,.chip,.dashboard-period-selector,.icon-button,.invite-button,.language-option,.location-option,.modal-action-button,.profile-action-button,.role-option,.setting-button,.shift-button,.square-btn,button{transition:all .2s cubic-bezier(.4,0,.2,1)}.action-button:active,.btn:active,.square-btn:active,button:active{transform:scale(.95)}.boxed-input,.form-input,.number-input,.popup-search-input,.profile-form-input,.search-input,.select-input,.simple-add-input,.text-input,.threshold-input,.time-input,input,select,textarea{transition:all .2s cubic-bezier(.4,0,.2,1)}.boxed-input:focus,.form-input:focus,.profile-form-input:focus,input:focus,select:focus,textarea:focus{transform:translateY(-1px)}.bottom-nav{transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item:active{transform:scale(.95)}.alerts-container,.categories-list,.payments-list,.permissions-matrix,.section-content,.shifts-container,.users-list{transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.chevron-icon,.ns-arrow,.period-text:after{transition:transform .3s cubic-bezier(.4,0,.2,1)}.abc-spinner,.spinner{animation:spin 1s linear infinite}.bell-notification-badge,.future-badge,.plan-badge,.premium-badge,.status-badge,.tier-badge{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}.abc-search,.search-container,.search-wrap{transition:all .3s cubic-bezier(.4,0,.2,1)}.abc-search:focus-within,.search-container:focus-within{transform:translateY(-2px)}.abc-tabs .abc-tab{transition:all .3s cubic-bezier(.4,0,.2,1)}.abc-tab.active{transition:border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.chart-container,.graph-slide{animation:fadeIn .4s ease-out}@media (max-width:768px){.btn,.modal-content,.modal-overlay,button{animation-duration:.2s;transition-duration:.15s}}@keyframes simpleFadeIn{0%{opacity:0}to{opacity:1}}.App,.analytics-container,.app-main>div,.chef-page-container,.chef-search-container,.complimentary-finalization-container,.complimentary-items-container,.container-of-Overview,.create-reorder-container,.customization-mapping-container,.dashboard-container,.enhanced-features-container,.ev-page-container,.expiry-control-panel-container,.expiry-thresholds-container,.floor-management,.ingredients-scroll-container,.initial-recovery-container,.inventory-calculator-container,.inventory-container,.itemmap-container,.menu-management-container,.minimal-stock-container,.newrecipe-container,.notification-container,.oa-container,.onboarding-container,.onboarding-container-1,.order-history-page,.overview-container,.owner-dashboard-container,.owner-menu-container,.owner-notifications-container,.owner-theme,.qr-billing-container,.qr-table-management,.qrb-complete-container,.qrb-complete-tax-content-container,.qrb-complete-tax-form-container,.qrb-complete-tax-intro-container,.qrb-complete-tax-intro-screen,.qrb-complete-tax-scheme-container,.ratings-list-container,.recipe-list-container,.reports-container,.rt-stats-container,.sales-container,.settings-container,.status-container,.stock-in-container,.stock-out-container,.stockrepo-container,.table-management-container,.toh-page,.usage-container,.usage-page-container,.vendor-management-container,.vid-manager-container,.virtual-inventory-container,.vm-page-container,.waiter-dashboard-container,.waiter-modal-container,.wastage-thresholds-container,.wd-table-modal-container,.wpq-deliver-modal-container,.xyz-container{animation:simpleFadeIn .5s ease-in-out}.abc-items-list,.category-list,.complimentary-list,.customization-list,.expiry-list,.inventory-list,.list-container,.menu-items-list,.modal-content,.notification-list,.orders-list,.popup-content,.recipe-list,.reorder-list,.reports-list,.sales-history-list,.scrollable-container,.settings-list,.stock-history-list,.table-container,.threshold-list,.user-list,.vendor-list,.virtual-inventory-list,.wastage-list,.xyz-items-list{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}html{scroll-padding-top:80px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}*,:after,:before,html{scroll-behavior:auto!important}}.transition-none{animation:none!important;transition:none!important}.transition-fast{transition-duration:.15s!important}.transition-slow{transition-duration:.5s!important}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}*,html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%}body.app-global{background-color:#f5f5f5!important}body.app-global #root{margin-left:auto;margin-right:auto;max-width:600px;width:100%}body.app-global.dashboard-body{background-color:#fff!important}body.app-global ::-webkit-scrollbar{height:6px;width:6px}body.app-global ::-webkit-scrollbar-track{background:#f0f2f5}body.app-global ::-webkit-scrollbar-thumb{background-color:#cfd8dc;border-radius:8px}body.app-global ::-webkit-scrollbar-thumb:hover{background-color:#b0bec5}@media (max-width:600px){body.app-global,body.app-global *{scrollbar-width:none!important}body.app-global,html{-ms-overflow-style:none!important}body.app-global ::-webkit-scrollbar{background:#0000!important;display:none!important;height:0!important;width:0!important}}body,html{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none;height:0!important;width:0!important}body.app-global ::-webkit-scrollbar{background:#0000!important;display:none!important;height:0!important;width:0!important}body,body.app-global *,html{scrollbar-width:none!important}html{background-color:#fff;height:100%;height:100vh;height:calc(var(--vh, 1vh)*100)}body{min-height:calc(var(--vh, 1vh)*100);padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) 0 env(safe-area-inset-left,0)}.App{background-color:#f5f5f5!important;min-height:100vh;text-align:center}.phone-width{margin:0 auto;max-width:600px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;padding:20px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.back-button{background:#6c757d;border-radius:6px;transition:background-color .3s ease}.back-button:hover{background:#5a6268}.ocr-indicator{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.ocr-text-preview pre{padding:10px}.bill-scanner-container{max-width:600px}.scanner-header p{font-size:14px}.scanner-options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.scanner-option{align-items:center;background:#fff;border:2px dashed #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:30px 20px;text-align:center;transition:all .3s ease}.scanner-option:hover{background:#f5f5f5;border-color:#000;transform:translateY(-2px)}.scanner-option.active{background:#f5f5f5;border-color:#000;border-style:solid}.scanner-option-icon{font-size:2.5rem;margin-bottom:15px}.scanner-option-title{color:#000;font-size:18px;font-weight:600;margin-bottom:8px}.scanner-option-desc{color:#666;font-size:14px}.preview-image{box-shadow:0 4px 8px #0000001a;max-height:300px}.processing-content{padding:30px}.processing-spinner{border:4px solid #f3f3f3}.processing-progress{background:#f3f3f3}.progress-bar{background:linear-gradient(90deg,#000,#555)}.process-button{margin-top:20px;width:100%}.process-button:hover:not(:disabled){background:#e55a00}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;margin:15px 0;padding:12px}.success-message{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;margin:15px 0;padding:12px}.extracted-items-preview{border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:20px}.extracted-items-preview h3{font-size:18px;margin-bottom:15px}.extracted-item{border-bottom:1px solid #f0f0f0;padding:10px}.item-name{margin-bottom:4px}.item-price{font-size:16px;font-weight:600}.continue-button{background:#28a745;margin-top:20px;padding:12px 24px}.continue-button:hover{background:#218838}@media (max-width:768px){.scanner-options{gap:15px;grid-template-columns:1fr}.scanner-option{min-height:120px;padding:25px 15px}.scanner-option-icon{font-size:2rem;margin-bottom:10px}.scanner-option-title{font-size:16px}.form-header{flex-direction:column;gap:10px;text-align:center}.processing-content{padding:20px}}.top-tabs{border-bottom:1px solid #0000;color:#888;flex-wrap:wrap;font-size:16px;margin-bottom:20px}.tab{border-bottom:2px solid #0000;padding-bottom:6px;transition:border-color .3s,color .3s}.stock-in-container>*{height:100%;max-width:100%;min-height:100%;width:100%}.stock-in-form-box{background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:100%;padding:20px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.stock-in-form-box:hover{box-shadow:0 12px 32px #00000026}.form-group{margin-bottom:12px}.form-group label{color:#666;font-size:12px;font-weight:500;margin-bottom:4px}.item-name-input{border:1px solid #000!important}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group input[type=time],.form-group select{background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:8px;color:#333;padding:8px 10px}input:focus,select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #0000001a;outline:none}h3{color:#333}.items-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.items-header-actions{align-items:center;display:flex;gap:10px}.shift-field{margin-bottom:6px!important}.revert-all-btn--header{border-radius:10px;font-size:13px;padding:8px 12px;width:auto}.shift-select{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;font-size:14px;min-height:38px;padding:8px 10px;width:100%}.triple-inline .form-group .shift-select,.unit-dropdown .shift-select{height:38px}.input-text-wrapper{flex:1 1 auto;min-width:0}@media (max-width:600px){.chevron-down{border-width:0 1.25px 1.25px 0;padding:1.75px}}.shift-dropdown-options{border-radius:10px;box-shadow:0 6px 14px #0000001f;max-height:210px;z-index:1200}.shift-dropdown-options.flip-up{bottom:100%;top:auto}.item-box{overflow:hidden}.item-box .shift-dropdown-options{z-index:30}.date-picker-button,.date-picker-button:active,.date-picker-button:focus,.date-picker-button:hover{background:#0000!important;border-color:#0000!important;box-shadow:none!important;color:#000!important;outline:none!important;transform:translateY(-50%)!important;transition:none!important}.date-picker-button svg{animation:none!important;transition:none!important}.inline-fields .date-picker-wrap input[type=date]{padding-right:44px}.item-box{background-color:#fff;border-radius:12px;margin-bottom:12px;padding:12px}.item-box,.item-box:hover{box-shadow:0 2px 6px #00000014}.item-box.exact-match{background:linear-gradient(135deg,#e8f5e9,#f1f8f4);border:2px solid #66bb6a!important;border-radius:12px;box-shadow:0 2px 8px #66bb6a40,inset 0 0 0 1px #66bb6a1a;transition:all .3s ease}.item-box.exact-match:hover{box-shadow:0 4px 12px #66bb6a59}.item-box.partial-match{background:linear-gradient(135deg,#fff8e1,#fffbf0);border:2px solid #ffca28!important;border-radius:12px;box-shadow:0 2px 8px #ffca2840,inset 0 0 0 1px #ffca281a;transition:all .3s ease}.item-box.partial-match:hover{box-shadow:0 4px 12px #ffca2859}.item-box.none-match{background:linear-gradient(135deg,#ffebee,#fff5f5);border:2px solid #ef5350!important;border-radius:12px;box-shadow:0 2px 8px #ef535040,inset 0 0 0 1px #ef53501a;transition:all .3s ease}.item-box.none-match:hover{box-shadow:0 4px 12px #ef535059}.item-box.has-errors{border-color:#c62828;box-shadow:0 0 0 2px #c6282826}.revert-row{display:flex;gap:8px;justify-content:flex-end;margin:8px 0}.revert-all-btn{background:#000;background:#000!important;border:none;border:2px solid #000;border-radius:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a;box-shadow:0 2px 6px #00000026;color:#fff;color:#fff!important;cursor:pointer;font-size:11px;font-size:.9rem;font-weight:500;font-weight:600;letter-spacing:.2px;letter-spacing:.3px;margin:0;padding:5px 10px;padding:.4rem;text-transform:none;transition:all .2s ease;white-space:nowrap;width:7.5rem}.revert-all-btn:hover,.revert-btn:hover{background:#000;box-shadow:0 2px 6px #00000026}.revert-all-btn:hover{background:#000!important;border-color:#000!important;box-shadow:0 2px 6px #00000026!important}.revert-all-btn:active,.revert-btn:active{box-shadow:0 2px 6px #00000026}.batch-actions-bar{align-items:center;display:flex;gap:16px;justify-content:flex-start;margin:20px 0;padding:0}.batch-actions-bar .add-button{flex:1 1;min-width:0}.batch-actions-bar .revert-all-btn{flex:0 0 auto}.item-error-list{color:#b71c1c;display:flex;flex-wrap:wrap;font-size:11px;gap:6px;list-style:none;margin:6px 0 0;padding:0}.item-error-list li{background:#ffebee;border:1px solid #ffcdd2;border-radius:10px;padding:2px 6px}.delete-button{background-color:#fff!important;border:1px solid #333!important;color:#000!important;display:none;transition:color .2s ease,background-color .2s ease}.delete-button:hover{background-color:#f5f5f5;color:#333}.triple-inline{gap:8px;margin-bottom:12px}.triple-inline input,.triple-inline select{background-color:#fff!important;border:1px solid #333!important;border-radius:4px;padding:8px 10px}.batch-field .form-group,.expiry-field .form-group{margin-bottom:0}.expiry-input{border:1px solid #333!important}.inline-fields input[type=date],.inline-fields input[type=number],.inline-fields input[type=text]{background-color:#fff!important;border:1px solid #333!important;border-radius:4px;box-sizing:border-box;color:#333;font-size:14px;padding:8px 10px;width:100%}.production-date-container label{color:#333}.production-date-container input[type=date]{border:1px solid #333!important}.add-button{background-color:#fff!important;border:2px dashed #666;border-radius:12px;box-shadow:0 2px 6px #00000014;color:#000!important;cursor:pointer;font-size:16px;font-weight:600;margin:0;padding:12px;transition:all .2s ease;width:100%}.add-button:hover{border-color:#333!important;box-shadow:0 10px 28px #0000001f}.financial-audit-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea40;color:#fff;margin-bottom:20px;padding:20px}.audit-title{font-size:18px;font-weight:700;margin:0 0 16px;text-align:center}.audit-row{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:10px 0}.audit-row.difference-row{border-bottom:none;font-size:18px;font-weight:700;padding-top:16px}.audit-label{font-size:14px;opacity:.95}.audit-value{font-size:16px;font-weight:600}.audit-value.locked{background:#fff3;border-radius:8px;font-family:Courier New,monospace;padding:6px 12px}.audit-value.calculated{background:#ffffff26;border-radius:8px;padding:6px 12px}.audit-value.difference{font-size:20px}.audit-value.difference.balanced{background:#10b98133;border-radius:10px;color:#10b981;padding:8px 16px}.audit-value.difference.unbalanced{background:#fbbf2433;border-radius:10px;color:#fbbf24;padding:8px 16px}.audit-divider{background:#ffffff4d;height:2px;margin:12px 0}.audit-warning{background:#ef444433;border:2px solid #ef444466;border-radius:8px;font-size:14px;font-weight:600;margin-top:12px;padding:12px;text-align:center}.revert-controls{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:12px;justify-content:center;margin-bottom:16px;padding:12px}.revert-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.revert-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px)}.revert-btn:disabled{cursor:not-allowed;opacity:.4}.revert-status{color:#6b7280;font-size:13px;font-weight:600;padding:0 8px}.total-cost-card{border:1px solid #ddd;box-shadow:0 2px 6px #00000014}.total-cost-card .label{color:#333}.stock-in-draft-btn,.stock-in-submit-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 2px 6px #0000001a;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px}.stock-in-draft-btn{background-color:#fff;border:2px solid #333;color:#333}.stock-in-draft-btn:hover{box-shadow:0 8px 24px #0003}.stock-in-submit-btn{background-color:#333;border:2px solid #333;color:#fff}.stock-in-submit-btn:hover{background-color:#000;box-shadow:0 8px 24px #0003}.stock-in-draft-btn:disabled,.stock-in-submit-btn:disabled{cursor:not-allowed;opacity:.6}.stock-in-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.stock-in-modal-box{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:350px;padding:20px 25px 25px;text-align:center;width:90%}.checkmark{margin:-6px 0 -14px!important}.checkmark,.checkmark.green,.checkmark.orange{animation:none!important;transition:none!important}.checkmark.orange{color:#ff9800}.checkmark.red{animation:none!important;transition:none!important}.stock-in-modal-box p{color:#000;font-weight:700;line-height:1.5;margin:0!important;padding:0!important}.stockin-form .date-picker-popup{max-width:100vw}.calendar-header button{padding:6px 10px}.stockin-form .date-picker-popup{padding-top:16px}@media screen and (max-width:600px){.container{padding:15px}.triple-inline{flex-wrap:nowrap!important;gap:6px!important;margin-bottom:12px!important}.triple-inline .form-group{flex:1 1!important;min-width:0!important}.triple-inline .form-group .nice-select-custom,.triple-inline .form-group input,.triple-inline .form-group select{box-sizing:border-box!important;font-size:13px!important;height:38px!important;margin-top:0!important;padding:8px 6px!important}.triple-inline .form-group{display:flex!important;flex-direction:column!important;justify-content:flex-end!important}.triple-inline .form-group:first-child,.triple-inline .form-group:nth-child(2){flex:0 1 30%!important}.triple-inline .form-group:nth-child(3){flex:0 1 40%!important}.triple-inline .form-group .ns-control{height:38px!important;margin-top:0!important}.triple-inline .form-group label{font-size:12px!important;margin-bottom:4px!important}.inline-fields{flex-wrap:wrap;gap:8px}.inline-fields .batch-field,.inline-fields .expiry-field{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:calc(50% - 4px)}.button-group{flex-direction:row!important;gap:8px!important;margin-top:16px!important}.stock-in-draft-btn,.stock-in-submit-btn{flex:1 1!important;font-size:13px!important;min-width:0!important;padding:12px 8px!important;white-space:nowrap!important}.production-date-container input[type=date]{max-width:250px;width:100%}.total-cost-card{flex-direction:row!important;gap:8px!important;justify-content:space-between!important;padding:12px 16px!important;text-align:left!important}.total-cost-card .label{font-size:14px!important}.total-cost-card .amount{font-size:16px!important;font-weight:700!important}}@media screen and (max-width:480px){.top-tabs{gap:20px;justify-content:center}.item-box{padding:12px}.delete-button{font-size:14px;height:22px;width:22px}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 1rem}.back-button{background:none;border:none;color:#000;cursor:pointer;font-size:1.1rem;padding:.5rem}.ocr-indicator{background:#f8f9fa;border:1px solid #333;border-radius:20px;color:#000;font-size:.9rem;padding:.5rem 1rem}.ocr-text-preview{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;margin-bottom:2rem}.ocr-text-preview details{padding:1rem}.ocr-text-preview summary{color:#666;cursor:pointer;font-weight:700}.ocr-text-preview pre{word-wrap:break-word;background:#fff;border-radius:4px;font-size:.9rem;max-height:200px;overflow-y:auto;padding:1rem;white-space:pre-wrap}}@media (max-width:480px){.kitchen-unit-form-row{gap:4px!important}.kitchen-unit-form-row>div:first-child{flex:1 1 120px!important;max-width:130px!important;min-width:120px!important}.kitchen-unit-form-row>div:last-child{flex:0 0 65px!important;width:65px!important}}.form-header{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px;width:100%}.back-button{background:#333;gap:6px;padding:8px 16px;transition:all .3s ease}.back-button:hover{background:#000}.ocr-indicator{align-items:center;background:#f8f9fa;border:1px solid #333;border-radius:6px;color:#000;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px}.ocr-text-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.ocr-text-preview details{cursor:pointer}.ocr-text-preview summary{color:#495057;cursor:pointer;font-weight:600;margin-bottom:10px;outline:none;-webkit-user-select:none;user-select:none}.ocr-text-preview summary:hover{color:#333}.ocr-text-preview pre{word-wrap:break-word;background:#fff;border:1px solid #dee2e6;border-radius:4px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;margin:0;max-height:200px;overflow-y:auto;padding:12px;white-space:pre-wrap}.item-box.ocr-populated{background-color:#f8f9fa;border-color:#333}.item-box.ocr-populated:before{background:#333;border-radius:3px;color:#fff;content:"📄 OCR";font-size:10px;font-weight:700;left:5px;padding:2px 6px;position:absolute;top:5px}.input-with-status{align-items:center;display:flex;position:relative;width:100%}.item-name-input{background-color:#fff;border:1px solid #333;border-radius:4px;flex:1 1;font-size:14px;padding:8px 10px}.item-name-input.exact{background-color:#f1fbf3;border-color:#66bb6a}.item-name-input.partial{background-color:#fffdf2;border-color:#ffca28}.item-name-input.none{background-color:#fff5f5;border-color:#ef5350}.match-indicator{align-items:center;border-radius:50%;cursor:help;display:none;font-size:16px;font-weight:700;height:20px;justify-content:center;left:12px;position:absolute;top:12px;width:20px;z-index:1}.match-indicator.exact{background-color:initial;color:#2e7d32}.match-indicator.partial{background-color:initial;color:#b28704}.match-indicator.none{background-color:initial;color:#c62828}.match-indicator:hover{transform:scale(1.1);transition:transform .2s ease}.bill-image-preview{background-color:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:15px auto 25px;max-width:100%;padding:15px;width:100%}.bill-image-preview:hover{box-shadow:0 10px 28px #0000001c}.bill-image-title{border-bottom:1px solid #eee;color:#333;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px;text-align:center}.bill-image-container{align-items:center;display:flex;justify-content:center;margin:0 auto;padding:10px;text-align:center}.ocr-failed-message{background-color:#f8f9fa;border:1px solid #333;border-radius:6px;margin-top:15px;padding:12px 15px;text-align:center}.ocr-failed-message p{color:#000;font-size:14px;margin:5px 0}.bill-image{background-color:#fff;border:2px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;margin:0 auto;max-height:500px;max-width:100%}.image-error{background-color:#f8f9fa;border:1px solid #333;border-radius:4px;color:#000;padding:20px;text-align:center}.image-error p{font-weight:600;margin:0 0 5px}.image-error small{color:#666;word-break:break-all}@media (max-width:768px){.bill-image{max-height:300px}}.bill-image.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.bill-image.clickable:hover{box-shadow:0 6px 16px #00000026;transform:scale(1.02)}.image-modal-overlay{align-items:center;background-color:#000c;box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.image-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.image-modal-close{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:background-color .2s ease;width:40px;z-index:2001}.image-modal-close:hover{background:#000000e6}.image-modal-img{display:block;max-height:calc(90vh - 80px);max-width:100%;object-fit:contain}.image-modal-info{background:#f8f9fa;border-top:1px solid #dee2e6;padding:15px 20px;text-align:center}.image-modal-info p{color:#333;font-weight:600;margin:0 0 5px}.image-modal-info small{color:#666;font-size:12px}@media (max-width:768px){.image-modal-overlay{padding:10px}.image-modal-content{max-height:95vh;max-width:95vw}.image-modal-img{max-height:calc(95vh - 80px)}.image-modal-close{font-size:20px;height:35px;right:10px;top:10px;width:35px}}@media screen and (max-width:768px){.stock-in-wrapper{padding:10px}.stock-in-container{max-width:100%;padding:15px}.stock-in-form-box{padding:15px}.bill-image-preview{margin:10px auto 20px;padding:10px}}@media screen and (max-width:480px){.stock-in-wrapper{padding:5px}.stock-in-container{padding:10px}.stock-in-form-box{padding:12px}.bill-image-preview{margin:8px auto 15px;padding:8px}}.suggestions-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.suggestion-chip{background:#f1f3f5;border:1px solid #adb5bd;border-radius:16px;color:#212529;cursor:pointer;font-size:12px;line-height:1.2;padding:4px 10px;transition:background .15s ease,color .15s ease,transform .15s ease}.suggestion-chip:hover{background:#e9ecef;transform:translateY(-1px)}.suggestion-chip:active{background:#dee2e6;transform:translateY(0)}.suggestion-chip:focus-visible{outline:2px solid #333;outline-offset:2px}.item-box{overflow:visible}.shift-dropdown-options{padding:4px!important}.select-list{-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;-webkit-clip-path:inset(0 round 8px);clip-path:inset(0 round 8px);max-height:180px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#bbb #0000;scrollbar-width:thin}.select-list::-webkit-scrollbar{width:8px}.select-list::-webkit-scrollbar-track{background:#0000}.select-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}@media screen and (max-width:600px){.shift-dropdown-options{border-radius:14px!important}.select-list{border-radius:12px!important;-webkit-clip-path:inset(0 round 12px)!important;clip-path:inset(0 round 12px)!important}.stock-in-container,.stock-in-wrapper{padding-bottom:0!important}.stock-in-form-box{padding-bottom:6px!important}.button-group,.stock-in-form-box{margin-bottom:0!important}.inline-fields{flex-wrap:nowrap!important;gap:10px;margin-top:22px!important}.inline-fields .batch-field,.inline-fields .expiry-field{flex:1 1!important;min-width:0}.inline-fields label{display:block;font-size:12px;margin-bottom:4px}.add-row,.shift-dropdown-options .add-row .shift-name{border-radius:14px!important}.shift-dropdown-options .add-row .shift-name{padding:10px 14px!important}}.select-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.unit-dropdown .shift-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.unit-dropdown .shift-name{font-size:12px}}.multi-page-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-left:12px;padding:4px 12px;vertical-align:middle}.stock-in-form-box input.stockin-vendor-name-input[type=text],.vendor-info-row input.stockin-vendor-name-input[type=text],input.stockin-vendor-name-input[type=text]{background-color:#fff!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:10px!important;box-shadow:none!important;box-sizing:border-box!important;color:#111827!important;font-size:15px!important;font-weight:400!important;height:auto!important;line-height:1.5!important;margin:0!important;max-width:100%!important;min-height:48px!important;outline:none!important;padding:12px 14px!important;transition:all .2s ease!important;width:100%!important}.stock-in-form-box input.stockin-vendor-name-input[type=text]:focus,input.stockin-vendor-name-input[type=text]:focus{border:1px solid #3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.stock-in-form-box input.stockin-vendor-name-input[type=text]::placeholder,input.stockin-vendor-name-input[type=text]::placeholder{color:#9ca3af!important;opacity:1!important}.stock-in-form-box input.stockin-vendor-phone-input[type=text],.vendor-info-row input.stockin-vendor-phone-input[type=text],input.stockin-vendor-phone-input[type=text]{background-color:#fff!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:10px!important;box-shadow:none!important;box-sizing:border-box!important;color:#111827!important;font-size:15px!important;font-weight:400!important;height:auto!important;line-height:1.5!important;margin:0!important;max-width:100%!important;min-height:48px!important;outline:none!important;padding:12px 14px!important;transition:all .2s ease!important;width:100%!important}.stock-in-form-box input.stockin-vendor-phone-input[type=text]:focus,input.stockin-vendor-phone-input[type=text]:focus{border:1px solid #3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.stock-in-form-box input.stockin-vendor-phone-input[type=text]::placeholder,input.stockin-vendor-phone-input[type=text]::placeholder{color:#9ca3af!important;opacity:1!important}.production-date-container input.stockin-production-date-input[type=date],.stock-in-form-box input.stockin-production-date-input[type=date],input.stockin-production-date-input[type=date]{background-color:#fff!important;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important;color:#111827!important;cursor:pointer!important;font-size:14px!important;font-weight:400!important;height:auto!important;line-height:1.4!important;margin:0!important;max-width:100%!important;min-height:38px!important;outline:none!important;padding:8px 12px!important;transition:all .2s ease!important;width:100%!important}.production-date-container input.stockin-production-date-input[type=date]:focus,.stock-in-form-box input.stockin-production-date-input[type=date]:focus,input.stockin-production-date-input[type=date]:focus{background-color:#fff!important;background:#fff!important;background-image:none!important;border:1px solid #3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.item-box input.stockin-item-name-input[type=text],.stock-in-form-box input.stockin-item-name-input[type=text],input.stockin-item-name-input[type=text]{background:#fff!important;border-radius:8px!important;box-sizing:border-box!important;font-size:14px!important;font-weight:500!important;height:auto!important;line-height:1.4!important;margin:0!important;max-width:100%!important;min-height:38px!important;outline:none!important;padding:8px 12px!important;text-transform:none!important;transition:all .2s ease!important;width:100%!important}.item-box input.stockin-item-name-input[type=text]:focus,.stock-in-form-box input.stockin-item-name-input[type=text]:focus,input.stockin-item-name-input[type=text]:focus{box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.item-box input.stockin-item-name-input[type=text]::placeholder,.stock-in-form-box input.stockin-item-name-input[type=text]::placeholder,input.stockin-item-name-input[type=text]::placeholder{color:#9ca3af!important;font-weight:400!important;opacity:1!important}.item-box input.stockin-quantity-input[type=number],.item-box.exact-match input.stockin-quantity-input[type=number],.item-box.none-match input.stockin-quantity-input[type=number],.item-box.partial-match input.stockin-quantity-input[type=number],.stock-in-form-box input.stockin-quantity-input[type=number],.triple-inline input.stockin-quantity-input[type=number],input.stockin-quantity-input[type=number]{background-color:#fff!important;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important;color:#111827!important;font-size:14px!important;font-weight:500!important;height:auto!important;line-height:1.4!important;margin:0!important;max-width:100%!important;min-height:38px!important;outline:none!important;padding:8px 12px!important;transition:all .2s ease!important;width:100%!important}.item-box input.stockin-quantity-input[type=number]:focus,.item-box.exact-match input.stockin-quantity-input[type=number]:focus,.item-box.none-match input.stockin-quantity-input[type=number]:focus,.item-box.partial-match input.stockin-quantity-input[type=number]:focus,.stock-in-form-box input.stockin-quantity-input[type=number]:focus,input.stockin-quantity-input[type=number]:focus{background-color:#fff!important;background:#fff!important;background-image:none!important;border:1px solid #3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.item-box input.stockin-quantity-input[type=number]::placeholder,.item-box.exact-match input.stockin-quantity-input[type=number]::placeholder,.item-box.none-match input.stockin-quantity-input[type=number]::placeholder,.item-box.partial-match input.stockin-quantity-input[type=number]::placeholder,.stock-in-form-box input.stockin-quantity-input[type=number]::placeholder,input.stockin-quantity-input[type=number]::placeholder{color:#9ca3af!important;opacity:1!important}.item-box input.stockin-total-price-input[type=number],.item-box.exact-match input.stockin-total-price-input[type=number],.item-box.none-match input.stockin-total-price-input[type=number],.item-box.partial-match input.stockin-total-price-input[type=number],.stock-in-form-box input.stockin-total-price-input[type=number],input.stockin-total-price-input[type=number]{background-color:#fff!important;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important;color:#111827!important;font-size:14px!important;font-weight:500!important;height:auto!important;line-height:1.4!important;margin:0!important;max-width:100%!important;min-height:38px!important;outline:none!important;padding:8px 12px!important;transition:all .2s ease!important;width:100%!important}.item-box input.stockin-total-price-input[type=number]:focus,.item-box.exact-match input.stockin-total-price-input[type=number]:focus,.item-box.none-match input.stockin-total-price-input[type=number]:focus,.item-box.partial-match input.stockin-total-price-input[type=number]:focus,.stock-in-form-box input.stockin-total-price-input[type=number]:focus,input.stockin-total-price-input[type=number]:focus{background-color:#fff!important;background:#fff!important;background-image:none!important;border:1px solid #3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.item-box input.stockin-total-price-input[type=number]::placeholder,.item-box.exact-match input.stockin-total-price-input[type=number]::placeholder,.item-box.none-match input.stockin-total-price-input[type=number]::placeholder,.item-box.partial-match input.stockin-total-price-input[type=number]::placeholder,.stock-in-form-box input.stockin-total-price-input[type=number]::placeholder,input.stockin-total-price-input[type=number]::placeholder{color:#9ca3af!important;opacity:1!important}.batch-field input.stockin-batch-number-input[type=text],.inline-fields input.stockin-batch-number-input[type=text],.item-box input.stockin-batch-number-input[type=text],.item-box.exact-match input.stockin-batch-number-input[type=text],.item-box.none-match input.stockin-batch-number-input[type=text],.item-box.partial-match input.stockin-batch-number-input[type=text],.stock-in-form-box input.stockin-batch-number-input[type=text],input.stockin-batch-number-input[type=text]{background-color:#fff!important;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important;color:#111827!important;font-size:14px!important;font-weight:400!important;height:auto!important;line-height:1.4!important;margin:0!important;max-width:100%!important;min-height:38px!important;outline:none!important;padding:8px 12px!important;transition:all .2s ease!important;width:100%!important}.item-box input.stockin-batch-number-input[type=text]:focus,.item-box.exact-match input.stockin-batch-number-input[type=text]:focus,.item-box.none-match input.stockin-batch-number-input[type=text]:focus,.item-box.partial-match input.stockin-batch-number-input[type=text]:focus,.stock-in-form-box input.stockin-batch-number-input[type=text]:focus,input.stockin-batch-number-input[type=text]:focus{background-color:#fff!important;background:#fff!important;background-image:none!important;border:1px solid #3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.item-box input.stockin-batch-number-input[type=text]::placeholder,.item-box.exact-match input.stockin-batch-number-input[type=text]::placeholder,.item-box.none-match input.stockin-batch-number-input[type=text]::placeholder,.item-box.partial-match input.stockin-batch-number-input[type=text]::placeholder,.stock-in-form-box input.stockin-batch-number-input[type=text]::placeholder,input.stockin-batch-number-input[type=text]::placeholder{color:#9ca3af!important;opacity:1!important}.expiry-field input.stockin-expiry-date-input[type=date],.inline-fields input.stockin-expiry-date-input[type=date],.item-box input.stockin-expiry-date-input[type=date],.item-box.exact-match input.stockin-expiry-date-input[type=date],.item-box.none-match input.stockin-expiry-date-input[type=date],.item-box.partial-match input.stockin-expiry-date-input[type=date],.stock-in-form-box input.stockin-expiry-date-input[type=date],input.stockin-expiry-date-input[type=date]{background-color:#fff!important;background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important;color:#111827!important;cursor:pointer!important;font-size:14px!important;font-weight:400!important;height:auto!important;line-height:1.4!important;margin:0!important;max-width:100%!important;min-height:38px!important;outline:none!important;padding:8px 12px!important;transition:all .2s ease!important;width:100%!important}.item-box input.stockin-expiry-date-input[type=date]:focus,.item-box.exact-match input.stockin-expiry-date-input[type=date]:focus,.item-box.none-match input.stockin-expiry-date-input[type=date]:focus,.item-box.partial-match input.stockin-expiry-date-input[type=date]:focus,.stock-in-form-box input.stockin-expiry-date-input[type=date]:focus,input.stockin-expiry-date-input[type=date]:focus{background-color:#fff!important;background:#fff!important;background-image:none!important;border:1px solid #3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.stockin-expiry-date-input::-webkit-calendar-picker-indicator,.stockin-production-date-input::-webkit-calendar-picker-indicator{cursor:pointer!important;opacity:.6!important}.stockin-expiry-date-input::-webkit-calendar-picker-indicator:hover,.stockin-production-date-input::-webkit-calendar-picker-indicator:hover{opacity:1!important}html body .item-box .form-group .date-picker-wrap input[type=date].stockin-expiry-date-input,html body .item-box .form-group input[type=date].stockin-expiry-date-input,html body .item-box .form-group input[type=number].stockin-quantity-input,html body .item-box .form-group input[type=number].stockin-total-price-input,html body .item-box .form-group input[type=text].stockin-batch-number-input,html body .item-box .form-group input[type=text].stockin-item-name-input,html body .item-box .inline-fields .batch-field input[type=text].stockin-batch-number-input,html body .item-box .inline-fields .expiry-field .date-picker-wrap input[type=date].stockin-expiry-date-input,html body .stock-in-form-box .form-group .date-picker-wrap input[type=date].stockin-expiry-date-input,html body .stock-in-form-box .form-group input[type=date].stockin-expiry-date-input,html body .stock-in-form-box .form-group input[type=date].stockin-production-date-input,html body .stock-in-form-box .form-group input[type=number].stockin-quantity-input,html body .stock-in-form-box .form-group input[type=number].stockin-total-price-input,html body .stock-in-form-box .form-group input[type=text].stockin-batch-number-input,html body .stock-in-form-box .form-group input[type=text].stockin-item-name-input,html body .stock-in-form-box .form-group input[type=text].stockin-vendor-name-input,html body .stock-in-form-box .form-group input[type=text].stockin-vendor-phone-input{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:none!important;font-size:14px!important;min-height:38px!important;outline:none!important;padding:8px 12px!important}html body .item-box .form-group .date-picker-wrap input[type=date].stockin-expiry-date-input:focus,html body .item-box .form-group input[type=date].stockin-expiry-date-input:focus,html body .item-box .form-group input[type=number].stockin-quantity-input:focus,html body .item-box .form-group input[type=number].stockin-total-price-input:focus,html body .item-box .form-group input[type=text].stockin-batch-number-input:focus,html body .item-box .form-group input[type=text].stockin-item-name-input:focus,html body .item-box .inline-fields .batch-field input[type=text].stockin-batch-number-input:focus,html body .item-box .inline-fields .expiry-field .date-picker-wrap input[type=date].stockin-expiry-date-input:focus,html body .stock-in-form-box .form-group .date-picker-wrap input[type=date].stockin-expiry-date-input:focus,html body .stock-in-form-box .form-group input[type=date].stockin-expiry-date-input:focus,html body .stock-in-form-box .form-group input[type=date].stockin-production-date-input:focus,html body .stock-in-form-box .form-group input[type=number].stockin-quantity-input:focus,html body .stock-in-form-box .form-group input[type=number].stockin-total-price-input:focus,html body .stock-in-form-box .form-group input[type=text].stockin-batch-number-input:focus,html body .stock-in-form-box .form-group input[type=text].stockin-item-name-input:focus,html body .stock-in-form-box .form-group input[type=text].stockin-vendor-name-input:focus,html body .stock-in-form-box .form-group input[type=text].stockin-vendor-phone-input:focus{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important;outline:none!important}.item-box .form-group input[type=date],.item-box .form-group input[type=number],.item-box .form-group input[type=text],.stock-in-form-box .form-group input[type=date],.stock-in-form-box .form-group input[type=number],.stock-in-form-box .form-group input[type=text]{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;font-size:14px!important;min-height:38px!important;padding:8px 12px!important}.item-box .form-group input[type=date]:focus,.item-box .form-group input[type=number]:focus,.item-box .form-group input[type=text]:focus,.stock-in-form-box .form-group input[type=date]:focus,.stock-in-form-box .form-group input[type=number]:focus,.stock-in-form-box .form-group input[type=text]:focus{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.bill-scanner-container{font-family:Arial,sans-serif;margin:0 auto;max-width:100%;overflow-x:hidden;padding:20px;width:100%}.bill-scanner-container input,.bill-scanner-container select,.bill-scanner-container textarea{background-color:#fff!important;border:1px solid #333}.scanner-header{margin-bottom:30px;text-align:center}.scanner-header h2{color:#000;font-size:24px;margin-bottom:10px}.scanner-header p{color:#666;font-size:16px;margin:0}.scanner-options{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:600px;width:100%}.scan-bill-section{align-items:center;background:#fff;border:3px solid orange;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:40px 20px;text-align:center;transition:all .3s ease}.scan-bill-section:hover{background:#f8f9fa;box-shadow:0 4px 12px #0003;transform:translateY(-2px);transition:all .3s ease}.camera-icon{align-items:center;color:#000;display:flex;font-size:2rem;height:60px;justify-content:center;margin-bottom:15px;width:60px}.scan-title{color:#000;font-size:24px;font-weight:700;margin-bottom:8px}.scan-subtitle{color:#999;font-size:16px}.upload-section{align-items:center;border:3px dashed #000;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:40px 20px;text-align:center;transition:all .3s ease}.upload-section:hover{background:#fff;box-shadow:0 4px 12px #0003;transition:all .3s ease}.upload-icon{align-items:center;display:flex;font-size:1rem;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.upload-title{color:#000;font-size:24px;font-weight:700;margin-bottom:8px}.upload-subtitle{color:#999;font-size:16px}.file-input{display:none}.image-preview{margin:20px 0;text-align:center}.preview-image{border-radius:8px;box-shadow:0 4px 12px #00000026;margin-bottom:20px;max-height:400px;max-width:100%}.preview-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.reset-button{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:background-color .3s ease}.reset-button:hover:not(:disabled){background:#5a6268}.reset-button:focus{outline:2px solid #666;outline-offset:2px}.reset-button:disabled{background:#ccc;cursor:not-allowed}.process-button{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .3s ease}.process-button:hover:not(:disabled){background:#000}.process-button:focus{outline:2px solid #666;outline-offset:2px}.process-button:disabled{background:#ccc;cursor:not-allowed}.processing-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.processing-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px 30px;text-align:center;width:90%}.processing-content h3{color:#000;font-size:20px;margin-bottom:10px}.processing-content p{color:#666;font-size:14px;margin-bottom:20px}.processing-spinner{border:4px solid #ddd;border-radius:50%;border-top-color:#000;height:50px;margin:0 auto 20px;width:50px}.processing-progress{background:#ddd;border-radius:4px;height:8px;margin:15px 0;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#000,#666);border-radius:4px;height:100%;transition:width .3s ease}.error-container{margin:20px 0}.error-message{align-items:center;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;display:flex;font-size:14px;line-height:1.5;margin-bottom:10px;padding:15px;white-space:pre-line}.error-icon{flex-shrink:0;font-size:20px;margin-right:10px}.fallback-options{display:flex;gap:10px;justify-content:center;margin-top:15px}.manual-entry-button,.retry-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 15px;transition:all .2s ease}.retry-button{background-color:#e0e0e0;color:#000}.retry-button:hover{background-color:#d0d0d0}.manual-entry-button{color:#fff}.manual-entry-button,.manual-entry-button:hover{background-color:#000}.manual-entry-button:focus{outline:2px solid #666;outline-offset:2px}.success-message{background:#f8f9fa;border:1px solid #000;border-radius:8px;color:#000;font-weight:500;margin:20px 0;padding:15px;text-align:center}.extracted-items-preview{background:#fff;border:1px solid #000;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin:25px 0;padding:25px}.extracted-items-preview h3{border-bottom:2px solid #000;color:#000;font-size:20px;margin-bottom:20px;padding-bottom:10px;text-align:center}.extracted-item{align-items:center;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:15px 10px;transition:background-color .2s ease}.extracted-item:hover{background-color:#f8f9fa}.extracted-item:active{background-color:#e9ecef}.extracted-item.selected{background-color:#e9ecef;border-left:4px solid #000}.extracted-item:last-child{border-bottom:none}.item-name{color:#000;margin-bottom:6px}.item-details{align-items:center;font-size:14px}.item-price{color:#000;font-size:18px;font-weight:700}.continue-button{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:25px;padding:15px 25px;transition:background-color .3s ease;width:100%}.continue-button:hover{background:#000;transform:translateY(-1px)}.continue-button:focus{outline:2px solid #666;outline-offset:2px}.cancel-processing-btn{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:15px;padding:10px 20px;transition:background-color .3s ease}.cancel-processing-btn:hover{background:#000}.cancel-processing-btn:focus{outline:2px solid #666;outline-offset:2px}@media (max-width:768px){body:has(.bill-scanner-container){height:100dvh;overflow:hidden!important}.bill-scanner-container{display:block;overflow-y:hidden;padding:15px}.scanner-options{align-items:stretch;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:20px auto;max-width:100%;padding:0;width:100%}.scanner-header{margin-bottom:10px}.scan-bill-section,.upload-section{box-sizing:border-box;min-height:120px;padding:35px 20px;width:100%}.camera-icon,.upload-icon{font-size:2.5rem;margin-bottom:12px}.upload-icon{height:50px;width:50px}.scan-title,.upload-title{font-size:20px}.scan-subtitle,.upload-subtitle{font-size:14px}.preview-actions{align-items:center;flex-direction:column}.process-button,.reset-button{justify-content:center;max-width:250px;width:100%}.processing-content{padding:25px 20px}.extracted-items-preview{padding:20px 15px}.extracted-item{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 8px}.item-price{align-self:flex-end;font-size:16px}}@media (max-width:480px){.scanner-options{gap:15px;margin:15px auto;max-width:100%;width:100%}.scanner-header{margin-bottom:6px}.scan-bill-section,.upload-section{box-sizing:border-box;min-height:110px;padding:30px 15px;width:100%}.camera-icon,.upload-icon{font-size:2rem}.upload-icon{height:45px;width:45px}.scan-title,.upload-title{font-size:18px}.scan-subtitle,.upload-subtitle{font-size:13px}}.images-preview-container{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:20px;padding:20px}.preview-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.preview-header h3{color:#333;font-size:20px;font-weight:600;margin:0}.header-buttons{align-items:center;display:flex;gap:10px}.header-add-button{margin-left:0}.header-add-button,.reset-all-button{font-size:14px;min-width:70px;padding:8px 16px}.reset-all-button{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;transition:background .2s}.reset-all-button:hover:not(:disabled){background:#333}.reset-all-button:disabled{cursor:not-allowed;opacity:.5}.images-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:20px}.image-preview-item{align-items:center;aspect-ratio:1;background:#f8f9fa;border:2px solid #ddd;border-radius:8px;display:flex;justify-content:center;overflow:hidden;position:relative}.preview-image-small{height:100%;object-fit:cover;width:100%}.pdf-preview-small{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:10px;text-align:center}.pdf-icon-small{color:#666;font-size:32px;margin-bottom:8px}.pdf-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:10px;margin:0;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.image-number{background:#000000b3;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px;position:absolute;right:5px;top:5px}.add-more-button{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-left:10px;padding:8px 16px;transition:background .2s}.add-more-button:hover:not(:disabled){background:#333}.add-more-button:disabled{cursor:not-allowed;opacity:.5}.processing-file-info{color:#666;font-size:14px;font-weight:500;margin:8px 0}@media (max-width:768px){.images-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.preview-header{align-items:flex-start;flex-direction:column;gap:10px}.reset-all-button{width:100%}.preview-actions{flex-direction:column}.add-more-button,.process-button{margin-bottom:10px;margin-right:0;width:100%}}@media (max-width:480px){.images-grid{grid-template-columns:repeat(2,1fr)}.preview-header h3{font-size:18px}.images-preview-container{padding:15px}}.remove-image-button{align-items:center;background:#000000e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;left:2px;line-height:1;padding:0;position:absolute;top:2px;transition:all .2s;width:24px;z-index:10}.remove-image-button:hover:not(:disabled){background:#000;transform:scale(1.1)}.remove-image-button:disabled{cursor:not-allowed;opacity:.5}.multi-page-merge-indicator{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-weight:600;gap:10px;margin-bottom:15px;padding:12px 20px}.merge-icon{font-size:1.3rem}.merge-text{font-size:.95rem}.page-badge{background:#4caf50;border-radius:12px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;margin-left:8px;padding:2px 8px;vertical-align:middle}.container-of-Overview{background-color:#fff;font-family:Arial,sans-serif;margin:auto;max-width:600px;padding:20px 20px 4rem;position:relative;width:100vw}@media screen and (max-width:600px){.container-of-Overview{padding:20px 0 calc(76px + env(safe-area-inset-bottom, 20px))}}@media screen and (max-width:480px){.top-tabs{margin-bottom:10px!important}.sub-tabs{margin:12px 0 14px!important}.container-of-Overview{padding:20px 0 calc(76px + env(safe-area-inset-bottom, 20px))}.inventory-overview{padding:10px 8px}.overview-header{margin-bottom:12px}.search-filter-row{gap:8px;margin-bottom:10px;width:100%}.overview-search-wrapper svg:first-of-type{display:block!important;margin-right:8px!important;min-width:14px}.filter-btn-inline{align-items:center;display:flex!important;flex-shrink:0;justify-content:center;margin-left:4px;padding:6px 8px}.filter-btn-inline .filter-icon{color:#666;font-size:18px}.timestamp{font-size:11px;margin-top:6px}}.truck-loader-overlay{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#00000080;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:999}.truck-loader-overlay:before{display:none}.truck-loader-overlay>*{position:relative;z-index:1}.connection-status{align-items:center;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;position:fixed;right:10px;top:10px;transition:all .3s ease;z-index:1000}.connection-status.connected{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.connection-status.disconnected{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:8px;width:8px}.connection-status.connected .status-dot{background-color:#22c55e}.connection-status.disconnected .status-dot{background-color:#dc3545}.app-header.inventory-header h1{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;font-size:1.5rem;font-weight:600;margin:0 0 0 -4px;padding-bottom:1rem;padding-left:1.3rem;text-align:left}@media screen and (max-width:480px){.app-header.inventory-header h1{font-size:28px}}.standard-back-btn.header-abs-back{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000!important;border:none!important;border-radius:0;box-shadow:none!important;color:#111827;cursor:pointer;display:flex;font-size:20px;font-weight:500;height:40px;justify-content:center;left:4px;opacity:1!important;outline:none!important;padding:0;pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);transition:none!important;width:40px;z-index:2}.standard-back-btn.header-abs-back:active,.standard-back-btn.header-abs-back:focus,.standard-back-btn.header-abs-back:focus-visible,.standard-back-btn.header-abs-back:hover{background:#0000!important;border:none!important;box-shadow:none!important;opacity:1!important;outline:none!important;transform:translateY(-50%)!important}.top-tabs{align-items:center;display:flex;justify-content:space-around;margin-bottom:.4rem;white-space:nowrap}.tab,.top-tabs{font-size:.9rem;line-height:1.2}.tab{border-bottom:.125rem solid #0000;color:#555;font-weight:500;padding:.75rem 1.25rem;transition:color .2s ease,border-color .2s ease}.tab.active{background:#0000;border:none;border-bottom:.1875rem solid #000;border-radius:.625rem;color:#000;font-weight:600}.tab:hover{background-color:initial;color:#000}@media screen and (max-width:768px){.top-tabs{font-size:.875rem}.tab{padding:.6rem 1rem}}@media screen and (max-width:480px){.top-tabs{font-size:.8rem;gap:0}.tab{padding:.5rem .9rem}}.overview-container{margin-top:0}.sub-tabs{display:flex;font-size:14px;gap:30px;justify-content:center;margin:20px 0}.sub-tab{border-bottom:2px solid #0000;color:#555;cursor:pointer;font-weight:500;padding-bottom:6px;transition:all .3s ease}.sub-tab.active{border-bottom:2px solid #000;color:#000;font-weight:600}.sub-tab:hover{color:#000}.inventory-overview{border-radius:6px;min-height:100vh;padding:20px}.overview-header{margin-bottom:10px}.search-filter-row{display:flex;gap:8px;margin-bottom:8px}.filter-container,.language-container{align-items:center;display:flex;position:relative}.filter-btn,.language-btn{background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;margin-bottom:16px;min-height:44px;min-width:44px;padding:14px 10px}.filter-btn,.filter-btn-inline,.language-btn{align-items:center;cursor:pointer;justify-content:center}.filter-btn-inline{-webkit-tap-highlight-color:transparent;background:#0000;border:none;border-radius:6px;display:flex!important;gap:4px;margin-right:-12px;padding:6px 8px;position:relative;transition:background-color .2s ease}.filter-btn-inline:active,.filter-btn-inline:hover{background-color:#0000000a}.filter-btn-inline .filter-icon{color:#666;font-size:18px;pointer-events:none}.filter-btn-inline .dropdown-arrow{color:#666;display:inline-block;font-size:12px;pointer-events:none}.filter-icon,.language-icon{color:#666;font-size:20px}.language-icon{font-size:22px}.dropdown-arrow{display:none}.filter-dropdown-menu{animation:dropdownFadeIn .2s ease;border-radius:10px;padding:6px;top:54px}.filter-option{border-radius:8px;padding:12px 16px}.filter-option.active{background:#f5f5f5;font-weight:600}.language-dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000026;min-width:150px;padding:6px;position:absolute;right:0;top:54px;z-index:1000}.language-option{border-radius:8px;font-size:14px;gap:8px;padding:12px 16px}.language-option.active{background:#f5f5f5;color:#000;font-weight:600}.item-title-container{display:flex;flex:1 1;flex-direction:column;gap:4px}.item-title{color:#333}.item-title.translated-text{color:#1976d2;font-size:17px}.item-title.translating{color:#666}.dot-pulse{animation:dotPulse 1.4s ease-in-out infinite;color:#1976d2;display:inline-block;font-size:18px;margin-left:4px}@keyframes dotPulse{0%,80%,to{opacity:.3}40%{opacity:1}}.timestamp{color:#666;font-size:14px;margin-top:10px}.batch-error-box{background:#fff5f5;border:1px solid #dc3545;border-radius:8px;margin-bottom:12px;padding:10px 12px}.batch-error-text{color:#b71c1c;font-size:13px;font-weight:500;margin:0 0 8px}.retry-batch-btn{background:#dc3545;border:none;border-radius:20px;box-shadow:0 2px 4px #00000026;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background .2s ease,transform .15s ease}.retry-batch-btn:hover:not(:disabled){background:#b71c1c;transform:translateY(-1px)}.retry-batch-btn:disabled{cursor:not-allowed;opacity:.6}.no-batches-msg{color:#555;font-size:12px;padding:6px 0 10px}.truck-loading{align-items:center;background:#0000;border:none;box-shadow:none;display:flex;flex-direction:column;gap:30px;height:50vh;justify-content:center;margin:0;width:50vw}.truck-loading-text{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0000004d;border-radius:8px;color:#fff;font-size:18px;font-weight:600;margin:0;padding:10px 20px;text-align:center;text-shadow:0 2px 4px #00000080}.truck-scene{background:#0000;border-radius:0;box-shadow:none;height:350px;max-width:500px;overflow:visible}.truck-scene,.truck-video-container{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.truck-video-container{height:100%;z-index:2}.truck-video{background:#0000;border-radius:0}.truck-lottie{inset:0;pointer-events:none;position:absolute;z-index:2}.truck-road{animation:road-move 2.8s linear infinite;background:repeating-linear-gradient(90deg,#334155 0 40px,#64748b 40px 80px);bottom:22px;height:4px;left:-100%;opacity:.25;position:absolute;width:300%}@keyframes road-move{0%{transform:translateX(0)}to{transform:translateX(-33.33%)}}.truck-cloud{background:#fff;border-radius:20px;box-shadow:18px 6px 0 6px #fff,38px 4px 0 2px #fff,58px 8px 0 6px #fff;filter:drop-shadow(0 4px 8px rgba(0,0,0,.06));height:26px;opacity:.85;position:absolute;top:12px;width:80px}.truck-cloud.c1{animation:cloud-move 20s linear infinite;left:-120px}.truck-cloud.c2{animation:cloud-move 28s linear infinite;left:-220px;opacity:.75;top:26px;transform:scale(.85)}.truck-cloud.c3{animation:cloud-move 24s linear infinite;left:-320px;opacity:.7;top:8px;transform:scale(.7)}@keyframes cloud-move{0%{transform:translateX(0) scale(1);transform:translateX(0) scale(var(--s,1))}to{transform:translateX(200%) scale(1);transform:translateX(200%) scale(var(--s,1))}}.truck{animation:truck-drive-in 1.8s cubic-bezier(.2,.8,.2,1) forwards,truck-idle 2s ease-in-out 1.8s infinite;bottom:32px;height:70px;left:-220px;position:absolute;width:220px}.truck-svg{bottom:0;height:170px;left:0;margin:0 auto;overflow:visible;position:absolute;right:0;width:100%}.svg-truck{animation:svg-drive-in 1.8s cubic-bezier(.2,.8,.2,1) forwards,svg-idle 2s ease-in-out 1.8s infinite}@keyframes svg-drive-in{0%{transform:translateX(-220px)}to{transform:translateX(120px)}}@keyframes svg-drive-out{0%{transform:translateX(120px)}to{transform:translateX(1200px)}}@keyframes svg-idle{0%,to{transform:translateX(120px) translateY(0)}50%{transform:translateX(120px) translateY(-1.5px)}}.wheel circle{animation:wheel-spin 1s linear infinite;transform-origin:center}@keyframes truck-drive-in{0%{transform:translateX(0)}to{transform:translateX(340px)}}@keyframes truck-drive-out{0%{transform:translateX(340px)}to{transform:translateX(1200px)}}.truck-cargo{background:linear-gradient(180deg,#2563eb,#1d4ed8);border-radius:6px;box-shadow:inset 0 2px 0 #fff3,0 6px 14px #1d4ed84d;height:44px}.truck-bed,.truck-cargo{bottom:20px;left:60px;position:absolute;width:120px}.truck-bed{background:#dbe4f3;border-radius:4px 4px 0 0;box-shadow:inset 0 1px 0 #ffffffb3;height:16px}.truck-stripe{background:repeating-linear-gradient(90deg,#ef4444 0 12px,#fff 12px 24px);border-radius:0 0 3px 3px;bottom:-6px;height:6px;left:0;opacity:.9;position:absolute;width:100%}.truck-cabin{background:linear-gradient(180deg,#0ea5e9,#0284c7);border-radius:8px 6px 6px 8px;bottom:20px;box-shadow:inset 0 2px 0 #ffffff40,0 6px 14px #0284c74d;height:44px;left:0;position:absolute;width:70px}.truck-nose{background:#0ea5e9;border-radius:0 6px 6px 0;box-shadow:inset 0 1px 0 #ffffff59;height:16px;position:absolute;right:-10px;top:10px;width:12px}.truck-bumper{background:#94a3b8;border-radius:2px;bottom:6px;height:6px;position:absolute;right:-14px;width:16px}.truck-window{background:linear-gradient(180deg,#e0f2fe,#bae6fd);border:2px solid #fffc;border-radius:3px;height:16px;position:absolute;right:10px;top:8px;width:28px}.truck-wheel{animation:wheel-spin 1s linear infinite;background:#111827;border-radius:50%;bottom:10px;box-shadow:inset 0 0 0 4px #374151,inset 0 0 0 8px #111827,0 2px 4px #00000040;height:22px;position:absolute;width:22px}.truck-wheel.w1{left:22px}.truck-wheel.w2{left:142px}@keyframes wheel-spin{to{transform:rotate(1turn)}}.truck-box{animation:box-bounce 1.4s ease-in-out infinite,box-fall 6s ease-in-out forwards;background:#f59e0b;border-radius:2px;bottom:46px;box-shadow:0 2px 6px #f59e0b66;height:12px;position:absolute;width:12px}.truck-box.b1{animation-delay:0s,.8s;left:72px}.truck-box.b2{animation-delay:.2s,1.6s;left:92px}.truck-box.b3{animation-delay:.4s,2.4s;left:112px}.truck-box.b4{animation-delay:.6s,3.2s;left:132px}.truck-box.b5{animation-delay:.8s,4s;left:152px}.truck-box.b6{animation-delay:1s,4.8s;left:172px}.cargo-box.b1{animation:svg-box-fall 6s ease-in-out forwards;animation-delay:.8s}.cargo-box.b2{animation:svg-box-fall 6s ease-in-out forwards;animation-delay:1.6s}.cargo-box.b3{animation:svg-box-fall 6s ease-in-out forwards;animation-delay:2.4s}.cargo-box.b4{animation:svg-box-fall 6s ease-in-out forwards;animation-delay:3.2s}.cargo-box.b5{animation:svg-box-fall 6s ease-in-out forwards;animation-delay:4s}@keyframes svg-box-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}20%{transform:translateY(6px) rotate(2deg)}60%{transform:translateY(22px) rotate(-4deg)}to{opacity:.9;transform:translateY(40px) rotate(6deg)}}.truck-loading-leave .svg-truck{animation:svg-drive-out 1.1s cubic-bezier(.2,.8,.2,1) forwards}@keyframes box-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes box-fall{0%{opacity:1;transform:translateY(0) rotate(0deg)}10%{transform:translateY(4px) rotate(2deg)}40%{transform:translateY(26px) rotate(-6deg)}70%{transform:translateY(60px) rotate(10deg)}to{opacity:0;transform:translateY(100px) rotate(14deg)}}.truck-ground-box{animation:ground-appear .6s ease-out forwards;background:#f5b84d;border:2px solid #b98027;border-radius:2px;bottom:4px;box-shadow:0 2px 6px #00000026;height:14px;opacity:0;position:absolute;transform:translateY(16px) scale(.9);width:18px}.truck-ground-box.gb1{animation-delay:.9s;left:180px}.truck-ground-box.gb2{animation-delay:1.7s;left:200px}.truck-ground-box.gb3{animation-delay:2.5s;left:220px}.truck-ground-box.gb4{animation-delay:3.3s;left:240px}.truck-ground-box.gb5{animation-delay:4.1s;left:260px}.truck-ground-box.gb6{animation-delay:4.9s;left:280px}@keyframes ground-appear{0%{opacity:0;transform:translateY(16px) scale(.9)}60%{opacity:1;transform:translateY(-2px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.truck-smoke{animation:smoke 2.4s ease-out infinite;background:radial-gradient(circle at 35% 35%,#fffffff2 0 60%,#fff0 65%);border-radius:50%;bottom:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:8px;left:-8px;opacity:.8;position:absolute;width:8px}.truck-smoke.s1{animation-delay:0s}.truck-smoke.s2{animation-delay:.6s}.truck-smoke.s3{animation-delay:1.2s}@keyframes smoke{0%{opacity:.7;transform:translate(-6px) scale(.7)}50%{opacity:.5;transform:translate(-22px,-14px) scale(1)}to{opacity:0;transform:translate(-38px,-24px) scale(1.2)}}.container-of-Overview .truck-loading-leave .truck{animation:truck-drive-out 1.1s cubic-bezier(.2,.8,.2,1) forwards}.container-of-Overview .truck-loading-leave .truck-video{animation:truck-video-drive-out 1.1s cubic-bezier(.2,.8,.2,1) forwards}@keyframes truck-video-drive-out{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(120%) scale(.8)}}.inventory-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-auto-rows:8.5rem;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch;padding:.625rem 0}.inventory-item-card{display:flex;flex-direction:column;height:100%;margin:0;max-height:8.125rem;min-height:8.125rem;overflow:hidden}.inventory-item-card .card-header,.inventory-item-card .item-details-container{flex-shrink:0}.inventory-item-card.expanded{background:#fff;border-radius:.5rem!important;box-shadow:0 .25rem 1.25rem #0000001f;display:flex;flex-direction:column;grid-row:span 3;height:27.5rem;height:var(--expanded-card-height,27.5rem);margin-bottom:.75rem;max-height:27.5rem;max-height:var(--expanded-card-height,27.5rem);min-height:27.5rem;min-height:var(--expanded-card-height,27.5rem);overflow:hidden;position:relative;z-index:1}@media screen and (max-width:768px){.inventory-grid{gap:1rem .5rem;grid-auto-rows:8.5rem}.inventory-item-card{border-radius:.375rem!important;max-height:10rem;min-height:6.5rem;padding:.875rem .75rem .75rem}.inventory-item-card.expanded{border-radius:.375rem!important;grid-row:span 3;height:27.5rem;height:var(--expanded-card-height,27.5rem);margin-bottom:.75rem;max-height:27.5rem;max-height:var(--expanded-card-height,27.5rem);min-height:27.5rem;min-height:var(--expanded-card-height,27.5rem)}.inventory-item-card .card-header{display:flex;flex-direction:column;gap:0;margin-bottom:0}.title-quantity-row{align-items:flex-start;gap:.5rem;margin-bottom:.375rem}.inventory-item-card .item-title{font-size:.95rem;font-weight:600;line-height:1.25rem;margin:0;padding-top:0}.quantity-expand-row{align-items:flex-start;gap:.375rem}.item-quantity-container{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.inventory-item-card .item-quantity{font-size:.875rem;font-weight:600;line-height:1rem;margin:0;padding:0;text-align:right}.inventory-item-card .expand-icon{font-size:1rem;margin:0;padding:0}.item-details-container{align-items:center;gap:.5rem;margin-bottom:0}.item-category-text{font-size:.875rem;line-height:1.125rem;margin:0}.inventory-item-card .status-text,.status-text.expired-green,.status-text.expired-orange,.status-text.expired-red{border-radius:.25rem;font-size:.75rem;gap:.1875rem;line-height:1rem;max-width:100%;padding:.1875rem .4375rem;white-space:normal;word-break:break-word}.fix-negative-btn{border-radius:.25rem;font-size:.5625rem;line-height:.75rem;margin:0;padding:.125rem .375rem}.fifo-header h4{font-size:.9rem;font-weight:700;line-height:1.3rem;margin:0 0 .75rem}.batch-item{background:#f9fafb;border:.0625rem solid #e5e7eb;border-radius:.5rem;margin-bottom:.75rem;padding:.75rem}.batch-header{margin-bottom:.5rem}.batch-header,.batch-info{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.batch-info{flex:1 1}.use-first-badge{background:#dbeafe;border-radius:.375rem;color:#1e40af;font-size:.625rem;font-weight:700;letter-spacing:.03125rem;line-height:.75rem;order:1;padding:.25rem .5rem}.batch-number{background:#0000;border:none;border-radius:0;color:#000;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:600;line-height:1.25rem;margin:0;max-width:100%;order:2;padding:0;text-overflow:ellipsis;word-break:break-all}.batch-quantity{font-size:1rem;font-weight:700;line-height:1.4rem;margin:0 0 .75rem;order:3}.batch-detail-row{column-gap:.5rem;margin-bottom:.375rem}.detail-label{font-weight:500}.detail-label,.detail-value{font-size:.75rem;line-height:1rem}.batch-status{display:flex;justify-content:flex-start;margin-top:8px}.batch-status-text{font-size:.75rem;font-weight:700;line-height:1.125rem}.batch-status-text.expired{color:#dc2626}.batch-status-text.urgent{color:#fbbf24}.top-tabs{font-size:.875rem}.tab{padding:.75rem 1rem}.timestamp{font-size:.6875rem}.filter-btn{min-height:2.5rem;min-width:2.5rem;padding:.625rem}.filter-icon{font-size:1.125rem}.filter-option{font-size:.875rem;padding:.5rem 1rem}}@media screen and (max-width:480px){.top-tabs{margin-bottom:.5rem}.sub-tabs{gap:1.25rem;margin:.625rem 0 .875rem}.inventory-grid{gap:1rem .5rem;grid-auto-rows:8.5rem}.inventory-item-card{border-radius:.375rem!important;max-height:10rem;min-height:6.25rem;padding:.625rem .625rem .5rem}.inventory-item-card.expanded{grid-row:span 3;margin-bottom:.75rem}.title-quantity-row{align-items:flex-start;gap:.5rem;margin-bottom:.3125rem}.item-details-container{margin-bottom:0}.inventory-item-card .item-title{font-size:.875rem;font-weight:600;line-height:1.125rem;padding-top:0}.inventory-item-card .item-quantity{font-size:.8125rem;font-weight:600;line-height:1rem;margin:0;padding:0;text-align:right}.item-quantity-container{align-items:flex-end;display:flex;flex-direction:column;gap:.1875rem}.item-category-text{font-size:.8125rem;line-height:1.125rem}.inventory-item-card .status-text,.status-text.expired-green,.status-text.expired-orange,.status-text.expired-red{border-radius:.1875rem;font-size:.6875rem;gap:.1875rem;line-height:.875rem;max-width:100%;padding:.1875rem .375rem;white-space:normal;word-break:break-word}.fix-negative-btn{border-radius:.1875rem;font-size:.5rem;line-height:.625rem;padding:.125rem .3125rem}.inventory-item-card .expand-icon{font-size:.875rem;margin:0 0 0 .25rem}.fifo-header h4{font-size:.8125rem;margin:0 0 .625rem}.batch-item{margin-bottom:.625rem;padding:.625rem}.use-first-badge{font-size:.5625rem;padding:.1875rem .375rem}.batch-number,.batch-quantity{font-size:.8125rem}.batch-quantity{margin:0 0 .5rem}.detail-label,.detail-value{font-size:.6875rem;line-height:16px!important}.batch-status-text{font-size:11px!important}.top-tabs{flex-wrap:nowrap;font-size:13px}.tab{padding:10px 14px}.timestamp{font-size:11px}.filter-btn{min-height:38px;min-width:38px;padding:9px}.filter-icon{font-size:16px}.filter-option{font-size:13px;padding:7px 14px}}.inventory-item-card{background:#fff;border-radius:.5rem!important;box-shadow:0 .125rem .5rem #00000026;break-inside:avoid;grid-column:span 1;grid-row:span 1;padding:.75rem 1rem .625rem;page-break-inside:avoid;position:relative;transition:transform .2s ease,box-shadow .2s ease;transition:all .3s ease}.inventory-item-card:hover{box-shadow:0 .25rem .75rem #00000026;transform:translateY(-.125rem)}.card-header{margin-bottom:.5rem}.title-quantity-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;width:100%}.item-quantity-container,.quantity-expand-row{align-items:center;display:flex;gap:.5rem}.item-title{flex:1 1;text-align:left}.item-quantity,.item-title{font-feature-settings:"kern" on;font-family:Roboto;font-size:.875rem;font-weight:500;letter-spacing:0;line-height:1.3125rem;padding-top:.5rem}.item-quantity{color:#000;margin:0 0 0 .625rem;padding-right:.625rem;text-align:right;white-space:nowrap}.expand-icon{color:#7e7b7b;font-size:1rem;padding-right:.3125rem;padding-top:.125rem}.item-details-container{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.inventory-item-card:not(.expanded) .item-details-container{margin-top:auto}.left-section{flex:1 1;text-align:left}.right-section{align-items:flex-end;display:flex;flex:1 1;flex-direction:column}.item-category-text{font-feature-settings:"kern" on;color:#6b7280;font-family:Roboto;font-size:.75rem;font-weight:400;letter-spacing:0;line-height:1.25rem;margin-bottom:.3125rem;text-align:left}.item-status-row{margin-bottom:0}.status-text{font-feature-settings:"kern" on;align-items:center;border-radius:.25rem;display:inline-flex;font-family:Roboto;font-size:.85rem;font-weight:500;gap:.1875rem;letter-spacing:0;line-height:1rem;padding:.1875rem .5rem;text-align:right;white-space:nowrap}@media screen and (max-width:768px){.status-text{white-space:normal;word-break:break-word}}.status-text.expired-red{color:#f01111}.status-text.expired-orange{color:rgba(255,166,0,.819)}.status-text.expired-green{color:#22c55e}.fix-negative-btn{border:1px solid #c33;border-radius:8px;font-size:12px;padding:4px 8px}.overview-search-wrapper{margin-right:12px}@media screen and (max-width:480px){.inventory-title{font-size:1.35rem}.overview-search-wrapper{margin-right:8px}.inventory-item-card{padding:16px 12px 12px}.inventory-item-card.expanded{height:420px;height:var(--expanded-card-height,420px);max-height:420px;max-height:var(--expanded-card-height,420px);min-height:420px;min-height:var(--expanded-card-height,420px)}}.expanded-content{-ms-overflow-style:none;animation:expandIn .3s ease-out;border-top:.125rem solid #e0e0e0;flex:1 1;margin-top:.75rem;min-height:0;overflow-x:hidden;overflow-y:auto;padding-top:.75rem;position:relative;scrollbar-width:none;z-index:1}.expanded-content::-webkit-scrollbar{display:none;height:0;width:0}@keyframes expandIn{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.fifo-header{margin-bottom:.9375rem}.fifo-header h4{color:#000;font-size:1rem;font-weight:600;margin:0}.batch-item{word-wrap:break-word;background:#f8f9fa;border:.0625rem solid #e9ecef;border-radius:.5rem;margin-bottom:.625rem;padding:.75rem;position:relative}.batch-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.batch-info{align-items:center;display:flex;flex:1 1;flex-direction:row;flex-wrap:nowrap;gap:.5rem}.batch-info .batch-number{order:1}.batch-info .use-first-badge{order:2}.use-first-badge{background:linear-gradient(135deg,#1d4ed826,#1d4ed81a);border:.0625rem solid #1d4ed833;border-radius:.375rem;box-shadow:0 .0625rem .1875rem #1d4ed81a;color:#1d4ed8;font-size:.5rem;letter-spacing:.03125rem;padding:.1875rem .5rem}.batch-number,.use-first-badge{display:inline-block;font-weight:600;text-transform:uppercase}.batch-number{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum" 1,"lnum" 1,tabular-nums lining-nums;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:.0625rem solid #cbd5e1;border-radius:.375rem;color:#475569;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.6875rem;font-variant-numeric:tabular-nums lining-nums;letter-spacing:.01875rem;line-height:1.2;margin-top:.125rem;max-width:7.5rem;overflow:hidden;padding:.375rem .625rem;text-overflow:ellipsis;white-space:nowrap}.delete-batch-btn{align-items:center;border:none;border-radius:.5rem;color:#646363;cursor:pointer;display:flex;font-size:1.125rem;justify-content:center;min-height:2.25rem;min-width:2.25rem;padding:.5rem;transition:all .2s ease}.delete-batch-btn:hover{box-shadow:0 .125rem .375rem #a6a6a633;transform:scale(1.05)}.batch-quantity{color:#000;font-size:.875rem;font-weight:600;margin-bottom:.75rem}@media screen and (max-width:768px){.batch-quantity{font-size:.8125rem!important}}.batch-details{margin-bottom:.75rem}.batch-detail-row{grid-column-gap:.5rem;align-items:center;column-gap:.5rem;display:grid;font-size:.75rem;grid-template-columns:auto 1fr;margin-bottom:.375rem}.detail-label{color:#666;font-weight:500}.detail-value{color:#000;font-weight:400;text-align:right}.batch-detail-row.supplier-row{align-items:start}.batch-detail-row.supplier-row .detail-value{overflow:visible;text-align:right;text-overflow:clip;white-space:normal;word-break:break-word}.batch-status{display:flex;justify-content:flex-start}.batch-status-text{border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:capitalize}.batch-status-text.expired{color:#dc3545}.batch-status-text.urgent,.batch-status-text.warning{color:#ffc107}.batch-status-text.good{color:#22c55e}.item-quantity-flex{align-items:center;display:flex;gap:.5rem}.fix-negative-btn{background:#fff;border:.0625rem solid #c33;border-radius:.5rem;color:#c33;cursor:pointer;font-size:.75rem;font-weight:600;line-height:1;padding:.25rem .5rem}.fix-negative-btn:hover{background:#ffecec}.inventory-title{font-size:1.5rem;font-weight:600;line-height:1.2;margin:0}.overview-search-wrapper{flex:1 1;margin-bottom:0;margin-right:.75rem}@media screen and (max-width:480px){.inventory-title{font-size:1.35rem}.overview-search-wrapper{margin-right:.5rem}}.filter-dropdown-menu{animation:dropdownFadeIn .2s ease-out;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:400px;min-width:200px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.filter-container{display:inline-block}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-section{border-bottom:1px solid #f0f0f0;padding:12px 0}.filter-section:last-child{border-bottom:none}.filter-section h4{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;padding:0 16px;text-transform:uppercase}.filter-option{align-items:center;color:#000;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background-color .2s ease}.filter-option:hover{background-color:#f8f9fa}.filter-option.active{background-color:#f5f5f5;color:#000;font-family:Roboto;font-weight:500}.filter-option.active:after{content:none}.filter-container{position:relative}.filter-container,.loading{align-items:center;display:flex}.loading{flex-direction:column;justify-content:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#000}.summary-stats{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;min-width:120px;padding:15px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stat-card.expired{border-left:4px solid #dc3545}.stat-card.expiring{border-left:4px solid #ffc107}.stat-card.low-stock{border-left:4px solid #f60}.stat-number{animation:countUp .5s ease-out;color:#000;display:block;font-size:24px;font-weight:700}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-label{margin-top:5px}.search-filter-container{margin-bottom:20px}.filter-dropdown{align-items:center;display:flex;position:relative}.filter-select{-webkit-appearance:none;appearance:none;border:1px solid #ccc;border-radius:6px;padding:10px 30px 10px 10px;transition:border-color .3s ease}.filter-select:focus{border-color:#000;outline:none}.dropdown-arrow{color:#666;font-size:12px}.refresh-btn{background:#fff;border:1px solid #ccc;border-radius:6px;font-size:16px;min-width:44px;padding:10px 12px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#000;transform:rotate(180deg)}.last-updated{align-items:center;color:#666;display:flex;justify-content:space-between;margin-top:5px}.error-text,.last-updated{font-size:12px}.inventory-items{border-top:1px solid #eee;max-height:60vh;overflow-y:auto;scroll-behavior:smooth}.inventory-item{align-items:center;animation:slideIn .3s ease-out;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px 10px;transition:all .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.inventory-item:hover{background-color:#f9f9f9;border-radius:6px;box-shadow:0 2px 4px #0000001a}.item-title{color:#000;font-size:12px;font-size:16px;font-weight:600;line-height:15px;margin:0;padding-top:0;.item-header{line-clamp:3;-webkit-line-clamp:3;justify-content:space-between;margin-bottom:5px}.item-quantity{font-feature-settings:"tnum";align-self:flex-start;font-size:11px;font-variant-numeric:tabular-nums;line-height:14px;margin-left:6px;padding-right:2px;padding-top:0}}.expand-arrow{color:#ccc;font-size:14px;margin-left:10px;transition:transform .2s ease}.inventory-item:hover .expand-arrow{transform:translateX(3px)}.item-details{color:#666;flex-wrap:wrap;font-size:12px;gap:10px;margin-top:5px}.item-category{background-color:#f8f9fa;border-radius:12px;color:#495057;font-size:12px;padding:2px 8px}.item-batch,.item-expiry{background-color:#f8f9fa;border-radius:8px;font-size:11px;padding:2px 6px}.item-expiry{background-color:#fff3cd;color:#856404}.item-stats{align-items:flex-end;display:flex;flex-direction:column;gap:5px;text-align:right}.quantity{align-items:center;color:#000;display:flex;font-size:14px;font-weight:500;gap:5px}.status{border-radius:4px;font-size:13px;padding:2px 6px;transition:all .2s ease;white-space:nowrap}.error-state{color:#dc3545}.error-state,.no-items{padding:40px 20px;text-align:center}.no-items{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.goto-manual-btn{background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:10px;padding:10px 20px;transition:background-color .3s ease}.goto-manual-btn:hover{background-color:#e55a00}.retry-btn{background-color:#dc3545;border-radius:4px;margin-top:10px;transition:background-color .3s ease}.retry-btn:hover{background-color:#c82333}.sub-content{color:#666;padding:40px;text-align:center}.form-box,.sub-content{background:#fff;border:1px solid #ccc;border-radius:6px}.form-box{box-shadow:0 2px 4px #0000001a;padding:20px}.production-date-container{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.production-date-container label{color:#000;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.production-date-container input[type=date]{background:#fff;border:1px solid #ccc;border-radius:8px;font-size:16px;padding:10px;text-align:center;width:200px}.production-date-container input[type=date]:focus{border-color:#000;box-shadow:0 0 0 2px #0003;outline:none}.form-group label{color:#000;font-size:13px;margin-bottom:5px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group input[type=time],.form-group select{background-color:#fff;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;color:#000;font-size:14px;outline:none;padding:8px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#000;box-shadow:0 0 0 2px #0003}h3{color:#000;font-size:16px;text-align:centre}.item-box,h3{margin-bottom:15px}.item-box{background-color:#f5f5f5;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 4px #00000014;max-width:100%;padding:15px;position:relative;transition:box-shadow .3s ease}.item-box:hover{box-shadow:0 4px 8px #0000001f}.delete-button{align-items:center;background-color:#ff5c00;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;position:absolute;right:8px;top:8px;transition:background-color .3s ease;width:24px}.delete-button:hover{background-color:#e04500}.triple-inline{display:flex;gap:10px;margin-bottom:15px}.triple-inline .form-group{flex:1 1;margin-bottom:0}.triple-inline input,.triple-inline select{box-sizing:border-box;font-size:14px;padding:8px;width:100%}.inline-fields{display:flex;gap:10px;margin-bottom:15px}.batch-field{flex:1 1}.expiry-field{flex:2 1}.batch-field label,.expiry-field label{color:#000;display:block;font-size:13px;font-weight:600;margin-bottom:5px}.batch-field input,.expiry-field input{transition:border-color .3s ease,box-shadow .3s ease}.batch-field input,.expiry-field input,.expiry-input{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.batch-field input:focus,.expiry-field input:focus{border-color:#000;box-shadow:0 0 0 2px #0003}.total-cost-card{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 6px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.total-cost-card .label{color:#000;font-size:16px;font-weight:600}.total-cost-card .amount{color:#000;font-size:18px;font-weight:700}.button-group{gap:12px;justify-content:space-between;margin-top:20px}.inventory-overview .modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.inventory-overview .modal-box{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:350px;padding:25px;text-align:center;width:90%}.checkmark{font-size:25.5px;margin-bottom:15px}.checkmark.green{color:#22c55e}.checkmark.orange{animation:spin 2s linear infinite;color:#000}.checkmark.red{animation:shake .5s ease;color:#dc3545}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.ok-btn{background:#f60}.ok-btn:hover{background:#e55a00}@media screen and (max-width:600px){.container{max-width:100%;padding:15px}.connection-status{align-self:flex-end;margin-bottom:15px;position:relative;right:auto;top:auto}.inventory-grid{align-items:stretch;gap:1rem .5rem;grid-auto-rows:8.5rem;grid-template-columns:repeat(2,1fr);justify-items:stretch}.inventory-item-card{height:100%;max-height:10rem;min-height:6.5rem;padding:.75rem .75rem .5rem}.inventory-item-card.expanded{grid-row:span 3;height:27.5rem;height:var(--expanded-card-height,27.5rem);margin-bottom:.75rem;max-height:27.5rem;max-height:var(--expanded-card-height,27.5rem);min-height:27.5rem;min-height:var(--expanded-card-height,27.5rem)}.search-filter-row{flex-wrap:nowrap;gap:8px;width:100%}.search-filter-row>div:first-child{flex:1 1;max-width:100%;min-width:0}.overview-search-wrapper svg:first-of-type{display:block!important;flex-shrink:0;min-width:16px}.filter-btn-inline{align-items:center;display:flex!important;flex-shrink:0;justify-content:center;margin-left:4px;margin-right:-12px;padding:6px 8px}.filter-btn-inline .filter-icon{color:#666;font-size:18px}.filter-btn-inline .dropdown-arrow{font-size:11px;margin-left:2px}.filter-btn,.language-btn{border-radius:12px;min-height:44px;min-width:44px;padding:12px}.filter-btn .dropdown-arrow{display:none}.filter-btn .filter-icon{font-size:20px}.item-title{font-size:16px}.item-quantity{font-size:20px}.summary-stats{flex-direction:column}.stat-card{min-width:auto}.search-box{flex-direction:column;gap:8px}.refresh-btn{width:100%}.inventory-item{align-items:flex-start;flex-direction:column;gap:10px}.item-stats{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.sub-tabs{font-size:13px;gap:15px}.triple-inline{flex-wrap:wrap;gap:8px}.triple-inline .form-group{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:calc(50% - 4px)}.triple-inline .form-group:nth-child(3){flex:1 1 100%;min-width:100%}.inline-fields{flex-wrap:wrap;gap:8px}.inline-fields .batch-field,.inline-fields .expiry-field{flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;min-width:calc(50% - 4px)}.button-group{flex-direction:column;gap:10px}.production-date-container input[type=date]{max-width:250px;width:100%}.total-cost-card{flex-direction:column;gap:10px;text-align:center}.top-tabs{flex-wrap:nowrap;justify-content:center}.item-box{padding:12px}.delete-button{font-size:14px;height:22px;width:22px}}@media screen and (max-width:480px){.top-tabs{flex-wrap:nowrap;font-size:11px}.tab{padding:8px}.search-filter-row{flex-wrap:nowrap;gap:6px}.search-filter-row>div:first-child{flex:1 1;max-width:calc(100% - 52px);min-width:0}.filter-btn-inline{align-items:center;display:flex!important;flex-shrink:0;justify-content:center;margin-right:-12px;padding:6px 8px}.filter-btn-inline .filter-icon{color:#666;font-size:18px}.filter-btn-inline .dropdown-arrow{font-size:10px;margin-left:2px}.filter-btn,.language-btn{min-height:40px;min-width:40px;padding:10px}.form-box{padding:15px}.inventory-overview{padding:10px 8px}}@media screen and (max-width:320px){.inline-fields .batch-field,.inline-fields .expiry-field,.triple-inline .form-group{flex:1 1 100%;min-width:100%}}@media print{.button-group,.connection-status,.refresh-btn,.sub-tabs,.top-tabs{display:none}.container{max-width:100%;padding:0}.inventory-overview{border:1px solid #000;box-shadow:none}}@media (prefers-contrast:high){.tab.active{background:#fff;border:none;border-bottom:2px solid #000;border-radius:5px;color:#000}.stat-card{border:2px solid #000}.inventory-item:hover{background-color:#f0f0f0;border:1px solid #000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stock-in-container{overflow-x:hidden}.stock-in-container,.stock-out-container{background:#fff;min-height:100vh}@media (max-width:600px){.stock-in-container,.stock-out-container{padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px))}}.scan-bill-content{gap:24px;margin-top:32px}.scan-bill-content,.scan-card,.upload-card{align-items:center;display:flex;flex-direction:column}.scan-card,.upload-card{background:#fff;border:2px dashed #e0e0e0;border-radius:18px;box-shadow:0 2px 8px #2196f30a;max-width:400px;min-width:320px;padding:32px 36px;transition:box-shadow .2s,border-color .2s}.scan-card{border:2px solid #000;margin-bottom:12px}.upload-card{border:2px dashed #2196f3}.scan-card span[role=img],.upload-card span[role=img]{font-size:2.5rem;margin-bottom:8px}.scan-card div[style*="fontWeight: 600"],.upload-card div[style*="fontWeight: 600"]{font-size:1.2rem;margin-bottom:4px}.scan-card div[style*="color: #888"],.upload-card div[style*="color: #888"]{font-size:1rem}@media (max-width:600px){.scan-card,.upload-card{max-width:98vw;min-width:90vw;padding:24px 8px}.scan-bill-content{gap:16px;margin-top:18px}}.reconcile-modal-card{border-radius:16px!important;padding:20px!important;width:min(560px,95vw)!important}.reconcile-btn{border-radius:10px;cursor:pointer;font-weight:600;padding:12px 16px;text-align:center;transition:background .2s ease,box-shadow .2s ease,transform .15s ease;width:120px}.reconcile-btn.cancel{background:#fff;border:1px solid #e5e7eb;color:#111}.reconcile-btn.cancel:hover:not(:disabled){background:#f5f5f5}.reconcile-btn.apply{background:#000;border:1px solid #000;color:#fff}.reconcile-btn.apply:hover:not(:disabled){background:#111;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.reconcile-btn:disabled{cursor:not-allowed;opacity:.7}.reconcile-amount-input{border:2px solid #e5e7eb!important;border-radius:10px!important;padding:10px 12px!important}.reconcile-amount-input:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000000d;outline:none!important}.confirm-modal{background:#fff;border-radius:12px;box-sizing:border-box;margin-left:-33px;max-width:500px;padding:16px 20px;width:90vw}.confirm-modal .confirm-title{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 16px;text-align:center}.confirm-modal .items-card{background:#f7f7f8;border:1px solid #e6e6ea;border-radius:10px;box-shadow:inset 0 1px 0 #fff9;box-sizing:border-box;margin-bottom:16px;max-height:220px;overflow-y:auto;padding:14px 12px;width:100%}.confirm-modal .item-row{align-items:flex-start;border-bottom:1px solid #e9eaee;box-sizing:border-box;min-height:36px;padding:8px 6px;width:100%}.confirm-modal .item-name{word-wrap:break-word;color:#1f2937;flex:1 1;font-size:15px;font-weight:600;left:auto!important;line-height:1.5;margin-right:16px;margin-top:0!important;max-width:calc(100% - 60px);max-width:calc(100% - 60px)!important;overflow-wrap:break-word;position:static!important;text-align:left;top:auto!important;transform:none!important;width:auto!important}.confirm-modal .item-qty{color:#1f2937;flex-shrink:0;font-size:15px;font-weight:600;margin-left:auto;min-width:40px;text-align:right;white-space:nowrap}.confirm-modal .item-row span:first-child{flex:1 1 auto!important;margin-top:0!important;text-align:left!important;word-break:break-word}.confirm-modal .item-row span.item-qty:last-child{flex:0 0 auto!important;margin-left:auto!important;text-align:right!important}.confirm-modal .kv-row{align-items:center;display:flex;justify-content:space-between;margin:12px 2px}.confirm-modal .kv-label{color:#1f2937;font-size:16px;font-weight:600}.confirm-modal .kv-value{color:#1f2937;font-size:18px;font-weight:700}.confirm-modal .cost-row{align-items:center;background:#d9f4e7;border-left:5px solid #2ec27e;border-radius:12px;box-shadow:inset 0 1px 0 #fff9;display:flex;justify-content:space-between;margin:14px 2px 16px;padding:12px 14px}.confirm-modal .cost-label,.confirm-modal .cost-value{color:#1f2937;font-size:16px;font-weight:600}.confirm-modal .meta-row{align-items:center;display:flex;justify-content:space-between;margin:12px 2px}.confirm-modal .meta-value{color:#6b7280;font-size:16px}.confirm-modal .actions{display:flex;gap:12px;margin-top:18px}.confirm-modal .actions .cancel-btn,.confirm-modal .actions .confirm-btn-final{flex:1 1}.confirm-modal .cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151}.confirm-modal .cancel-btn,.confirm-modal .confirm-btn-final{cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px}.confirm-modal .confirm-btn-final{background:#111;border:none;border-radius:8px;color:#fff}.confirm-modal .cancel-btn:hover{background:#f9fafb}.confirm-modal .confirm-btn-final:hover{background:#000}.confirm-actions .cancel-btn,.confirm-actions .confirm-btn-final{border:1px solid!important;border-radius:8px!important;box-sizing:border-box!important;cursor:pointer!important;display:inline-block!important;font-family:Poppins,sans-serif!important;font-size:14px!important;font-weight:600!important;height:44px!important;line-height:1.2!important;margin:0!important;max-width:150px!important;min-width:150px!important;padding:12px 16px!important;text-align:center!important;transition:all .3s ease!important;width:150px!important}.confirm-modal .confirm-label{color:#212529;font-weight:700}.stock-out-container{overflow-x:hidden}.stock-out-container,.stock-out-container body{background-color:#fff;font-family:Poppins,sans-serif}.stock-out-page{border-radius:16px;display:flex;flex-direction:column;gap:16px;margin:40px auto 0;max-width:580px}.waste-subheader{background-color:#f0f3f6;border:1px solid #d1d5db;border-radius:8px;display:flex;height:2.8rem}.stock-tabs .tab-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;justify-content:center;transition:background-color .2s,color .2s}.stock-tabs .tab-btn.active{background-color:#000;box-shadow:0 1px 3px #00000026;color:#fff}.stock-tabs .tab-btn:focus-visible{outline:2px solid #212529;outline-offset:2px}.waste-subheader button{background:none;border:none;border-radius:6px;color:#000;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;padding:8px;transition:all .2s ease-in-out}.waste-subheader button.active{background-color:#212529;box-shadow:0 1px 3px #0000001a;color:#fff}.stock-out-page .form-label-main{color:#212529;display:block;font-family:Roboto;font-size:1rem;font-weight:500;margin-bottom:10px}.recipe-cost-label{color:#6c757d;font-size:11px;font-weight:500}.recipe-calculated-indicator{font-size:14px;margin-left:4px;opacity:.8}.dish-price{color:#28a745;font-weight:600;margin:4px 0;text-align:left}.stock-out-page .form-group{position:relative}.reason-group{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 2px 8px #00000017;display:flex;height:3rem;justify-content:space-between;margin-top:10px;padding:12px 16px}.reason-group .form-label-main{margin-bottom:0}.change-reason-btn{background:none;border:none;color:#000;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;padding:0;position:static}.search-bar{align-items:center;background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;display:flex;gap:10px;height:44px;padding:0 8px}.search-bar svg{color:#6c757d;flex-shrink:0}.search-input{font-family:Poppins,sans-serif;font-size:14px;width:100%}.category-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.category-pills button{background-color:#fff;border:1px solid #d1d5db!important;border:none;border-radius:8px;color:#000;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;padding:8px 16px;transition:all .2s ease-in-out}.category-pills button.active{background-color:#212529;color:#fff}.item-grid{grid-gap:16px;-ms-overflow-style:none;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);max-height:730px;overflow-y:auto;scrollbar-width:none}.item-grid::-webkit-scrollbar{display:none}@media (max-width:1024px){.item-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.item-grid{grid-template-columns:repeat(2,1fr)}}.dish-card{background-color:#fff;border:2px solid #dee2e6;border-radius:12px;box-shadow:0 2px 4px #00000014;padding:12px;position:relative;text-align:center;transition:all .2s ease}.dish-card img{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;height:120px;margin-bottom:12px;object-fit:cover;transition:opacity .3s ease;width:100%}.dish-name{color:#212529;font-size:15px;font-weight:700;line-height:1.3;margin:0 0 6px}.dish-price{color:#6c757d;font-size:13px;font-weight:500;margin:0 0 12px}.delete-dish-btn{align-items:center;background:#ffffffb3;border:none;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.quantity-stepper{border:none;justify-content:space-between;padding:6px 8px}.quantity-stepper,.quantity-stepper button{align-items:center;background-color:#fff;display:flex}.quantity-stepper button{border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:18px;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.quantity-stepper button:hover{background-color:#e9ecef;border-color:#adb5bd}.quantity-stepper span{border:none;font-size:18px;font-weight:700;min-width:40px;outline:none;text-align:center}.quantity-stepper .quantity-input{appearance:none;-webkit-appearance:none;-moz-appearance:textfield;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;font-size:18px;font-weight:700;margin:0;outline:none!important;padding:0;text-align:center;width:60px}.quantity-stepper .quantity-input:focus{border:none!important;box-shadow:none!important;outline:none!important}.quantity-stepper input.quantity-input[type=number]{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important}.quantity-stepper input.quantity-input[type=number]::-webkit-inner-spin-button,.quantity-stepper input.quantity-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.waste-summary .total-cost-amount{font-size:22px}.waste-summary .total-cost-amount,.waste-summary .total-cost-amount .fraction-part,.waste-summary .total-cost-amount .rupee-symbol{color:#000!important;display:inline-block;font-size:22px!important;font-weight:700!important;line-height:1.1!important;vertical-align:initial!important}.waste-summary .total-cost-amount .rupee-symbol{font-size:1.3em;font-weight:700;margin-right:2px;vertical-align:middle}.stock-out-page textarea{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:14px;height:60px;padding:12px;resize:vertical;width:100%}.form-actions{gap:12px;margin-top:1rem}.form-actions button{border:1px solid;border-radius:8px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;padding:12px}.form-actions .draft-btn{background-color:#fff;border-color:#000;border-width:2px;color:#212529}.form-actions .submit-btn.waste-confirm{background-color:#000;border-color:#000;color:#fff}.form-actions .submit-btn.waste-confirm:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed}.draft-btn{background-color:#fff;border-color:#dee2e6;color:#495057}.submit-btn.waste-confirm{background-color:#000;border-color:#000;color:#fff}.submit-btn.waste-confirm:disabled{background-color:#ccc;border-color:#ccc}.recorder-and-photo-section{align-items:flex-end;display:flex;gap:16px;justify-content:space-between}.recorder-group{flex-grow:1}.recorder-group .form-group{align-items:center;display:flex;gap:8px;margin-bottom:0}.recorder-group .form-group .form-label-main{margin-bottom:0}.recorder-select-btn{background-color:#e9ecef;border:none;border-radius:6px;color:#212529;flex-shrink:0;gap:6px;padding:8px 12px;position:static}.photo-upload-box,.recorder-select-btn{align-items:center;cursor:pointer;display:flex}.photo-upload-box{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;font-size:24px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.thresholds-btn{border-radius:8px;font-size:13px;height:40px;padding:8px 14px}.photo-upload-group{align-items:flex-end!important}.photo-upload-group .thresholds-btn{align-self:flex-end!important}@media (max-width:600px){.thresholds-btn{font-size:12px!important;padding:6px 12px!important}.photo-upload-box,.thresholds-btn{border-radius:6px!important;height:36px!important}.photo-upload-box{width:36px!important}}.photo-previews{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.preview-image-container{height:60px;position:relative;width:60px}.preview-image-container img{border-radius:6px;height:100%;object-fit:cover;width:100%}.remove-photo-btn{background-color:#c94a4a;border:none;border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;cursor:pointer;font-size:12px;height:20px;position:absolute;right:-5px;top:-5px;width:20px}.remove-photo-btn,.stock-out-modal-overlay{align-items:center;display:flex;justify-content:center}.stock-out-modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;box-sizing:border-box;height:100%;left:0;padding:20px;pointer-events:auto;position:fixed;top:0;width:100%;z-index:1000}.stock-out-modal-overlay *{pointer-events:auto}.ingredient-shortage-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;font-family:Roboto,sans-serif;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}@media screen and (min-width:601px){.stock-out-modal-overlay{align-items:center;justify-content:center}.ingredient-shortage-modal{margin:0}}.shortage-modal-header{background:#fff;border-bottom:2px solid #fff;padding:24px 24px 20px;text-align:center}.shortage-icon{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;box-shadow:0 4px 12px #e74c3c4d;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.shortage-modal-header h2{color:#000;font-family:Roboto,sans-serif;font-size:22px;font-weight:700;margin:0 0 8px}.item-name-subtitle{word-wrap:break-word;color:#000;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:1.4;margin:0;overflow-wrap:break-word;white-space:normal}.item-name-subtitle strong{word-wrap:break-word;color:#e74c3c;font-weight:600;overflow-wrap:break-word}.shortage-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px;scrollbar-color:#dee2e6 #0000;scrollbar-width:thin}.shortage-modal-body::-webkit-scrollbar{width:6px}.shortage-modal-body::-webkit-scrollbar-track{background:#0000}.shortage-modal-body::-webkit-scrollbar-thumb{background:#dee2e6;border-radius:3px}.shortage-modal-body::-webkit-scrollbar-thumb:hover{background:#adb5bd}.shortage-explanation{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:12px 16px}.shortage-explanation p{color:#000;font-family:Roboto,sans-serif;font-size:13px;line-height:1.5;margin:0}.ingredients-list{gap:16px}.ingredient-shortage-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:16px}.ingredient-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.ingredient-name{word-wrap:break-word;color:#212529;font-family:Roboto,sans-serif;line-height:1.3;min-width:0;overflow-wrap:break-word;white-space:normal}.shortage-badge{background-color:#fff;border:1px solid #e60b0b;border-radius:20px;color:#e60b0b;flex-shrink:0;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.ingredient-stats{flex-wrap:nowrap;gap:16px;justify-content:space-between;margin-bottom:12px}.ingredient-stats,.stat-item{align-items:baseline;display:flex}.stat-item{flex:1 1;flex-direction:row;gap:8px;min-width:0}.stat-label{font-family:Roboto,sans-serif;font-size:11px;letter-spacing:.5px;white-space:nowrap}.stat-item.required .stat-label{color:#e74c3c}.stat-item.available .stat-label{color:#6c757d}.stat-value{word-wrap:break-word;color:#212529;font-family:Roboto,sans-serif;overflow-wrap:break-word}.stat-divider{color:#adb5bd;flex-shrink:0;font-size:16px;font-weight:600}.progress-bar-container{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#e74c3c,#f39c12);border-radius:4px;height:100%;transition:width .3s ease}.no-ingredients{color:#6c757d;padding:40px 20px;text-align:center}.no-ingredients p{font-family:Roboto,sans-serif;font-size:14px;margin:0}.shortage-modal-footer{background:#fff;border-top:2px solid #f8f9fa;display:flex;gap:12px;padding:20px 24px}.shortage-modal-footer .btn-primary,.shortage-modal-footer .btn-secondary{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-family:Roboto,sans-serif;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px}.shortage-modal-footer .btn-secondary,.shortage-modal-footer .btn-secondary:hover{background:#fff;border:1px solid #dee2e6;box-shadow:0 2px 4px #0000000d;color:#000}.shortage-modal-footer .btn-primary,.shortage-modal-footer .btn-primary:hover{background:linear-gradient(135deg,#000,#212529);box-shadow:0 4px 12px #0003;color:#fff}@media screen and (max-width:600px){.ingredient-shortage-modal{border-radius:16px 16px 0 0;margin:auto 0 0;max-height:90vh;max-width:100vw;width:100vw}.stock-out-modal-overlay{align-items:flex-end;padding:0}.shortage-modal-header{padding:20px 16px}.shortage-icon{height:50px;width:50px}.shortage-modal-header h2{font-size:18px}.item-name-subtitle{font-size:13px}.shortage-modal-body{padding:16px}.ingredient-shortage-item{padding:12px}.ingredient-stats{flex-wrap:nowrap;gap:12px}.stat-divider{display:block}.shortage-modal-footer{flex-direction:column;padding:16px}.shortage-modal-footer .btn-primary,.shortage-modal-footer .btn-secondary{width:100%}}.stock-out-modal-content{background:#fff;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;max-height:80vh;max-width:480px;overflow:hidden;padding:24px;width:100%}.stock-out-success-modal-box{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:350px;padding:20px 25px 25px;text-align:center;width:90%}.stock-out-success-modal-box p{line-height:1.5;margin:0!important;padding:0!important}.checkmark{display:inline-block;font-size:48px;margin:0 0 -20px!important}.checkmark.green{animation:bounce .5s ease;color:#28a745}.ok-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:10px 24px;transition:background-color .3s ease}.ok-btn,.ok-btn:hover{background:#000}.stock-out-modal-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow:hidden}.stock-out-modal-list h3{color:#212529;flex-shrink:0;font-weight:600}.stock-out-modal-list>div{-ms-overflow-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;max-height:50vh;overflow-y:auto;padding-right:4px;scrollbar-width:none}.stock-out-modal-list>div::-webkit-scrollbar{display:none}.stock-out-modal-list h3{font-size:18px;margin:0 0 20px;text-align:center}.stock-out-modal-list button{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;font-family:Poppins,sans-serif;justify-content:center;min-height:60px;padding:14px 16px;text-align:left;transition:all .2s ease-in-out}.stock-out-modal-list button:hover{background-color:#e9ecef;border-color:#adb5bd}.stock-out-modal-list button.active{background-color:#e7f3ff;border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.stock-out-modal-list button h4{color:#212529;font-size:15px;font-weight:600;line-height:1.2;margin:0 0 4px}.stock-out-modal-list button p{color:#6c757d;font-size:12px;line-height:1.3;margin:0}.stock-out-modal-list .cancel-btn{background:#fff;border:1px solid #ccc;border-radius:6px;color:#000;cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-weight:600;margin-top:0;padding:12px 16px;text-align:center;transition:all .2s ease}.stock-out-modal-list .cancel-btn:hover{background-color:#f0f0f0;border-color:#bbb;color:#000}.confirm-actions .cancel-btn{background:none;border:none;color:#6c757d;font-weight:600;margin-top:10px;text-align:center}.confirm-modal h3{color:#212529;font-size:18px;font-weight:700;margin:0 0 16px;text-align:center}.confirm-details{display:flex;flex-direction:column;font-size:14px;gap:8px;margin-bottom:20px;text-align:left}.confirm-details p{display:flex;justify-content:space-between;margin:0;padding-left:16px;padding-right:25px}.confirm-details p span:first-child{color:#6c757d}.confirm-details p span:last-child{color:#212529;font-weight:600}.confirm-actions{display:flex;gap:16px;justify-content:center;margin-top:20px}.confirm-actions .cancel-btn{background-color:#fff!important;border-color:#ccc!important;box-shadow:0 2px 4px #0000001a!important;color:#000!important}.confirm-actions .cancel-btn:hover{background-color:#f8f9fa!important;border-color:#adb5bd!important;box-shadow:0 4px 8px #0003!important}.confirm-actions .cancel-btn:active{box-shadow:0 1px 2px #0000001a!important;transform:translateY(1px)!important}.confirm-actions .confirm-btn-final{background-color:#212529!important;border-color:#212529!important;box-shadow:0 2px 4px #0003!important;color:#fff!important}.confirm-actions .confirm-btn-final:hover{background-color:#000!important;border-color:#000!important;box-shadow:0 4px 8px #0000004d!important;transform:translateY(-1px)!important}.confirm-actions .confirm-btn-final:active{box-shadow:0 1px 2px #0003!important;transform:translateY(1px)!important}@keyframes shadowPulse{0%{box-shadow:0 2px 4px #0003}50%{box-shadow:0 4px 8px #0000004d}to{box-shadow:0 2px 4px #0003}}.confirm-actions .confirm-btn-final{animation:shadowPulse 2s ease-in-out infinite}.confirm-actions .confirm-btn-final:hover{animation:none}@media screen and (max-width:600px){.form-header{flex-direction:column;gap:10px;text-align:center}.back-button,.ocr-indicator{justify-content:center;width:100%}.ocr-text-preview{padding:12px}.ocr-text-preview pre{font-size:11px;padding:10px}}.raw-item-placeholder{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:6px;display:flex;flex-direction:column;height:80px;justify-content:center;margin-bottom:8px;position:relative;width:100%}.raw-item-icon{font-size:24px;margin-bottom:4px}.raw-item-info{align-items:center;display:flex;flex-direction:column;gap:2px}.raw-item-info small{color:#6c757d;font-size:10px;font-weight:500}.dish-card .raw-item-placeholder{transition:all .2s ease}.dish-card:hover .raw-item-placeholder{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd}.stock-level.low{color:#ff9800}.stock-level.out-of-stock{color:#f44336}.stock-level.overstocked{color:#2196f3}.stock-level.adequate{color:#4caf50}.expiry-info.urgent{color:#f44336}.expiry-info.warning{color:#ff9800}.expiry-info.normal{color:#4caf50}.raw-item-info small{font-size:9px!important;line-height:1.2!important}.confirm-modal .item-breakdown-list{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;margin-bottom:16px;max-height:180px;overflow-y:auto;padding:16px;width:100%}.item-breakdown-list{background:#f8f9fa;background:#fff;border:1px solid #e9ecef;border:1px solid #e5e5e5;border-radius:8px;box-sizing:border-box;margin-bottom:12px;margin-bottom:8px;max-height:180px;max-height:160px;max-width:100%;min-width:0;overflow-y:auto;padding:16px;padding:0;width:100%}.confirm-modal .item-row{align-items:center;border-bottom:1px solid #dee2e6;display:flex;font-size:15px;justify-content:space-between;margin-bottom:10px;min-height:24px;padding:8px 0}.confirm-modal .item-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:8px}.confirm-modal .item-row span:first-child{word-wrap:break-word;color:#212529;flex:1 1;font-weight:500;margin-top:270px;text-align:left}.confirm-modal .item-row span:last-child{color:#212529;flex-shrink:0;font-weight:600;margin-left:412px;text-align:right}.confirm-modal hr{border-top:1px solid #dee2e6;border:none;border-top:1px solid #e9ecef;margin:16px 0;margin:12px 0}.confirm-modal .total-cost-summary span:last-child{font-size:16px;font-weight:700}@media (max-width:500px){.stock-out-modal-content{margin:10px;max-width:95vw;padding:20px}.confirm-modal .item-row{font-size:14px}.confirm-actions .cancel-btn,.confirm-actions .confirm-btn-final{font-size:13px!important;max-width:130px!important;min-width:130px!important;width:130px!important}}.summary-notes-card{background-color:#fff;border:1px solid #dee2e6;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:16px;margin-top:1rem;padding:16px}.waste-summary{grid-gap:4px 16px;background-color:#f8f9fa;border-radius:8px;display:grid;font-size:14px;gap:4px 16px;grid-template-columns:auto auto;padding:12px}.waste-summary span:nth-child(odd){color:#000;font-weight:500;text-align:left}.waste-summary span:nth-child(2n){color:#000;font-weight:600;text-align:right}.waste-summary .total-cost-amount{color:#000;font-size:16px;font-weight:700}.summary-notes-card .notes-group{margin-bottom:0}@media screen and (max-width:768px){body:has(.stock-out-container){height:auto;overflow-y:auto!important}.stock-out-container{display:flow-root;overflow-y:auto;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 8px)}.stock-out-container>:last-child{margin-bottom:0!important}.stock-out-page{gap:16px;margin:20px auto 0;min-height:0;min-height:auto;padding:0 16px}.waste-subheader{border-radius:8px;height:2.8rem}.waste-subheader button{font-size:14px;padding:8px}.reason-group{border-radius:8px;height:3rem;margin-top:10px;padding:12px 16px}.reason-group .form-label-main{font-size:1rem;margin-bottom:0}.change-reason-btn{font-size:14px}.search-bar{border-radius:8px;height:44px;padding:0 8px}.search-input{font-size:14px}.category-pills{gap:8px;margin-bottom:16px}.item-grid{gap:16px;grid-template-columns:repeat(2,1fr);max-height:730px}.dish-card{border-radius:8px;padding:8px}.dish-card img{border-radius:6px;height:130px;margin-bottom:8px}.dish-name{font-size:14px}.dish-price{font-size:12px}.summary-notes-card{border-radius:12px;gap:16px;margin-top:1rem;padding:16px}.waste-summary{gap:4px 16px}.stock-out-page textarea,.waste-summary{border-radius:8px;font-size:14px;padding:12px}.submit-btn{border-radius:8px;font-size:16px;height:48px}.form-actions{background:#fff;bottom:calc(env(safe-area-inset-bottom, 0px) + 56px);padding:8px 0;position:-webkit-sticky;position:sticky;z-index:5}}@media screen and (max-width:480px){body:has(.stock-out-container){height:auto;overflow-y:auto!important}.stock-out-page{min-height:0;min-height:auto}.stock-out-container{display:flow-root;overflow-y:auto;padding-bottom:calc(env(safe-area-inset-bottom, 0px) + 8px)}.stock-out-container>:last-child{margin-bottom:0!important}.stock-out-page{gap:14px;margin:16px auto 0;padding:0 12px}.waste-subheader{height:2.6rem}.waste-subheader button{font-size:13px;padding:6px}.reason-group{height:auto;min-height:3rem;padding:10px 14px}.search-bar{height:42px;padding:0 6px}.item-grid{gap:12px}.dish-card{padding:6px}.dish-card img{height:115px}.dish-name{font-size:13px}.summary-notes-card{gap:14px;padding:14px}.waste-summary{font-size:13px;gap:4px 12px;padding:10px}}.missing-ingredient-row{margin-bottom:8px}.modal-description{margin-bottom:16px}.modal-footer-stacked{border-top:1px solid #e5e7eb;padding:16px 20px}.substitute-body{overflow-y:auto}.substitute-item-card{background:#f9fafb;border:1px solid #e5e7eb}.substitute-item-name{color:#111827;font-size:16px}.substitute-search-wrapper{position:relative}.substitute-text-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s}.substitute-text-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.substitute-footer{margin-top:16px}.substitute-cancel-btn,.substitute-confirm-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 20px;transition:all .2s ease}.substitute-cancel-btn{background:#fff;border:2px solid #d1d5db;color:#374151}.substitute-cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.substitute-confirm-btn{background:#3b82f6;border:2px solid #3b82f6}.substitute-confirm-btn:hover{background:#2563eb;border-color:#2563eb}.modal-close{right:16px;top:16px;z-index:10}.usage-page-container{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden;padding-bottom:1rem;padding-top:1rem;position:relative;text-align:left;width:100%}.loading-overlay{background-color:#ffffffb3;z-index:1000}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-top-color:#3498db;height:50px;width:50px}.error-message{border-left:4px solid #c62828;border-radius:4px;margin-bottom:15px;padding:10px}.items-section,.notes-section,.usage-form{margin-bottom:25px}.form-group{margin-bottom:15px}.form-group.relative{position:relative}.items-section h3,.notes-section h3{font-size:18px;font-weight:600;margin-bottom:15px}.date-input,.shift-select{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;padding:12px 15px;text-align:left}.input-icon{color:#555;font-size:24px;margin-right:12px}.input-text-wrapper{align-items:flex-start;display:flex;flex-direction:column}.input-text-wrapper label{color:#666;font-size:12px}.input-text-wrapper span{color:#000;font-size:16px;font-weight:500}.shift-select{justify-content:space-between;padding-right:15px;position:relative}.shift-select .chevron-down{display:none}.shift-details{align-items:center;display:inline-flex;gap:8px;justify-content:space-between;min-width:0;width:100%}.shift-details .shift-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-details .shift-time{align-items:center;color:#555;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:400;line-height:1;margin-left:8px;margin-right:0}.shift-details .shift-time:after{border:solid #000;border-width:0 2px 2px 0;content:"";display:inline-block;margin-left:11px;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.dropdown-icon{color:#000;font-size:12px}.chevron-down{border-width:0 1.5px 1.5px 0;padding:2px}.shift-dropdown-options{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;overflow:hidden;position:absolute;text-align:left;top:100%;width:100%;z-index:10}.shift-option{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:12px 15px;text-align:left}.shift-option:hover{background-color:#f5f5f5}.shift-option .shift-name{display:inline-block;min-width:140px;text-align:left}.shift-option .shift-time{color:#888;font-size:14px;font-weight:400;text-align:left}.total-cost-summary{background-color:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;color:#2e7d32;font-weight:700;margin-bottom:15px;padding:12px 15px}.add-more-items-btn{align-items:center;background-color:#fff;border:2px dashed #000;border-radius:12px;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:20px;padding:15px;width:100%}.notes-section textarea{background-color:#fff;border:1px solid #9e9e9e;border-radius:12px;min-height:100px;padding:10px;resize:vertical;width:100%}.form-actions{margin-top:20px;padding:0}.submit-btn{background-color:#000;border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:700;padding:15px;transition:background-color .2s ease}.submit-btn:hover{background-color:#000!important}.usage-item-card{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:row;gap:20px;margin-bottom:15px;padding:16px;text-align:left}.item-img{border-radius:8px;flex-shrink:0;height:90px;object-fit:cover;width:90px}.item-details{position:relative}.remove-btn{background:none;border:none;color:#888;cursor:pointer;font-size:22px;left:24.9rem;line-height:1;padding:0;position:absolute;top:0}.item-controls{align-items:flex-end;gap:20px}.unit-control{display:flex;flex-direction:column;gap:6px}.item-name{font-size:19px!important;left:50%;line-height:1.2;margin:0 0 8px;max-width:170px;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:-5px;transform:translateX(-50%);white-space:nowrap;width:auto}.quantity-control{align-items:center;display:flex;flex-direction:column;padding-top:28px;position:relative}.quantity-control label,.unit-control label{color:#555;font-size:12px;font-weight:500;margin:0}.unit-display{align-self:flex-end;color:#666;font-size:14px;padding-bottom:10px}.unit-selector{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:space-between;min-width:90px;padding:0 12px}.unit-selector span:first-child{margin-right:8px}.unit-selector span:last-child{color:#555;font-size:12px}.selector{gap:16px}.selector,.selector button{align-items:center;display:flex}.selector button{background-color:#f7f8fa;border:1px solid #e8e8e8;border-radius:12px;color:#000;cursor:pointer;font-size:24px;font-weight:400;height:44px;justify-content:center;transition:background-color .2s,box-shadow .2s;width:44px}.selector button:hover{background-color:#f0f0f0;border-color:#ddd}.selector input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background-color:initial;border:none;color:#000;font-size:20px;font-weight:600;text-align:center;width:50px}.selector input:focus{outline:none}.selector input::-webkit-inner-spin-button,.selector input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.produce-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.produce-modal{background:#fff;border-radius:14px;box-shadow:0 10px 30px #0000001f;display:flex;flex-direction:column;max-width:520px;padding:22px 22px 28px;position:relative;width:92%}.produce-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.produce-modal-header h2{color:#111;font-size:20px;font-weight:700;margin:0}.produce-modal-header-actions{align-items:center;display:flex;gap:12px}.produce-confirm-btn{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s,transform .1s}.produce-confirm-btn:hover{background:#333;transform:translateY(-1px)}.produce-confirm-btn:active{transform:translateY(0)}.produce-modal-close{background:none;border:none;border-radius:8px;cursor:pointer;font-size:26px;line-height:1;padding:4px 8px}.produce-modal-close:hover{background:#f2f2f2}.produce-modal-search{margin-bottom:18px;position:relative}.produce-dishes-grid{grid-gap:16px;-ms-overflow-style:none;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);max-height:60vh;overflow-y:auto;padding:2px;scrollbar-width:none}.produce-dishes-grid::-webkit-scrollbar{display:none}.produce-empty-state{color:#666;font-size:15px;grid-column:1/-1;padding:34px 10px;text-align:center}.produce-dish-card{background:#fff;border:1px solid #e3e3e3;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;justify-self:stretch;padding:10px 10px 12px;position:relative;text-align:center;transition:box-shadow .2s,transform .2s,border-color .2s;width:100%}.produce-dish-card:hover{box-shadow:0 4px 10px #0000001f;transform:translateY(-2px)}.produce-dish-card.selected{background:#f9f9f9;border-color:#000;border-width:2px}.produce-dish-card.already-added{cursor:not-allowed;opacity:.5}.produce-dish-card.already-added:hover{box-shadow:none;transform:none}.selection-checkmark{align-items:center;background:#000;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.already-added-badge,.selection-checkmark{color:#fff;position:absolute;right:8px;top:8px;z-index:1}.already-added-badge{background:#4caf50;border-radius:4px;font-size:11px;font-weight:600;padding:4px 8px}.produce-dish-card img{background:#f8f8f8;border-radius:6px;flex-shrink:0;height:82px;margin-bottom:8px;object-fit:cover;width:100%}.produce-dish-name{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#222;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.25;margin:2px 0 4px;min-height:34px;overflow:hidden}.produce-dish-price{color:#444;font-size:13px;font-weight:500;margin:0}@media (max-width:600px){.produce-modal{margin:0;max-width:100vw;padding:18px 16px 26px;width:100vw}.produce-dishes-grid{gap:14px;grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.produce-dishes-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.produce-dish-card img{height:90px}.produce-modal{padding:16px 14px 24px}}.item-details{flex-grow:1}.item-controls{align-items:center;display:flex;gap:12px}.usage-success-modal-box{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:350px;padding:25px;text-align:center;width:90%}.usage-checkmark{display:inline-block;font-size:48px}.usage-checkmark.green{animation:bounce .5s ease;color:#28a745}.usage-ok-btn{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background-color .3s ease}.usage-ok-btn:hover{background:#333}.usage-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.usage-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:24px;position:relative}.usage-confirm-modal{max-height:80vh;max-width:480px;overflow-y:auto;width:95%}.usage-confirm-modal h3{color:#212529;font-size:18px;font-weight:700;margin:0 0 16px;text-align:center}.usage-item-breakdown-list{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;margin-bottom:16px;max-height:180px;overflow-y:auto;padding:16px;width:100%}.usage-item-row{align-items:center;border-bottom:1px solid #dee2e6;display:flex;font-size:15px;justify-content:space-between;margin-bottom:10px;min-height:24px;padding:8px 0}.usage-item-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:8px}.usage-item-row span:first-child{word-wrap:break-word;color:#212529;flex:1 1;font-weight:500;text-align:left}.usage-item-row span:last-child{color:#212529;flex-shrink:0;font-weight:600;margin-left:16px;text-align:right}.usage-confirm-details{display:flex;flex-direction:column;font-size:14px;gap:8px;margin-bottom:20px;text-align:left}.usage-confirm-details p{display:flex;justify-content:space-between;margin:0;padding-left:16px;padding-right:20px}.usage-confirm-details p span:first-child{color:#212529;font-weight:700}.usage-confirm-details p span:last-child{color:#212529;font-weight:400;margin-right:16px}.usage-estimated-cost-box{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;margin:8px 0;padding:8px}.usage-estimated-cost-box p{margin:0;padding:0 8px}.usage-estimated-cost-box span:last-child{color:#155724;font-size:16px;font-weight:700;margin-right:6px}.usage-confirm-actions{display:flex;gap:16px;justify-content:center;margin-top:20px}.usage-cancel-btn,.usage-confirm-btn-final{border:1px solid;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;height:44px;line-height:1.2;margin:0;max-width:150px;min-width:150px;padding:12px 16px;text-align:center;transition:all .3s ease;width:150px}.usage-cancel-btn{background-color:#fff;border-color:#ccc;box-shadow:0 2px 4px #0000001a;color:#000}.usage-cancel-btn:hover{background-color:#f8f9fa;border-color:#adb5bd;box-shadow:0 4px 8px #0003}.usage-confirm-btn-final{background-color:#212529;border-color:#212529;box-shadow:0 2px 4px #0003;color:#fff}.usage-confirm-btn-final:hover{background-color:#000;border-color:#000;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.usage-cancel-btn:disabled,.usage-confirm-btn-final:disabled{cursor:not-allowed;opacity:.6;transform:none}.usage-cancel-btn:disabled:hover,.usage-confirm-btn-final:disabled:hover{box-shadow:0 2px 4px #0000001a;transform:none}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media screen and (max-width:768px){.usage-page-container{padding-top:1rem}.items-section,.notes-section,.usage-form{margin-bottom:25px}.form-group{margin-bottom:15px}.date-input,.shift-select{border-radius:12px;padding:12px 15px}.shift-select{padding-right:15px}.input-icon{font-size:24px;margin-right:12px}.input-text-wrapper label{font-size:12px}.input-text-wrapper span{font-size:16px}.shift-details .shift-time{font-size:14px}.shift-dropdown-options{border-radius:12px;margin-top:4px}.shift-option{font-size:16px;padding:12px 15px}.shift-option .shift-time{font-size:14px}.item-details{gap:8px}.item-controls{gap:12px}.selector button{border-radius:12px;font-size:24px;height:44px;width:44px}.selector input{font-size:20px;width:50px}.unit-selector{border-radius:6px;height:36px;min-width:90px;padding:0 12px}.add-more-items-btn{border-radius:12px;font-size:16px;gap:8px;margin-top:20px;padding:15px}.notes-section textarea{border-radius:12px;min-height:100px;padding:10px}.submit-btn{border-radius:12px;font-size:16px;padding:15px}.total-cost-summary{border-radius:8px;margin-bottom:15px;padding:12px 15px}.usage-modal-content{border-radius:12px;max-width:500px;padding:20px;width:90%}.usage-modal-header,.usage-search-bar{margin-bottom:20px}.usage-success-modal-box{border-radius:12px;max-width:350px;padding:25px;width:90%}.usage-checkmark{font-size:48px;margin-bottom:15px}.usage-ok-btn{border-radius:6px;font-size:14px;margin-top:20px;padding:10px 24px}.usage-confirm-modal{max-height:80vh;max-width:480px;width:95%}.usage-confirm-modal h3{font-size:18px;margin:0 0 16px}.usage-item-breakdown-list{border-radius:8px;margin-bottom:16px;max-height:180px;padding:16px}.usage-item-row{font-size:15px;margin-bottom:10px;padding:8px 0}.usage-confirm-details{font-size:14px;gap:8px;margin-bottom:20px}.usage-confirm-details p{padding-left:16px;padding-right:20px}.usage-estimated-cost-box{border-radius:6px;margin:8px 0;padding:8px}.usage-estimated-cost-box span:last-child{font-size:16px}.usage-confirm-actions{gap:16px;margin-top:20px}.usage-cancel-btn,.usage-confirm-btn-final{border-radius:8px;font-size:14px;height:44px;max-width:150px;min-width:150px;padding:12px 16px;width:150px}}@media screen and (max-width:600px){.usage-modal-content{border-radius:0;box-sizing:border-box;margin:0;max-width:100vw;padding:16px 14px 24px;width:100vw}}@media screen and (max-width:480px){.usage-page-container{padding-top:.75rem}.items-section,.notes-section,.usage-form{margin-bottom:20px}.form-group{margin-bottom:12px}.date-input,.shift-select{border-radius:10px;padding:10px 12px}.shift-select{padding-right:12px}.input-icon{font-size:22px;margin-right:10px}.input-text-wrapper span{font-size:15px}.shift-details .shift-time{font-size:13px}.shift-option{font-size:15px;padding:10px 12px}.shift-option .shift-time{font-size:13px}.usage-item-card{border-radius:10px;gap:16px;margin-bottom:12px;padding:14px}.item-img{border-radius:6px;height:80px;width:80px}.item-name{font-size:19px!important}.remove-btn{font-size:20px}.item-details{gap:6px}.item-controls{gap:10px}.selector button{border-radius:10px;font-size:22px;height:40px;width:40px}.selector input{font-size:18px;width:45px}.unit-selector{height:34px;min-width:85px;padding:0 10px}.quantity-control label,.unit-control label{font-size:11px}.add-more-items-btn{border-radius:10px;font-size:15px;gap:6px;margin-top:16px;padding:12px}.notes-section textarea{border-radius:10px;min-height:90px;padding:8px}.items-section h3,.notes-section h3{font-size:17px;margin-bottom:12px}.submit-btn{border-radius:10px;font-size:15px;padding:12px}.total-cost-summary{border-radius:6px;margin-bottom:12px;padding:10px 12px}.usage-modal-content{border-radius:10px;padding:16px;width:95%}.usage-dishes-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.usage-modal-content{border-radius:0;max-width:100vw;padding:14px 12px 20px;width:100vw}.usage-success-modal-box{border-radius:10px;max-width:320px;padding:20px}.usage-checkmark{font-size:42px;margin-bottom:12px}.usage-ok-btn{font-size:13px;margin-top:16px;padding:8px 20px}.usage-confirm-modal{max-width:420px;width:95%}.usage-confirm-modal h3{font-size:17px;margin:0 0 14px}.usage-item-breakdown-list{border-radius:6px;margin-bottom:14px;max-height:160px;padding:12px}.usage-item-row{font-size:14px;margin-bottom:8px;padding:6px 0}.usage-confirm-details{font-size:13px;gap:6px;margin-bottom:16px}.usage-confirm-details p{padding-left:12px;padding-right:16px}.usage-estimated-cost-box{margin:6px 0;padding:6px}.usage-estimated-cost-box span:last-child{font-size:15px}.usage-confirm-actions{gap:12px;margin-top:16px}.usage-cancel-btn,.usage-confirm-btn-final{border-radius:6px;font-size:13px;height:40px;max-width:130px;min-width:130px;padding:10px 14px;width:130px}}.produce-modal-overlay,.usage-modal-overlay{animation:fadeIn .25s ease-out}.produce-modal,.usage-confirm-modal,.usage-modal-content,.usage-success-modal-box{animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.usage-checkmark{animation:checkmarkBounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes checkmarkBounce{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.usage-item-card{animation:cardSlideIn .3s ease-out;transition:all .25s cubic-bezier(.4,0,.2,1)}@keyframes cardSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.usage-item-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.remove-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.remove-btn:hover{color:#dc2626;transform:scale(1.1)}.remove-btn:active{transform:scale(.9)}.selector button{transition:all .2s cubic-bezier(.4,0,.2,1)}.selector button:hover{background-color:#f3f4f6;transform:scale(1.1)}.selector button:active{transform:scale(.95)}.unit-selector{transition:all .2s cubic-bezier(.4,0,.2,1)}.unit-selector:hover{border-color:#9ca3af}.unit-selector:focus{transform:translateY(-1px)}.date-input,.shift-select{transition:all .2s cubic-bezier(.4,0,.2,1)}.date-input:hover,.shift-select:hover{background-color:#f9fafb}.date-input:focus,.shift-select:focus{transform:translateY(-1px)}.shift-dropdown{animation:dropdownSlideIn .2s ease-out}.shift-option{transition:all .15s cubic-bezier(.4,0,.2,1)}.shift-option:hover{transform:translateX(4px)}.shift-option:active{transform:translateX(4px) scale(.98)}.add-more-items-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.add-more-items-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.add-more-items-btn:active{transform:translateY(0) scale(.97)}.submit-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.submit-btn:hover{box-shadow:0 6px 16px #22c55e4d;transform:translateY(-2px)}.submit-btn:active{transform:translateY(0) scale(.97)}.usage-cancel-btn,.usage-confirm-btn-final,.usage-ok-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.usage-cancel-btn:hover,.usage-confirm-btn-final:hover,.usage-ok-btn:hover{transform:translateY(-2px)}.usage-cancel-btn:active,.usage-confirm-btn-final:active,.usage-ok-btn:active{transform:translateY(0) scale(.97)}.usage-dish-card{transition:all .25s cubic-bezier(.4,0,.2,1)}.usage-dish-card:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-4px)}.usage-dish-card:active{transform:translateY(-2px) scale(.98)}.produce-modal-search input{transition:all .2s cubic-bezier(.4,0,.2,1)}.produce-modal-search input:focus{transform:translateY(-1px)}.produce-modal-close{transition:none}.produce-modal-close:active,.produce-modal-close:hover{transform:none}.usage-item-breakdown-list{animation:fadeIn .3s ease-out}.usage-item-row{animation:slideInFromLeft .3s ease-out;transition:all .2s cubic-bezier(.4,0,.2,1)}.usage-item-row:hover{background-color:#f9fafb;transform:translateX(4px)}.usage-estimated-cost-box{animation:costBoxPulse .4s ease-out}@keyframes costBoxPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.total-cost-summary{animation:slideUp .3s cubic-bezier(.16,1,.3,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.total-cost-summary:hover{box-shadow:0 4px 12px #0000001a}.notes-section textarea{transition:all .2s cubic-bezier(.4,0,.2,1)}.notes-section textarea:focus{transform:translateY(-1px)}.input-icon{transition:all .2s cubic-bezier(.4,0,.2,1)}.date-input:hover .input-icon,.shift-select:hover .input-icon{transform:scale(1.1)}.item-img{transition:all .3s cubic-bezier(.4,0,.2,1)}.usage-item-card:hover .item-img{transform:scale(1.05)}.usage-dishes-grid{animation:fadeIn .3s ease-out}.usage-dish-card:first-child{animation:cardFadeIn .3s ease-out .05s both}.usage-dish-card:nth-child(2){animation:cardFadeIn .3s ease-out .1s both}.usage-dish-card:nth-child(3){animation:cardFadeIn .3s ease-out .15s both}.usage-dish-card:nth-child(4){animation:cardFadeIn .3s ease-out .2s both}@media (max-width:768px){.usage-dish-card,.usage-item-card,.usage-modal-content{animation-duration:.2s;transition-duration:.15s}}@media (prefers-reduced-motion:reduce){.selector button,.submit-btn,.usage-checkmark,.usage-dish-card,.usage-item-card,.usage-modal-content{animation:none!important;transition:none!important}.usage-dish-card:hover,.usage-item-card:hover{transform:none!important}}:root{--card-shadow:0 2px 8px #00000026;--card-shadow-hover:0 4px 12px #00000026;--card-border-radius:0.5rem;--card-padding:1rem;--card-transition:transform 0.2s ease,box-shadow 0.2s ease}.standard-card{background:#fff;background:var(--card-bg);border-radius:.5rem!important;border-radius:var(--card-border-radius)!important;box-shadow:0 2px 8px #00000026;box-shadow:var(--card-shadow);box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:1rem;padding:var(--card-padding);position:relative;transition:transform .2s ease,box-shadow .2s ease;transition:var(--card-transition)}.standard-card--hover:hover{box-shadow:0 4px 12px #00000026;box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.standard-card.clickable,.standard-card[onclick]{cursor:pointer}.standard-card--default{justify-content:space-between}.standard-card--action{align-items:center;cursor:pointer;justify-content:center;text-align:center}.standard-action-card__icon{margin-bottom:.5rem}.standard-action-card__icon>svg{height:2rem;width:2rem}.standard-action-card__title{color:#374151;color:var(--text-secondary);font-size:.79rem;font-weight:600;margin:0}.standard-card--info{justify-content:space-between}.standard-info-card__subtitle{color:#6b7280;color:var(--text-muted);font-size:.75rem;margin:0 0 .25rem}.standard-info-card__value{color:#1f2937;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:.25rem 0}.standard-info-card__trend{align-items:center;display:flex;font-size:.75rem;font-weight:600;margin-top:.25rem}.standard-info-card__title{color:#1f2937;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.standard-card--data{padding:0}.standard-data-card__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:0;padding:1rem;padding:var(--card-padding)}.standard-data-card__title{color:#1f2937;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.standard-data-card__actions{display:flex;gap:.5rem}.standard-data-card__content{flex:1 1;padding:1rem;padding:var(--card-padding)}.action-card,.analytics-card,.card,.consumption-card,.cr-low-stock-card,.cr-order-item-card,.cr-summary-card,.cr-vendor-card,.date-selector-card,.dish-card,.insights-card,.item-card,.item-sales-card,.notification-item-card,.performance-summary-card,.raw-material-stock-card,.stock-item-card,.usage-item-card,.vm-kpi-card,.vm-vendor-card,.wastage-card{background:#fff!important;background:var(--card-bg)!important;border-radius:.5rem!important;border-radius:var(--card-border-radius)!important;box-shadow:0 2px 8px #00000026!important;box-shadow:var(--card-shadow)!important;box-sizing:border-box!important;transition:transform .2s ease,box-shadow .2s ease!important;transition:var(--card-transition)!important}.action-card:hover,.cr-order-item-card:hover,.cr-vendor-card:hover,.dish-card:hover,.item-card:hover,.notification-item-card:hover,.vm-vendor-card:hover{box-shadow:0 4px 12px #00000026!important;box-shadow:var(--card-shadow-hover)!important;transform:translateY(-2px)!important}.action-card,.cr-order-item-card,.cr-vendor-card,.dish-card[onclick],.item-card[onclick],.notification-item-card,.vm-vendor-card{cursor:pointer!important}@media (max-width:768px){.standard-card{padding:.875rem .5rem}.standard-data-card__content,.standard-data-card__header{padding:.875rem}}.standard-card--no-hover{transform:none!important}.standard-card--no-hover:hover{box-shadow:0 2px 8px #00000026!important;box-shadow:var(--card-shadow)!important;transform:none!important}.standard-card--elevated{box-shadow:0 4px 16px #0000001a!important}.standard-card--flat{border:1px solid #e5e7eb!important;box-shadow:none!important}.inventory-header,.itemmap-header{position:relative}.standard-back-btn{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #0000000f;color:#111;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 10px;transition:box-shadow .2s ease,transform .1s ease,background-color .2s ease}.standard-back-btn:hover{background-color:#fafafa;box-shadow:0 4px 12px #0000001f}.standard-back-btn:active{transform:translateY(.5px)}.standard-back-btn:focus{box-shadow:0 0 0 3px #1118271f;outline:none}.header-abs-back{left:10px;position:absolute;z-index:1}.counter-container{display:inline-block;position:relative}@media screen and (max-width:768px){.counter-container{transform:scale(.9)}.counter-digit,.counter-number{font-size:.9em!important}}@media screen and (max-width:480px){.counter-container{transform:scale(.8)}.counter-digit,.counter-number{font-size:.8em!important}}.counter-counter{display:flex;line-height:1;overflow:hidden}.counter-digit{font-feature-settings:"tnum";align-items:center!important;color:#111!important;display:inline-flex!important;font-size:1.15em!important;font-variant-numeric:tabular-nums;font-weight:700!important;justify-content:center!important;position:relative;vertical-align:middle!important;width:1ch}.counter-number{align-items:center;color:#111!important;display:flex;font-size:1.15em!important;font-weight:700!important;justify-content:center;line-height:1!important;vertical-align:middle!important}.counter-number,.gradient-container{bottom:0;left:0;position:absolute;right:0;top:0}.gradient-container{pointer-events:none}.bottom-gradient{bottom:0;position:absolute;width:100%}:root{--xyz-danger:#e53935;--xyz-warning:#f59e0b;--xyz-primary:#6366f1;--xyz-gray-50:#f9fafb;--xyz-gray-100:#e9ecef;--xyz-gray-200:#e5e7eb;--xyz-gray-300:#d1d5db;--xyz-gray-400:#9ca3af;--xyz-gray-500:#6b7280;--xyz-gray-600:#4b5563;--xyz-gray-700:#374151;--xyz-gray-800:#1f2937;--xyz-gray-900:#111827;--xyz-shadow-sm:0 1px 2px 0 #0000000d;--xyz-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--xyz-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--xyz-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--xyz-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--xyz-radius-sm:6px;--xyz-radius:10px;--xyz-radius-lg:16px;--xyz-radius-xl:20px;--xyz-transition:all 0.2s ease}*{box-sizing:border-box}.xyz-container{background:#fff;color:#111827;color:var(--xyz-gray-900);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:640px;min-height:100vh;padding:20px 16px 80px;width:100%}.xyz-intro-screen{align-items:center;animation:xyz-fade-in .3s ease;background:linear-gradient(135deg,#3b82f6,#3b82f6);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.xyz-intro-content{color:#fff;padding:40px;text-align:center}.xyz-intro-icon{animation:xyz-pulse 2s ease-in-out infinite;font-size:64px;margin-bottom:20px}.xyz-intro-content h2{font-size:28px;font-weight:700;margin:0 0 8px}.xyz-intro-content p{font-size:16px;margin:0 0 24px;opacity:.9}.xyz-spinner{animation:xyz-spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto;width:40px}.xyz-header{gap:12px;margin-bottom:32px}.xyz-back-btn,.xyz-header{align-items:center;display:flex}.xyz-back-btn{background:none;border:none;border-radius:6px;border-radius:var(--xyz-radius-sm);color:#374151;color:var(--xyz-gray-700);cursor:pointer;font-size:20px;justify-content:center;padding:8px;transition:all .2s ease;transition:var(--xyz-transition)}.xyz-back-btn:hover{background:#e9ecef;background:var(--xyz-gray-100);color:#111827;color:var(--xyz-gray-900)}.xyz-back-btn:active{transform:scale(.95)}.xyz-header-content h1{color:#111827;color:var(--xyz-gray-900);font-size:24px;font-weight:700;margin:0}.xyz-header-content p{color:#6b7280;color:var(--xyz-gray-500);font-size:14px;margin:2px 0 0}.xyz-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--xyz-gray-200);display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;scrollbar-width:none}.xyz-tabs::-webkit-scrollbar{display:none}.xyz-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--xyz-gray-500);cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-width:100px;padding:12px 16px;position:relative;transition:all .2s ease;transition:var(--xyz-transition);white-space:nowrap}.xyz-tab:hover{color:#374151;color:var(--xyz-gray-700)}.xyz-tab-active{border-bottom-color:#111827;border-bottom-color:var(--xyz-gray-900);color:#111827;color:var(--xyz-gray-900)}.xyz-search-container{align-items:center;background:#fff;border-radius:10px;border-radius:var(--xyz-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--xyz-shadow-md);display:flex;gap:12px;margin-bottom:24px;padding:14px 18px;transition:all .2s ease;transition:var(--xyz-transition)}.xyz-search-container:focus-within{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--xyz-shadow-lg);transform:translateY(-1px)}.xyz-search-icon{color:#9ca3af;color:var(--xyz-gray-400);flex-shrink:0;font-size:18px}.xyz-search-input{background:#0000;border:none;color:#111827;color:var(--xyz-gray-900);flex:1 1;font-family:Roboto,sans-serif;font-size:16px;outline:none}.xyz-search-input::placeholder{color:#9ca3af;color:var(--xyz-gray-400)}.xyz-search-clear{align-items:center;background:#e9ecef;background:var(--xyz-gray-100);border:none;border-radius:50%;color:#6b7280;color:var(--xyz-gray-500);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s ease;transition:var(--xyz-transition)}.xyz-search-clear:hover{background:#e5e7eb;background:var(--xyz-gray-200);color:#374151;color:var(--xyz-gray-700)}.xyz-search-clear:active{transform:scale(.9)}.xyz-highlight{background:#673ab726;border-radius:2px;color:#3b82f6;font-weight:600;padding:0 2px}.xyz-items-list{gap:12px}.xyz-item-card,.xyz-items-list{display:flex;flex-direction:column}.xyz-item-card{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #00000026;cursor:default;gap:8px;padding:20px 18px;transition:all .2s ease;transition:var(--xyz-transition)}.xyz-item-clickable{cursor:pointer}.xyz-item-clickable:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.xyz-item-clickable:active{transform:translateY(-1px)}.xyz-item-info{gap:12px;justify-content:space-between;width:100%}.xyz-item-info,.xyz-item-name{align-items:center;display:flex}.xyz-item-name{word-wrap:break-word;color:#111827;color:var(--xyz-gray-900);flex:1 1;font-size:18px;font-weight:600;line-height:1.3;margin:0;min-width:0;overflow-wrap:break-word;text-align:left;text-transform:capitalize}.xyz-item-meta{flex-direction:row;gap:6px;justify-content:flex-end}.xyz-item-meta,.xyz-item-qty{align-items:center;display:flex}.xyz-item-qty{color:#374151;color:var(--xyz-gray-700);flex-shrink:0;font-size:16px;font-weight:500;text-transform:uppercase;white-space:nowrap}.xyz-badge{border-radius:6px;border-radius:var(--xyz-radius-sm);font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.xyz-badge-high{background:#e539351a;color:#e53935;color:var(--xyz-danger)}.xyz-badge-basic{background:#e9ecef;background:var(--xyz-gray-100);color:#4b5563;color:var(--xyz-gray-600)}.xyz-manage-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:600;padding:4px 0;text-decoration:underline;transition:all .2s ease;transition:var(--xyz-transition)}.xyz-manage-link:hover{color:#3b82f6}.xyz-empty-state{background:#f9fafb;background:var(--xyz-gray-50);border-radius:16px;border-radius:var(--xyz-radius-lg);margin-top:20px;padding:60px 20px;text-align:center}.xyz-empty-icon{font-size:48px;margin-bottom:16px}.xyz-empty-state h3{color:#374151;color:var(--xyz-gray-700);font-size:18px;font-weight:600;margin:0 0 8px}.xyz-empty-state p{color:#6b7280;color:var(--xyz-gray-500);font-size:14px;margin:0}.xyz-error-screen{background:#fff3cd;border:1px solid #ffeaa7;border-radius:16px;border-radius:var(--xyz-radius-lg);margin-top:40px;padding:60px 20px;text-align:center}.xyz-error-screen h3{color:#856404;font-size:20px;margin:0 0 12px}.xyz-error-screen p{color:#856404;font-size:14px;margin:0 0 24px}.xyz-modal-overlay{align-items:center;animation:xyz-fade-in .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.xyz-modal-content{animation:xyz-scale-up .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:1rem;box-shadow:0 10px 40px #00000026;max-width:420px;padding:32px 28px 28px;width:100%}.xyz-modal-content h3{color:#111827;color:var(--xyz-gray-900);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 12px;text-align:center}.xyz-modal-content p{color:#4b5563;color:var(--xyz-gray-600);font-size:15px;line-height:1.5;margin:0 0 28px;text-align:center}.xyz-modal-actions{display:flex;gap:12px;justify-content:center;width:100%}.xyz-btn{border:none;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;flex:1 1;font-family:Roboto,sans-serif;font-size:15px;font-weight:600;padding:16px 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.xyz-btn-primary{background:#000;border-radius:.5rem;box-shadow:0 4px 12px #6366f14d;color:#fff}.xyz-btn-primary:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.xyz-btn-primary:active{transform:scale(.97)}.xyz-btn-secondary{background:#e9ecef;background:var(--xyz-gray-100);border:1px solid #e5e7eb;border:1px solid var(--xyz-gray-200);border-radius:.5rem;color:#000}.xyz-btn-secondary:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.xyz-btn-secondary:active{transform:scale(.97)}.xyz-details-header{align-items:center;display:flex;gap:12px;margin-bottom:24px}.xyz-details-header h2{color:#111827;color:var(--xyz-gray-900);flex:1 1;font-size:20px;font-weight:700;margin:0}.xyz-details-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--xyz-gray-200);border-radius:16px;border-radius:var(--xyz-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--xyz-shadow-sm);margin-bottom:20px;padding:20px}.xyz-details-title{color:#111827;color:var(--xyz-gray-900);font-size:20px;font-weight:700;margin:0 0 8px;text-transform:capitalize}.xyz-details-qty{font-size:18px;font-weight:500;text-transform:uppercase}.xyz-details-qty,.xyz-details-subtitle{color:#4b5563;color:var(--xyz-gray-600)}.xyz-details-subtitle{font-size:14px;margin:0 0 16px}.xyz-details-subtitle strong{color:#111827;color:var(--xyz-gray-900);font-weight:600}.xyz-details-subtitle span{color:#6b7280;color:var(--xyz-gray-500)}.xyz-details-info{display:flex;flex-direction:column;gap:12px}.xyz-info-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.xyz-info-row span{color:#4b5563;color:var(--xyz-gray-600)}.xyz-info-row strong{color:#111827;color:var(--xyz-gray-900);font-weight:600}.xyz-expiry{color:#e53935!important;color:var(--xyz-danger)!important;font-weight:700!important}.xyz-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.xyz-metric-card{background:#fff;border-radius:10px;border-radius:var(--xyz-radius);box-shadow:0 2px 8px #00000026;padding:18px;transition:all .2s ease;transition:var(--xyz-transition)}.xyz-metric-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.xyz-metric-card h4{color:#374151;color:var(--xyz-gray-700);font-size:14px;font-weight:600;margin:0 0 12px;text-align:left}.xyz-metric-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.xyz-metric-header h4{margin:0;text-align:left}.xyz-status-badge{border-radius:6px;border-radius:var(--xyz-radius-sm);font-size:11px;font-weight:700;padding:3px 8px;text-transform:uppercase}.xyz-status-critical{background:#ef44441a;color:#e53935;color:var(--xyz-danger)}.xyz-status-low{background:#f59e0b1a;color:#f59e0b;color:var(--xyz-warning)}.xyz-metric-value{color:#111827;color:var(--xyz-gray-900);font-size:24px;font-weight:700;margin:0 0 4px;text-transform:uppercase}.xyz-metric-label{color:#6b7280;color:var(--xyz-gray-500);font-size:12px;margin:0}.xyz-metric-sublabel{color:#4b5563;color:var(--xyz-gray-600);font-size:13px;margin:8px 0 0;text-align:center}.xyz-usage-circle{display:flex;justify-content:center;margin:12px 0}.xyz-circular-chart{height:72px;width:72px}.xyz-usage-row{align-items:center;display:flex;gap:12px}.xyz-usage-row .xyz-usage-circle{margin:0}.xyz-usage-stats{align-items:flex-start;display:flex;flex-direction:column}.xyz-usage-sublabel{color:#4b5563;color:var(--xyz-gray-600);font-size:13px;line-height:1.4;word-break:break-word}.xyz-unit-text{text-transform:uppercase}.xyz-usage-value{color:#6b7280;color:var(--xyz-gray-500);font-size:12px}@keyframes xyz-fade-in{0%{opacity:0}to{opacity:1}}@keyframes xyz-scale-up{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes xyz-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes xyz-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width:768px){.xyz-container{padding:16px 14px 70px}.xyz-header-content h1{font-size:22px}.xyz-tab{font-size:15px;padding:10px 14px}.xyz-item-card{padding:16px 14px}.xyz-item-name{font-size:16px}.xyz-item-qty{font-size:15px}.xyz-details-grid{gap:12px}.xyz-metric-card{padding:14px}.xyz-metric-value{font-size:22px}}@media (max-width:480px){.xyz-container{padding:12px 12px 60px}.xyz-header{margin-bottom:24px}.xyz-header-content h1{font-size:20px}.xyz-header-content p{font-size:13px}.xyz-tabs{margin-bottom:20px}.xyz-tab{font-size:14px;min-width:90px;padding:10px 12px}.xyz-search-container{margin-bottom:20px;padding:12px 14px}.xyz-search-input{font-size:15px}.xyz-item-card{padding:14px 12px}.xyz-item-info{margin-right:12px}.xyz-item-name{font-size:15px}.xyz-item-qty{font-size:14px}.xyz-badge{font-size:11px;padding:3px 8px}.xyz-manage-link{font-size:12px}.xyz-details-card{padding:16px}.xyz-details-title{font-size:18px}.xyz-details-qty{font-size:16px}.xyz-details-subtitle,.xyz-info-row{font-size:13px}.xyz-details-grid{gap:10px}.xyz-metric-card{padding:12px}.xyz-metric-card h4{font-size:13px}.xyz-metric-value{font-size:20px}.xyz-metric-label{font-size:11px}.xyz-usage-row{gap:8px}.xyz-usage-stats{flex:1 1;min-width:0}.xyz-usage-sublabel{font-size:11px;line-height:1.3}.xyz-usage-value{font-size:11px}.xyz-circular-chart{height:64px;width:64px}.xyz-modal-content{padding:28px 24px 24px}.xyz-modal-content h3{font-size:22px}.xyz-modal-content p{font-size:14px;margin-bottom:24px}.xyz-modal-actions{flex-direction:row;gap:12px}.xyz-btn{flex:1 1;padding:14px 20px}}@media (max-width:360px){.xyz-header-content h1{font-size:18px}.xyz-tab{font-size:13px;min-width:80px;padding:8px 10px}.xyz-item-name{font-size:14px}.xyz-item-qty{font-size:13px}.xyz-details-title{font-size:16px}.xyz-metric-value{font-size:18px}}@media print{.xyz-back-btn,.xyz-manage-link,.xyz-modal-overlay,.xyz-search-container{display:none!important}.xyz-container{max-width:100%;padding:0}.xyz-details-card,.xyz-item-card,.xyz-metric-card{border:1px solid #d1d5db;border:1px solid var(--xyz-gray-300);box-shadow:none}}:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.xyz-details-card,.xyz-item-card,.xyz-metric-card{border:2px solid #111827;border:2px solid var(--xyz-gray-900)}.xyz-badge{border:1px solid}}.xyz-threshold-section{margin:20px 0}.xyz-threshold-title{color:#111827;color:var(--xyz-gray-900);font-size:18px;font-weight:600;margin:0 0 16px;padding:0 4px}.xyz-threshold-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.xyz-threshold-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.xyz-threshold-grid{grid-template-columns:1fr}}.xyz-threshold-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--xyz-gray-200);border-radius:10px;border-radius:var(--xyz-radius);box-shadow:0 2px 8px #00000026;padding:20px;transition:all .2s ease;transition:var(--xyz-transition)}.xyz-threshold-card:hover{border-color:#d1d5db;border-color:var(--xyz-gray-300);box-shadow:0 4px 12px #00000026}.xyz-threshold-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.xyz-threshold-header h4{color:#1f2937;color:var(--xyz-gray-800);font-size:16px;font-weight:600;margin:0}.xyz-edit-btn{align-items:center;background:#fff;border:none;border-radius:6px;border-radius:var(--xyz-radius-sm);color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:0;justify-content:center;min-height:32px;min-width:32px;padding:8px;transition:all .2s ease;transition:var(--xyz-transition)}.xyz-edit-btn:active:not(:disabled){transform:translateY(0)}.xyz-edit-btn:disabled{cursor:not-allowed;opacity:.5}.xyz-edit-btn svg{height:16px;width:16px}.xyz-threshold-display{text-align:left}.xyz-threshold-value{color:#000;font-size:28px;font-weight:700;line-height:1;margin-bottom:8px;text-transform:uppercase}.xyz-threshold-description{color:#4b5563;color:var(--xyz-gray-600);font-size:14px;line-height:1.4}.xyz-threshold-edit{display:flex;flex-direction:column;gap:12px}.xyz-input-group{align-items:center;display:flex;position:relative}.xyz-threshold-input{border:2px solid #d1d5db!important;border:2px solid var(--xyz-gray-300)!important;border-radius:6px;border-radius:var(--xyz-radius-sm);flex:1 1;font-family:Roboto,sans-serif;font-size:16px;outline:none;padding:12px 60px 12px 14px;transition:all .2s ease;transition:var(--xyz-transition)}.xyz-threshold-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #673ab71a}.xyz-threshold-input:disabled{background:#e9ecef;background:var(--xyz-gray-100);cursor:not-allowed}.xyz-input-unit{color:#6b7280;color:var(--xyz-gray-500);font-size:14px;font-weight:600;pointer-events:none;position:absolute;right:14px;text-transform:uppercase;top:50%;transform:translateY(-50%)}.xyz-modal-content .xyz-input-group input,.xyz-modal-content input[type=number],.xyz-modal-content input[type=text],.xyz-threshold-card .xyz-input-group input,.xyz-threshold-card input[type=number],.xyz-threshold-card input[type=text],.xyz-threshold-edit .xyz-input-group input{background:#fff;border:2px solid #d1d5db;border:2px solid var(--xyz-gray-300);border-radius:6px;border-radius:var(--xyz-radius-sm);color:#111827;color:var(--xyz-gray-900);font-family:Roboto,sans-serif;font-size:16px;outline:none;padding:12px 60px 12px 14px;transition:all .2s ease;transition:var(--xyz-transition);width:100%}.xyz-modal-content .xyz-input-group input:focus,.xyz-modal-content input[type=number]:focus,.xyz-modal-content input[type=text]:focus,.xyz-threshold-card .xyz-input-group input:focus,.xyz-threshold-card input[type=number]:focus,.xyz-threshold-card input[type=text]:focus,.xyz-threshold-edit .xyz-input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #6366f11f}.xyz-modal-content .xyz-input-group input:disabled,.xyz-modal-content input[type=number]:disabled,.xyz-modal-content input[type=text]:disabled,.xyz-threshold-card .xyz-input-group input:disabled,.xyz-threshold-card input[type=number]:disabled,.xyz-threshold-card input[type=text]:disabled,.xyz-threshold-edit .xyz-input-group input:disabled{background:#e9ecef;background:var(--xyz-gray-100);cursor:not-allowed}.xyz-threshold-actions{display:flex;gap:10px}.xyz-btn-cancel,.xyz-btn-save{border:none;border-radius:6px;border-radius:var(--xyz-radius-sm);cursor:pointer;flex:1 1;font-family:Roboto,sans-serif;font-size:15px;font-weight:600;padding:12px 16px;transition:all .2s ease;transition:var(--xyz-transition)}.xyz-btn-cancel{background:#e9ecef;background:var(--xyz-gray-100);border:1px solid #d1d5db;border:1px solid var(--xyz-gray-300);color:#374151;color:var(--xyz-gray-700)}.xyz-btn-cancel:hover:not(:disabled){background:#e5e7eb;background:var(--xyz-gray-200);border-color:#9ca3af;border-color:var(--xyz-gray-400)}.xyz-btn-save{background:#000;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--xyz-shadow-sm);color:#fff}.xyz-btn-save:active:not(:disabled){transform:translateY(0)}.xyz-btn-cancel:disabled,.xyz-btn-save:disabled{cursor:not-allowed;opacity:.5}@media (min-width:768px){.xyz-threshold-grid{grid-template-columns:repeat(2,1fr)}}:root{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--bg-color:#f3f4f6;--card-bg-color:#fff;--text-primary:#1f2937;--text-secondary:#374151;--text-muted:#6b7280;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-t:0 -1px 3px 0 #0000001a,0 -1px 2px -1px #0000001a;--color-blue:#3b82f6;--color-green:#22c55e;--color-orange:#ffedd5;--color-red:#ef4444;--color-yellow:#eab308;--color-purple:#a855f7;--color-teal:#14b8a6}body.dashboard-body{background-color:#f3f4f6;background-color:var(--bg-color);margin:0}.dashboard-container,body.dashboard-body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family)}.dashboard-container{background-color:#fff;background:#fff;margin:0 auto;max-width:600px;min-height:100vh;position:relative;width:100vw}.dashboard-header{background-color:var(--card-bg-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-title{color:#1f2937;color:var(--text-primary);font-size:1.25rem;letter-spacing:.05em}.header-bell-icon{color:#000;cursor:pointer;padding-top:8px;position:relative}.bell-notification-badge{align-items:center;background-color:#dc2626;border-radius:9999px;box-shadow:0 1px 3px #0003;color:#fff!important;display:flex;font-size:.65rem;font-weight:700;height:1.25rem;justify-content:center;line-height:1;min-width:1.25rem;padding:.15rem .3rem;position:absolute;right:-.5rem;top:-.5rem}.bell-notification-badge *,.bell-notification-badge .counter-digit,.bell-notification-badge .counter-number{color:#fff!important}.dashboard-main{padding:1rem 1rem calc(76px + env(safe-area-inset-bottom, 20px))}.welcome-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.welcome-title{color:#374151;color:var(--text-secondary);font-size:1.25rem;font-weight:600;margin:0;padding:11.2px}.card-subheader{align-items:center;display:flex;gap:8px;justify-content:space-between}.sales-card{position:relative}.sales-card .sales-trend{align-items:center;display:flex;gap:4px;margin-top:0}.settings-icon{color:#6b7280;color:var(--text-muted)}.content-grid{display:flex;flex-direction:column;gap:1rem}.grid-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.content-grid>.grid-row:first-child{gap:1.25rem;grid-template-columns:repeat(2,1fr);margin-bottom:.625rem}.content-grid>.grid-row:first-child .card{display:flex;flex-direction:column;justify-content:space-between;max-height:160px;min-height:113px;padding:1.25rem 1rem}.content-grid>.grid-row:first-child .card-subtitle{font-size:.875rem;margin:0;padding-bottom:.5rem}.content-grid>.grid-row:first-child .card-main-value{margin-bottom:0;margin-top:auto}.content-grid>.grid-row:first-child .sales-card .card-subheader{align-items:flex-start;display:flex;flex-direction:column;gap:0;width:100%}.content-grid>.grid-row:first-child .sales-card{position:relative}.content-grid>.grid-row:first-child .sales-card .card-main-value{display:inline-block;padding-right:0}.content-grid>.grid-row:first-child .card-link{height:100%;width:100%}.card{border-radius:.5rem!important;box-shadow:0 2px 8px #00000026;box-sizing:border-box;height:100%;justify-content:space-between;padding:1rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card-link{color:inherit;text-decoration:none}.card-subtitle{color:#6b7280;color:var(--text-muted);margin:0;padding-bottom:.75rem}.card-main-value{color:#1f2937;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-top:.25rem;min-height:2rem;overflow:visible;text-align:left}.sales-trend{align-items:center;color:#22c55e;color:var(--color-green);display:flex;font-size:.875rem;font-weight:600;gap:4px}.sales-trend>svg,.trend-up-icon{height:1rem;width:1rem}.orange-text{color:#f97316}.orange-text .counter-digit,.orange-text .counter-number{color:#f97316!important}.orange-text .counter-container{line-height:1.2!important;position:relative!important}.orange-text .counter-container,.orange-text .counter-counter{height:auto!important;overflow:visible!important}.orange-text .bottom-gradient,.orange-text .gradient-container,.orange-text .top-gradient{display:none!important}.orange-text .counter-digit{height:auto!important;overflow:visible!important;position:relative!important}.orange-text .counter-number{align-items:baseline!important;bottom:auto!important;display:inline!important;justify-content:center!important;left:auto!important;position:relative!important;right:auto!important;top:auto!important}.large-text{font-size:1.875rem;line-height:1.2}.card-header{margin-bottom:1rem}.card-title-strong{color:#1f2937;color:var(--text-primary);font-weight:700;margin:0}.card-title-strong.small{font-size:.875rem}.dashboard-period-selector-wrapper{position:relative}.dashboard-period-selector{align-items:center;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;min-width:140px;padding:12px 15px;position:relative;transition:all .2s ease}.dashboard-period-selector:hover{background-color:#f5f5f5;box-shadow:0 4px 12px #0000001a}.dashboard-period-selector .period-text{align-items:center;color:#555;display:inline-flex;font-size:14px;font-weight:400;line-height:1}.dashboard-period-selector .period-text:after{border:solid #000;border-width:0 2px 2px 0;content:"";display:inline-block;margin-left:6px;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.dashboard-period-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-top:4px;min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.dashboard-period-option{color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:12px 15px;transition:background-color .2s ease}.dashboard-period-option:hover{background-color:#f5f5f5}.dashboard-period-option.active{background-color:#f5f5f5;font-weight:700}.chart-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s ease}.chart-dropdown:hover{background-color:#f5f5f5;box-shadow:0 4px 12px #0000001a}.chart-dropdown:focus{border-color:#8884d8;outline:none}.chart-container{height:180px;width:100%}.card-horizontal-flex{align-items:center;flex-direction:row}.action-card{align-items:center;background:#fff;border-radius:.5rem!important;box-shadow:0 2px 8px #00000026;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:113px;justify-content:center;max-height:113px;min-height:113px;padding:1.25rem 1rem;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.action-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.action-card-icon{margin-bottom:1rem}.action-card-icon>svg{height:2rem;width:2rem}.action-card-title{color:#374151;color:var(--text-secondary);font-size:.7rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-blue{color:#3b82f6;color:var(--color-blue)}.icon-green{color:#22c55e;color:var(--color-green)}.icon-purple{color:#a855f7;color:var(--color-purple)}.icon-teal{color:#14b8a6;color:var(--color-teal)}.icon-muted{color:#9ca3af}.icon-container-red{background-color:#fee2e2;border-radius:.5rem;padding:.75rem}.icon-container-red>svg{color:#ef4444;color:var(--color-red);height:2rem;width:2rem}.text-blue{color:#3b82f6;color:var(--color-blue);font-size:1.125rem;font-weight:700}.text-orange{color:#ffedd5;color:var(--color-orange);font-weight:700}.text-red{color:#ef4444;color:var(--color-red);font-weight:700}.text-green{color:#22c55e;color:var(--color-green);font-weight:700}.text-yellow{color:#fac833;font-size:1.125rem;font-weight:700}.text-muted{color:#6b7280;color:var(--text-muted);font-size:.75rem;font-weight:400}.alerts-container{display:flex;flex-direction:column;gap:.75rem}.alert-item{align-items:center;border-radius:.5rem;display:flex;gap:.75rem;min-height:72px;padding:.75rem}.alert-critical{background-color:#fee2e2}.alert-critical .alert-icon{color:#ef4444;color:var(--color-red)}.alert-warning{background-color:#ffedd5}.alert-warning .alert-icon{color:#ffedd5;color:var(--color-orange)}.alert-info{background-color:#dcfce7}.alert-info .alert-icon{color:#22c55e;color:var(--color-green)}.alert-icon{align-items:center;display:flex;margin-top:0}.alert-icon>svg{color:#feb85b;height:1.25rem;width:1.25rem}.alert-title{color:#1f2937;color:var(--text-primary);font-size:.875rem;font-weight:700;margin:0;text-align:left}.alert-description{font-size:12px;margin:0}.alert-description,.alert-minimum{color:#6b7280;color:var(--text-muted);font-weight:600;text-align:left}.alert-minimum{font-size:.75rem;margin:4px 0 0}.alert-bullet{text-align:left}@media (min-width:768px){.alert-text{display:flex;flex-direction:column}.alert-description.alert-bullet,.alert-minimum.alert-bullet{display:inline-block;margin-right:16px}.alert-minimum.alert-bullet{margin-top:0}}.link{color:#3b82f6;color:var(--color-blue);cursor:pointer;font-size:.875rem;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.bottom-nav{background-color:#fff;background-color:var(--card-bg-color);border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -1px 3px 0 #0000001a,0 -1px 2px -1px #0000001a;box-shadow:var(--shadow-t);left:0;margin:0 auto;max-width:448px;padding:.5rem 0;position:fixed;right:0}.nav-item{color:#6b7280;color:var(--text-muted);text-decoration:none}.nav-item.active,.nav-item:hover{color:#3b82f6;color:var(--color-blue)}.nav-text{font-size:.75rem}.nav-item.active .nav-text{font-weight:700}.dashboard-scan-modal-overlay{align-items:center;animation:fadeIn .25s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.dashboard-scan-modal-overlay.closing{animation:fadeOut .2s ease-in}.dashboard-scan-modal-box{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background-color:#fff;border-radius:1rem;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:16px;max-width:75vw;padding:24px;width:75vw}.dashboard-scan-modal-box.closing{animation:slideDown .25s cubic-bezier(.4,0,1,1)}.dashboard-scan-modal-heading{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0;text-align:center}.dashboard-scan-modal-btn{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#1f2937;cursor:pointer;font-size:1rem;font-weight:500;padding:12px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.dashboard-scan-modal-btn:hover{background-color:#f3f4f6;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.dashboard-scan-modal-btn:active{transform:translateY(0) scale(.97)}@media screen and (max-width:768px){.dashboard-scan-modal-box{margin:0;max-width:75vw;width:75vw}}.wastage-details{align-items:center;display:flex;justify-content:space-around;margin-top:auto}.dashboard-profit-card,.dashboard-wastage-card{display:flex;flex-direction:column;justify-content:space-between;min-height:160px}.dashboard-wastage-card .card-header{margin-bottom:.75rem}.gross-profit-main{margin-top:auto;text-align:center}.gross-profit-main,.gross-profit-main .large-text{margin-bottom:.5rem}.gross-profit-main .card-subtitle{margin-top:0;text-align:center}.wastage-value-today,.wastage-value-week{font-size:1.25rem;font-weight:700;margin:0;text-align:center}.wastage-label{font-size:.75rem;font-weight:400;margin:.25rem 0 0;text-align:center}.cogs-section{align-items:baseline;display:flex;justify-content:space-between}.upcoming-payments-text .large-text{align-items:baseline;display:flex;gap:.5rem;margin-top:0}.due-date{color:#6b7280;color:var(--text-muted);font-size:.875rem;font-weight:400}.header-icons{align-items:center;display:flex;gap:8px;margin-left:auto;margin-right:8px}.settings-icon{color:#000;cursor:pointer}.dashboard-header{align-items:center;background-color:#fff;display:flex;justify-content:space-between;margin-left:.4rem;padding:16px 27.2px}.alerts-container{overflow:hidden;transition:all .3s ease-in-out}.alerts-container:not(.expanded){max-height:300px}.alerts-container.expanded{max-height:none}.alerts-scrollable{animation:fadeIn .3s ease-in-out;margin:8px 0;max-height:300px;overflow-y:auto;padding-right:4px}.alerts-scrollable .alert-item{margin-bottom:12px}.alerts-scrollable .alert-item:last-child{margin-bottom:0}@media screen and (max-width:600px){.alerts-scrollable{max-height:250px}}@media screen and (max-width:768px){.dashboard-container{max-width:100%;width:100vw}.dashboard-header{margin-left:.4rem;padding:1rem}.header-title{font-size:1.25rem}.dashboard-main{padding:1rem 1rem calc(76px + env(safe-area-inset-bottom, 20px))}.welcome-title{font-size:1.25rem}.grid-row{gap:1rem;grid-template-columns:repeat(2,1fr)}.content-grid>.grid-row:first-child{gap:1.25rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem}.content-grid>.grid-row:first-child .card{max-height:160px;min-height:113px;padding:1.25rem 1rem}.content-grid>.grid-row:first-child .card-main-value{font-size:1.8rem}.content-grid>.grid-row:first-child .sales-card .sales-trend{font-size:.75rem}.card{border-radius:.5rem!important;padding:1rem}.action-card{height:113px;max-height:113px;min-height:113px;padding:1.25rem 1rem}.card-subtitle{font-size:1rem}.card-main-value{font-size:1.5rem}.large-text{font-size:1.875rem}.sales-trend{font-size:1rem}.action-card-icon>svg{height:2rem;width:2rem}.action-card-icon{margin-bottom:1rem}.action-card-title{font-size:.875rem}.alert-item{padding:.75rem}.alert-title{font-size:.875rem}.alert-description{font-size:.75rem}.dashboard-profit-card,.dashboard-wastage-card{min-height:160px}.wastage-details{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.wastage-value-today,.wastage-value-week{font-size:1.25rem}.wastage-label{font-size:.75rem}.gross-profit-main .large-text{font-size:1.75rem}.bottom-nav{max-width:100%;padding:.5rem 0}.nav-text{font-size:.75rem}.modal-content{max-width:320px;padding:24px;width:80%}.modal-title{font-size:1.25rem}.modal-button{font-size:1rem;padding:12px}}@media screen and (max-width:480px){.dashboard-container{max-width:100%;width:100vw}.dashboard-header{padding:.875rem}.header-title{font-size:1.125rem}.header-bell-icon{padding-top:8px}.bell-notification-badge{font-size:.5rem;height:1rem;min-width:1rem}.dashboard-main{padding:.875rem .875rem calc(76px + env(safe-area-inset-bottom, 20px))}.welcome-header{margin-bottom:.875rem}.welcome-title{font-size:1.125rem}.content-grid,.grid-row{gap:.875rem}.grid-row{grid-template-columns:repeat(2,1fr)}.content-grid>.grid-row:first-child{gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.75rem}.content-grid>.grid-row:first-child .card{max-height:150px;min-height:113px;padding:1rem .875rem}.content-grid>.grid-row:first-child .card-subtitle{font-size:.75rem}.content-grid>.grid-row:first-child .card-main-value{font-size:1.375rem}.content-grid>.grid-row:first-child .sales-card .sales-trend{font-size:.7rem}.card{border-radius:.5rem!important;padding:.875rem}.action-card{height:113px;max-height:113px;min-height:113px;padding:1rem .875rem}.card-subtitle{font-size:.875rem;padding-bottom:.625rem}.card-main-value{font-size:1.375rem;min-height:1.875rem}.large-text{font-size:1.75rem}.sales-trend{font-size:.875rem}.sales-trend>svg,.trend-up-icon{height:.875rem;width:.875rem}.card-header{margin-bottom:.875rem}.card-title-strong{font-size:.875rem}.card-title-strong.small{font-size:.75rem}.chart-container{height:160px}.chart-dropdown{font-size:13px;padding:6px 10px}.action-card-icon{margin-bottom:1rem}.action-card-icon>svg{height:1.875rem;width:1.875rem}.action-card-title{font-size:.75rem}.icon-container-red{padding:.625rem}.icon-container-red>svg{height:1.875rem;width:1.875rem}.text-blue,.text-yellow{font-size:1rem}.text-muted{font-size:.6875rem}.alerts-container{gap:.625rem}.alert-item{gap:.625rem;padding:.625rem}.alert-icon>svg{height:1.125rem;width:1.125rem}.alert-title{font-size:.8125rem}.alert-description{font-size:.6875rem}.link{font-size:.8125rem}.bottom-nav{max-width:100%;padding:.5rem 0}.nav-item{padding:.25rem}.nav-text{font-size:.6875rem}.dashboard-scan-modal-box{gap:14px;max-width:75vw;padding:20px;width:75vw}.dashboard-scan-modal-heading{font-size:1.125rem}.dashboard-scan-modal-btn{font-size:.9375rem;padding:10px}.header-icons{gap:12px}.settings-icon{font-size:1.25rem}.dashboard-profit-card,.dashboard-wastage-card{min-height:150px}.wastage-details{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-around}.wastage-value-today,.wastage-value-week{font-size:1.125rem}.wastage-label{font-size:.6875rem}.gross-profit-main .large-text{font-size:1.625rem}.gross-profit-main .card-subtitle{font-size:.75rem;margin-top:.5rem}.due-date{font-size:.8125rem}.alerts-scrollable{max-height:240px;padding-right:2px}.alerts-scrollable .alert-item{margin-bottom:10px}}@media screen and (max-width:360px){.dashboard-header{padding:.75rem}.header-title{font-size:1rem}.dashboard-main{padding:.75rem .75rem calc(76px + env(safe-area-inset-bottom, 20px))}.welcome-title{font-size:1rem}.content-grid,.grid-row{gap:.75rem}.content-grid>.grid-row:first-child{gap:.875rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.content-grid>.grid-row:first-child .card{max-height:140px;min-height:120px;padding:.875rem .75rem}.content-grid>.grid-row:first-child .card-subtitle{font-size:.7rem}.content-grid>.grid-row:first-child .card-main-value{font-size:1.25rem}.content-grid>.grid-row:first-child .sales-card .sales-trend{font-size:.65rem}.card{padding:.75rem}.action-card{height:113px;max-height:113px;min-height:113px;padding:.875rem .75rem}.card-main-value{font-size:1.25rem}.large-text{font-size:1.5rem}.action-card-icon>svg{height:1.75rem;width:1.75rem}.action-card-icon{margin-bottom:.9rem}.action-card-title{font-size:.75rem}.alert-item{gap:.5rem;padding:.5rem}.dashboard-scan-modal-box{gap:12px;max-width:75vw;padding:16px;width:75vw}.dashboard-scan-modal-heading{font-size:1rem}.dashboard-scan-modal-btn{font-size:.875rem;padding:8px}.dashboard-profit-card,.dashboard-wastage-card{min-height:140px;padding:.75rem}.wastage-value-today,.wastage-value-week{font-size:1rem}.wastage-label{font-size:.625rem}.gross-profit-main .large-text{font-size:1.5rem}.gross-profit-main .card-subtitle{font-size:.6875rem}.card-title-strong.small{font-size:.8125rem}}@media screen and (max-height:500px) and (orientation:landscape){.dashboard-main{padding-bottom:calc(76px + env(safe-area-inset-bottom, 20px))}.chart-container{height:140px}.alerts-scrollable{max-height:180px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.action-card,.card{box-shadow:0 2px 8px #0000002e}.action-card:hover,.card:hover{box-shadow:0 4px 12px #0000002e}}@media (prefers-reduced-motion:reduce){.action-card,.alert-item,.alerts-container,.card,.modal-button{animation:none!important;transition:none!important}.action-card:hover,.card:hover{transform:none!important}@keyframes fadeIn{0%,to{opacity:1;transform:translateY(0)}}}.carousel-card{overflow:hidden;position:relative}.carousel-container{align-items:center;display:flex;justify-content:center;min-height:320px;padding:0 10px;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none}.carousel-content{opacity:1;transition:opacity .3s ease-in-out;width:100%}.carousel-content.transitioning{opacity:0}.graph-slide{animation:fadeInGraph .6s ease-in-out;width:100%}@keyframes fadeInGraph{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.carousel-indicators{gap:8px;padding:15px 0 5px}.carousel-indicator{background:#e0e0e0;border-radius:50%;cursor:pointer;height:10px;transition:all .3s;width:10px}.carousel-indicator.active{background:#000;transform:scale(1.2)}.carousel-indicator:hover{background:#666}.carousel-table{width:100%}.carousel-table table{font-size:14px}.carousel-table thead th{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1}.carousel-table tbody tr:hover{background:#f9f9f9}.sales-date-picker-overlay{animation:fadeInOverlay .2s ease-in-out;background:#00000080;z-index:9999}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.sales-date-picker-popup{animation:slideInUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000004d;max-height:80vh;max-width:400px;overflow-y:auto;padding:20px;width:90%}.calendar-header{margin-bottom:15px}@media (max-width:600px){.carousel-container{min-height:280px;padding:0 10px}.carousel-table{font-size:12px}.graph-slide .recharts-wrapper{font-size:11px}}@media (max-width:400px){.carousel-container{min-height:260px;padding:0 5px}.carousel-indicators{gap:6px}.carousel-indicator{height:8px;width:8px}}@media (min-width:769px){.grid-row{grid-template-columns:repeat(2,1fr)}.content-grid>.grid-row:first-child{gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;max-width:100%}.content-grid>.grid-row:first-child .card{max-height:160px;min-height:20vh;padding:1.5rem 1.25rem;width:100%}.content-grid>.grid-row:first-child .card-subtitle{font-size:.95rem}}@media (min-width:1200px){.content-grid>.grid-row:first-child{gap:2rem}}.reports-carousel-card{min-height:400px;padding:1.25rem}.carousel-header{flex-wrap:nowrap}.carousel-title{font-size:1rem;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.filter-btn{font-size:.75rem}.carousel-content{min-height:280px}.table-container{max-height:250px;overflow-y:auto}.breakdown-table,.stock-table{border-collapse:collapse;font-size:.75rem;width:100%}.breakdown-table th,.stock-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:.5rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.breakdown-table td,.stock-table td{border-bottom:1px solid #f3f4f6;padding:.5rem}.breakdown-table tr:hover,.stock-table tr:hover{background-color:#f9fafb}.status-badge{border-radius:4px;font-size:.65rem;padding:.25rem .5rem;text-transform:capitalize}.status-badge.sufficient{background-color:#d1fae5;color:#065f46}.status-badge.low{background-color:#fed7aa;color:#92400e}.status-badge.critical{background-color:#fee2e2;color:#991b1b}@media screen and (max-width:768px){.reports-carousel-card{min-height:380px;padding:1rem}.carousel-header{align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.carousel-title{flex:1 1;font-size:.9rem;min-width:0}.carousel-filter{justify-content:space-between;width:100%}.filter-btn{flex:1 1;font-size:.7rem;padding:.5rem}.carousel-content{min-height:250px}.breakdown-table,.stock-table{font-size:.7rem}.breakdown-table td,.breakdown-table th,.stock-table td,.stock-table th{padding:.4rem}}@media screen and (max-width:480px){.reports-carousel-card{min-height:360px;padding:.875rem}.carousel-title{font-size:.85rem}.filter-btn{font-size:.65rem;padding:.4rem .5rem}.carousel-content{min-height:230px}.breakdown-table,.stock-table{font-size:.65rem}.breakdown-table td,.breakdown-table th,.stock-table td,.stock-table th{padding:.35rem}.status-badge{font-size:.6rem;padding:.2rem .4rem}}.reports-carousel-card{display:flex;flex-direction:column;min-height:380px;padding:1rem}.carousel-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.carousel-title{color:#1f2937;color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:700;margin:0;min-width:150px}.carousel-filter{display:flex;gap:.5rem}.filter-btn{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:.7rem;font-weight:500;padding:.4rem .75rem;transition:all .2s ease}.filter-btn:hover{background-color:#f5f5f5;border-color:#2563eb}.filter-btn.active{background-color:#2563eb;border-color:#2563eb;color:#fff}.carousel-content{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:260px;transition:opacity .3s ease}.carousel-content.transitioning{opacity:.3}.graph-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.carousel-loading{color:#666}.carousel-loading,.no-data{font-size:.875rem;text-align:center}.no-data{color:#999;padding:2rem}.table-container{overflow-x:auto;width:100%}.table-container::-webkit-scrollbar{height:6px;width:6px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover{background:#999}.carousel-indicators{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;padding-top:.5rem}.indicator{background-color:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .2s ease;width:8px}.indicator.active{background-color:#2563eb;border-radius:4px;width:24px}.indicator:hover{background-color:#9ca3af}@media screen and (max-width:768px){.reports-carousel-card{min-height:380px;padding:1rem}.carousel-header{align-items:center;flex-direction:row;gap:.75rem;justify-content:space-between}.carousel-title{flex:1 1;font-size:.9rem}.carousel-filter-dropdown-wrapper{flex-shrink:0}.carousel-period-selector{font-size:13px!important;min-width:120px!important;padding:10px 12px!important}.carousel-content{min-height:260px}.carousel-content .graph-container>div>div[style*=gap]{align-items:center!important;flex-direction:column!important;gap:15px!important;padding:0!important}.carousel-content .graph-container>div>div[style*=gap]>div{flex:1 1 100%!important;max-width:100%!important;width:100%!important}.carousel-content .graph-container .recharts-wrapper{margin:0 auto;max-width:200px}.carousel-content .graph-container div[style*="fontSize: '13px'"]{font-size:12px!important}.carousel-content .graph-container div[style*="fontSize: '16px'"]{font-size:14px!important}.table-container>div{padding:8px 6px!important}}@media screen and (max-width:480px){.reports-carousel-card{min-height:360px;padding:.875rem}.carousel-header{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:.5rem;justify-content:space-between}.carousel-title{flex:1 1;font-size:.85rem;min-width:0}.carousel-filter-dropdown-wrapper{flex-shrink:0}.carousel-period-selector{font-size:13px!important;min-width:100px!important;padding:8px 12px!important}.carousel-period-dropdown{min-width:100px!important}.carousel-content{min-height:240px}.carousel-content>div:first-child .graph-container .recharts-wrapper{margin:0 auto;max-width:180px}.carousel-content>div:first-child .graph-container>div>div:first-child{align-items:center!important;flex-direction:column!important;gap:12px!important;padding:0!important}.carousel-content>div:first-child .graph-container>div>div:first-child>div{flex:1 1 100%!important;max-width:100%!important;padding:0!important;width:100%!important}.carousel-content>div:first-child .graph-container>div>div:first-child>div:last-child{box-sizing:border-box!important;padding:0 15px!important}.carousel-content>div:first-child .graph-container div[style*=fontSize]{font-size:11px!important}.table-container img{height:36px!important;width:36px!important}.carousel-content>div:nth-child(2) .table-container h4{font-size:11px!important}.carousel-content>div:nth-child(2) .table-container p,.carousel-content>div:nth-child(2) .table-container span{font-size:9px!important}.graph-3-item-name{font-size:14px!important}.graph-3-label{font-size:11px!important}.graph-3-value{font-size:13px!important}.graph-3-status{font-size:10px!important}}.graph-0-container{padding:0 8px;width:100%}.graph-0-item{align-items:center;display:flex;gap:8px;margin-bottom:12px}.graph-0-item:last-child{margin-bottom:0}.graph-0-image{background-color:#f0f0f0;border-radius:5px;flex-shrink:0;height:28px;overflow:hidden;width:28px}.graph-0-image img{height:100%;object-fit:cover;width:100%}.graph-0-bar{align-items:center;background-color:#2563eb;border-radius:4px;display:flex;flex-shrink:0;height:28px;padding-left:8px;padding-right:8px}.graph-0-bar-text{color:#fff;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph-0-percentage{color:#2563eb;flex-shrink:0;font-size:12px;font-weight:700;min-width:35px;text-align:right;white-space:nowrap}.graph-0-scale{display:flex;margin-left:36px;margin-top:10px;position:relative;width:88%}.graph-0-tick{color:#666;font-size:9px;font-weight:500;position:absolute;transform:translateX(-50%)}.graph-2-item{align-items:center;display:flex;gap:10px;padding:8px 6px}.graph-2-image{border-radius:7px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.graph-2-details{flex:1 1;min-width:0;text-align:left}.graph-2-name{color:#111;font-size:13px;font-weight:600;line-height:1.3;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph-2-price{color:#6c757d;font-size:11px;font-weight:400;line-height:1.2;margin:0 0 3px}.graph-2-wastage{color:#f60;font-size:11px;font-weight:500;line-height:1.2;margin:0}.graph-2-profit{flex-shrink:0;min-width:70px;text-align:right}.graph-2-profit-value{color:#000;font-size:15px;font-weight:700;line-height:1.2;margin:0 0 3px}.graph-2-profit-change{color:#22c55e;font-size:12px;font-weight:600;line-height:1.2;margin:0}.graph-3-item{background-color:#fff;padding:10px 8px}.graph-3-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.graph-3-item-name{color:#1a1a1a;font-size:16px;font-weight:600;line-height:1.3;margin:0;text-align:left}.graph-3-status{border-radius:16px;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.graph-3-status.sufficient{background-color:#dcfce7;color:#166534}.graph-3-status.low{background-color:#feefc7;color:#92400e}.graph-3-status.critical{background-color:#fee2e2;color:#991b1b}.graph-3-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.graph-3-detail-item{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.graph-3-label{color:#666;font-size:12px;font-weight:500;line-height:1.2;margin-bottom:4px}.graph-3-value{font-size:14px;font-weight:600;line-height:1.2}.graph-3-value.default{color:#1a1a1a}.graph-3-value.deducted{color:#f59e0b}.graph-3-value.wasted{color:#ef4444}.raw-material-stock-container{max-height:240px!important;overflow-y:auto!important;scrollbar-color:#cbd5e0 #f7fafc;scrollbar-width:thin}.raw-material-stock-container::-webkit-scrollbar{width:6px}.raw-material-stock-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.raw-material-stock-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.raw-material-stock-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media screen and (max-width:480px){.graph-0-bar-text{font-size:10px}.graph-0-percentage{font-size:11px}.graph-0-tick{font-size:8px}.graph-2-name{font-size:11px}.graph-2-price,.graph-2-wastage{font-size:9px}.graph-2-profit-value{font-size:13px}.graph-2-profit-change{font-size:10px}.graph-3-item-name{font-size:14px}.graph-3-label{font-size:11px}.graph-3-value{font-size:13px}.graph-3-status{font-size:10px}}:root{--color-critical:#d93f3f;--color-warning:#e8833a;--color-info:#3a86e8;--color-success:#28a745;--background-light:#f7f8fa;--text-dark:#1c1c1e;--text-light:#6d6d72;--border-color:#eaeaeb;--button-dark:#1c1c1e}.app-container{align-items:center;background-color:#e9ecef;display:flex;font-family:Roboto;gap:40px;justify-content:center;min-height:100vh;overflow:hidden;padding:20px}.notifications-page-container{background-color:#f7f8fa;background-color:var(--background-light);border:1px solid #eaeaeb;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 8px 30px #0000001a;display:flex;flex-direction:column;height:100vh;max-width:400px;min-width:375px}.notifications-header{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaeb;border-bottom:1px solid var(--border-color);border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:16px}.notifications-header h1{color:#1c1c1e;color:var(--text-dark);font-size:25.6px;font-weight:600;margin:0}.header-icon{color:#1c1c1e;color:var(--text-dark);cursor:pointer;font-size:22px}.search-filter-bar{background-color:#fff;padding:16px}.filter-button{align-items:center;background-color:#fff;border:1px solid #eaeaeb;border:1px solid var(--border-color);display:flex;font-size:20px;justify-content:center;padding:10px}.notifications-list{background-color:#fff;display:flex;flex-direction:column;flex-grow:1;gap:12px;overflow-y:auto;padding:16px}.notification-item-card{background-color:#fff;border-left:4px solid #3a86e8;border-left:4px solid var(--color-info);border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:12px;padding:16px 8px 16px 16px;position:relative;transition:opacity .3s ease}.notification-item-card.is-read{opacity:.6}.notification-item-card.critical{border-color:#d93f3f;border-color:var(--color-critical)}.notification-item-card.warning{border-color:#e8833a;border-color:var(--color-warning)}.notification-item-card.info{border-color:#3a86e8;border-color:var(--color-info)}.notification-item-card.success{border-color:#28a745;border-color:var(--color-success)}.notification-icon-wrapper{color:#3a86e8;color:var(--color-info);font-size:24px}.notification-icon-wrapper.critical{color:#d93f3f;color:var(--color-critical)}.notification-icon-wrapper.warning{color:#e8833a;color:var(--color-warning)}.notification-icon-wrapper.info{color:#3a86e8;color:var(--color-info)}.notification-icon-wrapper.success{color:#28a745;color:var(--color-success)}.notification-content{flex-grow:1}.notification-title{color:#1c1c1e;color:var(--text-dark);margin:0 0 .5rem!important;text-align:left}.notification-description{color:#6d6d72;color:var(--text-light);font-size:14px;line-height:1.4;margin:0 0 8px!important;text-align:left}.notification-action-link{color:#1c1c1e;color:var(--text-dark);cursor:pointer;font-size:14px;font-weight:500;text-decoration:none}.notification-meta{margin:6px 0 0;text-align:left}.notification-tag{border:1px solid #0000;border-radius:999px;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px}.tag-success{background:#28a7451a;border-color:#28a7454d;color:#28a745;color:var(--color-success)}.tag-warning{background:#e8833a1f;border-color:#e8833a59;color:#e8833a;color:var(--color-warning)}.tag-critical{background:#d93f3f1a;border-color:#d93f3f59;color:#d93f3f;color:var(--color-critical)}.tag-info{background:#3a86e81a;border-color:#3a86e859;color:#3a86e8;color:var(--color-info)}.notification-dismiss-btn{background:none;border:none;color:#6d6d72;color:var(--text-light);cursor:pointer;font-size:16px;position:absolute;right:12px;top:12px}.notifications-footer{grid-gap:8px;background-color:#fff;border-radius:0 0 10px 10px;border-top:1px solid #eaeaeb;border-top:1px solid var(--border-color);display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:16px}.footer-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px}.btn-mark-all{background-color:#1c1c1e;background-color:var(--button-dark);color:#fff}.btn-dismiss-all{background-color:#fff;border:1px solid #eaeaeb;border:1px solid var(--border-color);color:#1c1c1e;color:var(--text-dark)}.demo-triggers{height:90vh;max-width:600px;overflow-y:auto;padding-right:10px}.demo-section{background-color:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:1rem;padding:1rem}.demo-section h4{margin-top:0}.demo-buttons{display:flex;flex-wrap:wrap;gap:10px}.demo-buttons button{background-color:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:12px;padding:8px 12px;transition:background-color .2s}.demo-buttons button:hover{background-color:#f0f0f0}.notification-details-panel{background:#fafafa;border-left:3px solid #e0e0e0;border-radius:4px;margin:-8px 0 12px 42px}.notification-details-panel .details-list{margin:0;padding-left:18px}.notification-details-panel .sub-list{margin:6px 0 0 12px;padding-left:16px}.btn-link{background:none;border:none;color:#1976d2;cursor:pointer;font-size:14px;padding:0}.btn-link:hover{text-decoration:underline}.composite-editor-fullpage{background:#fff;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:10000}.editor-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 30px}.editor-header h2{color:#111827;margin:0}.editor-close-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:16px;padding:8px 16px;transition:all .2s}.editor-close-btn:hover{background:#f3f4f6;color:#111827}.editor-content{background:#fff;flex:1 1;overflow-y:auto;padding:30px}.editor-section{margin-bottom:30px}.editor-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.editor-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.editor-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.editor-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.editor-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.editor-btn-add{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.editor-btn-add:hover{background:#2563eb;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.component-row{align-items:flex-end;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:15px;margin-bottom:12px;padding:15px;transition:all .2s}.component-row:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.component-field{display:flex;flex:1 1;flex-direction:column}.component-field label{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:6px}.editor-btn-remove{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:32px;justify-content:center;margin-bottom:2px;transition:all .2s;width:32px}.editor-btn-remove:hover{background:#dc2626;transform:scale(1.05)}.editor-summary{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:20px;padding:20px}.editor-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 30px}.editor-btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.editor-btn-cancel:hover{background:#f3f4f6}.editor-btn-save{background:#16a34a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.editor-btn-save:hover:not(:disabled){background:#059669;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.editor-btn-save:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.editor-loading{align-items:center;color:#6b7280;display:flex;font-size:18px;height:100%;justify-content:center}@media (max-width:768px){.component-row{align-items:stretch;flex-direction:column}.component-field{width:100%}.editor-btn-remove{margin-bottom:0;margin-top:10px;width:100%}.editor-header{padding:15px 20px}.editor-content{padding:20px}.editor-footer{padding:15px 20px}.composite-editor-modal{margin:10px;max-width:calc(100% - 20px)!important;padding:15px!important}}@media (max-width:480px){.composite-editor-modal{margin:5px;max-width:calc(100% - 10px)!important;padding:12px!important}}.comps-container{background:#fff;box-sizing:border-box;font-family:sans-serif;margin:0 auto;max-width:600px;min-height:100vh;min-width:360px;overflow-x:hidden;padding:16px 16px calc(106px + env(safe-area-inset-bottom, 0px));width:100%}.comps-container::-webkit-scrollbar{display:none}.comps-container{-ms-overflow-style:none;scrollbar-width:none}.comps-header{align-items:center;display:flex;margin-bottom:2rem}.comps-back-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;margin-right:10px;padding:6px 10px}.comps-page-title{color:#000;font-size:1.3rem;font-weight:600;margin:0}.comps-titlebar{align-items:center;background:#0000;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding:0}.comps-title{color:#000;font-size:1.5rem;font-weight:700;margin:0}.comps-add-btn-inline{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:8px 16px;white-space:nowrap}.comps-add-btn-inline:active{transform:scale(.95)}.comps-hero{border-radius:12px;height:auto;margin-bottom:16px;max-height:200px;object-fit:cover;width:100%}.comps-step-indicator{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:16px;text-align:center}.comps-panel{background:#fff;border-radius:8px;margin-top:16px}.comps-panel-title{color:#000;font-size:1.4rem;font-weight:600;margin-bottom:12px;text-align:left}.comps-ingredient-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:12px 0}.comps-ingredient-row:last-child{border-bottom:none}.comps-ingredient-name{color:#000;flex:1 1;font-size:15px;font-weight:500;min-width:0;text-align:left}.comps-controls-inline{align-items:center;display:flex;flex-shrink:0;gap:8px}.comps-square-btn{align-items:center;background-color:#f3f4f6;border:1px solid #f3f4f6;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:28px;justify-content:center;padding:0;transition:all .2s;width:28px}.comps-square-btn:hover{background-color:#e5e7eb;border-color:#d1d5db}.comps-square-btn:active{transform:scale(.95)}.comps-number-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#000;font-size:14px;font-weight:600;height:28px;padding:4px;text-align:center;width:60px}.comps-number-input:focus{border-color:#4f46e5;outline:none}.comps-unit-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#000;cursor:pointer;font-size:14px;font-weight:500;height:28px;padding:4px 8px;width:84px}.comps-unit-select:focus{border-color:#4f46e5;outline:none}.comps-delete-btn{align-items:center;background-color:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;padding:0;transition:all .2s;width:32px}.comps-delete-btn:hover{background-color:#fecaca;color:#b91c1c}.comps-delete-btn:active{transform:scale(.95)}.comps-ingredient-row.editing{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:16px 12px}.comps-text-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#000;flex:1 1;font-size:15px;font-weight:500;padding:10px 12px}.comps-text-input:focus{border-color:#4f46e5;outline:none}.comps-edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.comps-btn-cancel{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.comps-btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.comps-btn-save{background:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.comps-no-items{background:#f9fafb;border-radius:8px;color:#9ca3af;font-size:14px;margin:12px 0;padding:20px;text-align:center}.comps-add-btn{background:#0000;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:16px;transition:all .2s;width:100%}.comps-add-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.comps-save-btn{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:16px;width:100%}.comps-save-btn:active{transform:translateY(0)}@media (max-width:640px){.comps-ingredient-row{flex-wrap:wrap}.comps-ingredient-name{margin-bottom:8px;width:100%}.comps-controls-inline{justify-content:flex-end;width:100%}}.itemmap-header{align-items:center;display:flex;gap:12px;margin-bottom:2rem}.back-arrow-btn{align-items:center;background:#0000;border:none;color:#000;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:8px;transition:opacity .2s}.back-arrow-btn:hover{opacity:.7}.back-btn{background:#fff;color:#000;display:inline-flex;font-weight:600;gap:6px;margin-right:10px;padding:6px 10px}.page-title{font-size:1.3rem}.search-wrap{margin-bottom:16px;width:100%}.action-tiles{flex-direction:row;gap:0;margin-bottom:16px}.action-tile.scan-full,.action-tiles{display:flex;justify-content:center;width:100%}.action-tile.scan-full{align-items:center;background:#000!important;border:none;border-radius:12px;box-shadow:none;flex-direction:column;padding:0}.action-tile.scan-full .scan-card--filled{border-radius:12px;height:260px}.action-tile.scan-full .camera-icon{height:72px;width:72px}.action-tile.scan-full .camera-icon svg{height:40px;width:40px}.action-tile.scan-full .scan-title{font-size:24px}.scan-svg{display:block;height:28px;width:28px}.action-tile.scan-full .scan-svg{height:40px!important;width:40px!important}.action-tile.scan-full .camera-icon-container{align-items:center;border:3px solid #ffffffe6;border-radius:14px;box-sizing:border-box;display:flex;height:65%;justify-content:center;margin:0 auto;max-width:10rem;min-height:120px;min-width:5rem;width:100%}.action-tile{border-radius:10px;text-align:center}.tile-label{color:#fff;font-size:12px;margin-top:8px}.tile-box{align-items:center;border:2px dashed #ccc;border-radius:10px;display:flex;height:80px;justify-content:center;margin:0 auto;width:80px}.tile-btn{background:#0000;border:none;color:#fff;cursor:pointer;height:100%;padding:1rem 5rem;width:100%}.category-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;overflow:visible;padding:4px 2px 2px;width:100%}.category-chips::-webkit-scrollbar{display:none}.chip{background:#fff;border:1px solid #d1d5db!important;border-radius:.4rem;color:#000;cursor:pointer;flex:0 1 auto;font-size:.92rem;min-width:0;padding:5px 8px;white-space:nowrap}.chip.active{background:#000;color:#fff}.recipe-card{background:#fff;border:1px solid #e5e7eb;border-radius:.4rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;cursor:pointer;margin-bottom:12px;max-width:none!important;padding:12px;position:relative;transition:all .3s ease;width:100%!important}.recipe-card:hover{border-color:#d1d5db;box-shadow:0 10px 25px #00000026,0 4px 10px #00000014;transform:translateY(-1px)}.edit-icon{color:#000;cursor:pointer;font-size:16px;position:absolute;right:10px;top:10px}.card-title{font-weight:700}.recipe-meta{font-size:13px;margin-top:.5rem;text-align:left}.recipe-price{margin-top:4px}.recipe-price,.recipe-status{font-size:14px;text-align:left}.recipe-status{font-weight:700;line-height:1;margin-top:0}.recipe-status.confirmed{color:#16a34a;padding-top:8px}.recipe-status.pending{color:#999}.recipe-hero{border-radius:12px;height:15rem;margin-bottom:16px;object-fit:cover;width:100%}.recipe-titlebar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.recipe-title{font-size:18px;font-weight:700}.step-indicator{color:#666;font-size:.9rem;margin-bottom:16px;text-align:center}.itemmap-container .boxed-input,.panel .boxed-input,.recipe-card .boxed-input{background-color:#fff;border:none;border-radius:8px;box-sizing:border-box;font-size:1rem;height:48px;outline:none;padding:12px 14px;text-align:left;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;width:100%}.ingredient-row{color:#000;flex-wrap:wrap;justify-content:flex-start;padding:16px 0}.ingredient-row.editing .text-input{font-size:1.1rem;padding:10px 0}.ingredient-name{align-items:center;display:flex;flex:0 1 auto;max-width:200px;min-width:120px;overflow:hidden;padding-top:0;text-overflow:ellipsis;white-space:nowrap}.ingredient-name.clickable{transition:color .2s ease}.ingredient-name.clickable:hover{color:#667eea}.number-input,.text-input{border:1px solid #ccc;border-radius:6px;flex-shrink:0;font-size:15px;font-weight:500;padding:6px 4px;text-align:center;width:56px}.controls-inline{flex:0 0 auto;gap:6px;margin-left:auto;min-width:196px;white-space:nowrap}.edit-actions{align-items:center;margin-left:8px}.edit-actions--block{justify-content:flex-end;margin-left:0;margin-top:0;padding-top:0;width:100%}.edit-actions--block .btn{font-size:1.1rem;line-height:1.1;margin:0;min-width:128px;padding:10px 18px}.square-btn{border-radius:6px;flex-shrink:0;font-size:14px;height:32px;width:32px}.suggestions{background:#fff;border:1px solid #ddd;border-radius:8px;left:0;position:absolute;right:0;top:34px;z-index:20}.suggestion-item{cursor:pointer;display:flex;justify-content:space-between;padding:8px}.suggestion-unit{color:#666;font-size:12px}.btn{font-weight:700;padding:6px}.nice-field{align-items:center;cursor:pointer;display:flex;height:44px;justify-content:space-between;padding:10px 12px}.nice-field,.popup-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px}.popup-panel{box-shadow:0 12px 30px #00000024;left:0;margin-top:8px;overflow:hidden;position:absolute;right:0;z-index:1001}.popup-search{background:#fff;border-bottom:1px solid #f1f5f9;padding:8px 12px;position:-webkit-sticky;position:sticky;top:0}.popup-search-input{border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:10px 12px;width:100%}.popup-list{-webkit-overflow-scrolling:touch;max-height:40vh;overflow:auto;overscroll-behavior:contain;padding:6px 4px}.popup-item{border-radius:8px;cursor:pointer;font-size:15px;margin:4px 6px;padding:12px 14px}.popup-item:hover{background:#f8fafc}.popup-item:active{background:#eef2ff}.popup-footer{background:#fff;border-top:1px solid #f1f5f9;bottom:0;padding:8px 12px;position:-webkit-sticky;position:sticky}.btn--sm{font-size:12px;padding:4px 8px}.footer-actions{display:flex;gap:10px;margin-bottom:4rem}.btn--continue{background:#16a34a;border:none;border-radius:10px;font-size:16px}.btn--back,.btn--continue{color:#fff;flex:1 1;padding:14px}.btn--back{background:#6c757d}.scan-card{border-radius:16px;box-sizing:border-box;flex-direction:row;gap:12px;padding:20px 18px;width:100%}.scan-card,.scan-card .camera-icon{align-items:center;display:flex;justify-content:center}.scan-card .camera-icon{background:#0000;border-radius:8px;color:#fff;font-size:36px;height:56px;width:56px}.scan-card .camera-icon .cam-circle{background:#fff;border-radius:50%;height:26px;width:26px}.scan-card .scan-title{color:#111;font-size:20px;font-weight:700}.scan-card .scan-subtitle{color:#666;font-size:14px}.scan-card--filled{align-items:center;background:#0000!important;color:#fff;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding:28px 22px!important;width:100%}.scan-card--filled .scan-title{color:#fff;font-size:20px;font-weight:700}.scan-card--filled .scan-subtitle{color:#d1d5db}.scan-card--filled .camera-icon path{fill:#fff!important}.scan-card--filled .camera-icon circle{fill:#0b0f13!important}.scan-card--filled{border:none!important;box-shadow:none!important}.action-tiles{align-items:stretch}.action-tile{background:#0000;padding:0}.action-tile .scan-card--filled{align-items:center;border-radius:10px;display:flex;height:100%;justify-content:center;margin-left:0;width:100%}.action-tiles .action-tile:first-child{grid-column:1/2;grid-row:1}.action-tiles .action-tile:first-child .scan-card--filled{border-radius:12px;height:100%}.btn--save{background:#16a34a;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;height:3.3rem;padding:14px}.add-ingredient-button{background-color:#fff!important;border:2px dashed #666;border-radius:12px;box-shadow:0 2px 6px #00000014;color:#000!important;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:12px;width:100%}.toast{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000059;color:#000;display:flex;justify-content:center;left:50%;min-height:120px;padding:16px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:260px;z-index:2000}.toast-text{font-size:16px;line-height:1.3}.saving-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.saving-card{animation:fadeInScale .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:340px;min-width:280px;padding:32px;text-align:center}.spinner{font-size:48px;margin-bottom:16px}.saving-title{color:#000;font-size:18px;font-weight:700;margin-bottom:8px}.saving-subtitle{color:#666;font-size:14px;line-height:1.4}.modal-overlay{background:#000c;inset:0}.modal-card{background:#fff;border-radius:12px;max-width:520px;padding:20px;width:90%}.modal-card--wide{max-width:90%}.modal-header{margin-bottom:16px}.modal-close{font-size:20px}.dropzone{background:#f9f9f9;border:none;border-radius:8px;cursor:pointer;display:block;padding:40px;text-align:center;width:100%}.modal-list{font-weight:700;margin-bottom:16px}.modal-list-compact{font-weight:700;margin-bottom:12px}.modal-list-item{align-items:center;border:1px solid #eeeeeeb3;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.modal-actions{gap:8px}.newrecipe-container{background:#fff;font-family:sans-serif;margin-left:auto;margin-right:auto;max-width:600px;padding:16px 16px calc(88px + env(safe-area-inset-bottom, 0px))}.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}.form-row{margin-bottom:12px}.form-label{font-weight:700;margin-bottom:4px}.form-grid{display:flex;gap:12px;margin-bottom:12px}.form-col{flex:1 1}.form-actions{gap:10px}@media screen and (min-width:769px){.itemmap-container,.itemmap-container.editor{margin:0 auto!important}.itemmap-container,.itemmap-container.editor,.newrecipe-container,.status-container{max-width:600px!important;width:600px!important}}@media screen and (max-width:768px){.itemmap-container,.itemmap-container.editor,.newrecipe-container,.status-container{box-sizing:border-box!important;margin:0!important;max-width:100%!important;padding:16px!important;width:100%!important}.ingredient-row:not(.editing){align-items:center!important;display:flex!important;justify-content:space-between!important;padding:12px 0!important}.ingredient-row.editing,.ingredient-row:not(.editing){flex-wrap:wrap!important;gap:8px!important}.ingredient-row:not(.editing)>.ingredient-name,.ingredient-row:not(.editing)>div:first-child{align-self:flex-start!important;color:#000!important;flex:1 1 auto!important;font-size:1rem!important;margin-right:8px!important;min-width:100px!important;order:1!important;overflow:hidden!important;text-align:left!important;text-overflow:ellipsis!important;white-space:normal!important}.ingredient-row:not(.editing)>.controls-inline,.ingredient-row:not(.editing)>div:last-child{align-items:center!important;display:flex!important;flex:0 0 auto!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:5px!important;justify-content:flex-end!important;margin-left:auto!important;min-width:172px!important;order:2!important;white-space:nowrap!important}.square-btn{height:28px!important;padding:0!important;width:28px!important}.number-input,.square-btn{flex-shrink:0!important;font-size:14px!important}.number-input{padding:4px 2px!important;text-align:center!important;width:42px!important}.ingredient-row:not(.editing) .controls-inline>div:last-child,.ingredient-row:not(.editing) .controls-inline>div[role=button]{max-width:70px!important;min-width:56px!important}.edit-actions,.edit-actions--block{margin-left:4px!important}.edit-actions--block{width:auto!important}.edit-actions--block .btn{font-size:.9rem!important;min-width:auto!important;padding:6px 12px!important}}@media screen and (max-width:480px){.itemmap-container,.itemmap-container.editor,.newrecipe-container,.status-container{padding:12px!important}}.select-wrap{display:inline-block;position:relative}.nice-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:none;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;cursor:pointer;font-size:14px;line-height:1.2;min-height:34px;min-width:90px;padding:8px 36px 8px 10px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.nice-select::-ms-expand{display:none}.nice-select:hover{background-color:#fafafa;border-color:#d1d5db}.nice-select:focus{border-color:#111827;box-shadow:0 0 0 3px #1118271f;outline:none}.nice-select:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.nice-select:active{background-color:#f5f5f5}.select-wrap:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid #6b7280;content:"";height:0;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:0}.select-wrap>.nice-select.w-full,.select-wrap>.nice-select[style*="width: 100%"]{width:100%}.select-wrap.nocaret:after{display:none}.nice-select-custom{align-items:center;display:inline-flex;position:relative;width:auto}.nice-select-custom .ns-control{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;justify-content:space-between;line-height:1.2;min-height:36px;min-width:90px;padding:8px 10px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.nice-select-custom .ns-control:hover{background-color:#fafafa;border-color:#d1d5db}.nice-select-custom .ns-control:focus{border-color:#000;box-shadow:0 4px 20px #00000026;outline:none}.nice-select-custom.open .ns-control{border-color:#f7f9fd;box-shadow:0 4px 20px #00000026}.nice-select-custom.disabled .ns-control{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.nice-select-custom .ns-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid #9ca3af;height:0;margin-left:8px;transition:transform .2s ease;width:0}.nice-select-custom.open .ns-arrow{transform:rotate(180deg)}.nice-select-custom .ns-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #00000014;left:0;max-height:260px;overflow:auto;padding:6px 0;position:absolute;right:0;scrollbar-color:#cfd8dc #f0f2f5;scrollbar-width:thin;top:calc(100% + 6px);z-index:1000}.nice-select-custom .ns-menu::-webkit-scrollbar{height:6px;width:6px}.nice-select-custom .ns-menu::-webkit-scrollbar-track{background:#f0f2f5}.nice-select-custom .ns-menu::-webkit-scrollbar-thumb{background:#cfd8dc;border-radius:6px}.nice-select-custom .ns-menu::-webkit-scrollbar-thumb:hover{background:#b0bec5}.nice-select-custom .ns-option{color:#111827;cursor:pointer;font-size:14px;padding:10px 12px}.nice-select-custom .ns-option:hover{background:#f9fafb}.nice-select-custom .ns-option.selected{background:#f3f4f6;font-weight:700}.nice-select-custom .ns-option.active{background:#eff6ff}@media screen and (max-width:640px){.ingredient-row.row-inline:not(.editing){grid-column-gap:8px!important;align-items:center!important;column-gap:8px!important;display:grid!important;grid-template-columns:1fr auto!important}.ingredient-row.row-inline:not(.editing)>.ingredient-name{align-self:center!important;color:#000!important;grid-column:1!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.ingredient-row.row-inline:not(.editing)>.controls-inline{grid-column:2!important;margin-left:0!important}.ingredient-row.row-stacked:not(.editing){grid-row-gap:6px!important;display:grid!important;grid-template-columns:1fr!important;row-gap:6px!important}.ingredient-row.row-stacked:not(.editing)>.ingredient-name{color:#000!important;grid-column:1!important;white-space:normal!important}.ingredient-row.row-stacked:not(.editing)>.controls-inline{grid-column:1/-1!important;justify-content:flex-end!important;margin-left:0!important}.tile-btn{padding:0}}@media (max-width:768px){.category-chips{gap:6px;padding:4px 4px 2px}.tile-btn{padding:0}}.complimentary-item-name{color:#000!important;flex:1 1;font-size:15px;font-weight:500}.complimentary-item-quantity{color:#6b7280!important;font-size:14px;font-weight:400}.complimentary-ingredient-row{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 12px;transition:background .2s}.complimentary-ingredient-row:hover{background:#f9fafb}.complimentary-ingredient-row:last-child{border-bottom:none}.complimentary-no-items{background:#f9fafb;border-radius:8px;color:#9ca3af;font-size:14px;margin:12px 0;padding:20px;text-align:center}.complimentary-add-btn{background:#0000;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:16px;transition:all .2s;width:100%}.complimentary-add-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.complimentary-save-btn{background:#16a34a;border:none;border-radius:8px;box-shadow:0 2px 4px #10b98133;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:16px;transition:all .2s;width:100%}.complimentary-save-btn:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.complimentary-save-btn:active{transform:translateY(0)}.modal-overlay{animation:fadeIn .25s ease-out}.modal-card,.modal-card--wide{animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.toast{animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}.saving-overlay{animation:fadeIn .2s ease-out}.saving-card{animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.popup-panel{animation:dropdownSlideIn .2s ease-out}.ingredient-row{animation:slideInFromLeft .3s ease-out}.recipe-card{animation:cardFadeIn .3s ease-out}.scan-card--filled{transition:all .3s cubic-bezier(.4,0,.2,1)}.scan-card--filled:hover{transform:scale(1.02)}.add-ingredient-button,.btn--back,.btn--continue,.btn--save,.complimentary-save-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.add-ingredient-button:active,.btn--back:active,.btn--continue:active,.btn--save:active{transform:scale(.97)}.chip{transition:all .2s cubic-bezier(.4,0,.2,1)}.chip:active{transform:scale(.95)}.boxed-input,.number-input,.select-input,.text-input{transition:all .2s cubic-bezier(.4,0,.2,1)}.boxed-input:focus{transform:translateY(-1px)}.suggestions{animation:dropdownSlideIn .2s ease-out}.suggestion-item{transition:background-color .15s ease}.nice-select-custom .ns-menu{animation:dropdownSlideIn .2s ease-out}.nice-select-custom .ns-option{transition:background-color .15s ease}.square-btn{transition:all .15s cubic-bezier(.4,0,.2,1)}.square-btn:hover{transform:scale(1.1)}.square-btn:active{transform:scale(.95)}.edit-actions .btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.edit-actions .btn:hover{transform:translateY(-1px)}.complimentary-ingredient-row{animation:slideInFromLeft .3s ease-out;transition:background .2s ease,transform .2s ease}.complimentary-ingredient-row:hover{transform:translateX(4px)}.action-tile{transition:all .3s cubic-bezier(.4,0,.2,1)}.action-tile:hover{transform:translateY(-2px)}.search-wrap input:focus{transform:scale(1.01)}.category-chips{animation:fadeIn .3s ease-out}.panel{animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-list-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-list-item:hover{background-color:#f9fafb;transform:translateX(4px)}.popup-item{transition:all .15s cubic-bezier(.4,0,.2,1)}.popup-item:active{transform:scale(.98)}.back-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.back-btn:active{transform:translateX(-2px) scale(.95)}.tile-box{transition:all .3s cubic-bezier(.4,0,.2,1)}.tile-box:hover{border-color:#999;transform:scale(1.05)}.form-input{transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input:focus{transform:translateY(-1px)}.dropzone{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-close{transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-close:hover{transform:rotate(90deg) scale(1.1)}.itemmap-modal-overlay{align-items:center;background:#000c;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.itemmap-modal-card{background:#fff;border-radius:12px;cursor:default;max-width:520px;padding:20px;width:90%}.itemmap-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.itemmap-menuscan-overlay{align-items:center;background:#000c;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.itemmap-menuscan-card{background:#fff;border-radius:12px;cursor:default;max-width:520px;padding:20px;width:90%}.itemmap-menuscan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.itemmap-multiplier-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}html body .recipe-card input[type=text].itemmap-recipe-name-input{background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#000!important;font-size:14px!important;min-height:38px!important;padding:8px 12px!important;width:100%!important}html body .recipe-card input[type=text].itemmap-recipe-name-input:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000001a!important;outline:none!important}html body .recipe-card input[type=number].itemmap-recipe-servings-input{background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#000!important;font-size:14px!important;min-height:38px!important;padding:8px 12px!important;width:100%!important}html body .recipe-card input[type=number].itemmap-recipe-servings-input:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000001a!important;outline:none!important}html body .recipe-card input[type=number].itemmap-recipe-price-input{background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#000!important;font-size:14px!important;min-height:38px!important;padding:8px 12px!important;width:100%!important}html body .recipe-card input[type=number].itemmap-recipe-price-input:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000001a!important;outline:none!important}body,html{margin:0!important;max-width:100vw!important;overflow-x:hidden!important;padding:0!important;position:relative!important;width:100%!important}body{background-color:#f5f5f5!important}.viewport-wrapper{align-items:flex-start!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;margin:0 auto!important;max-width:100vw!important;overflow-x:hidden!important;padding:0!important;position:relative!important;width:100%!important}.qrb-itemmap-container{font-family:sans-serif;min-height:100vh;padding:16px!important;padding-bottom:calc(106px + env(safe-area-inset-bottom, 0px))}.qrb-itemmap-container,.qrb-itemmap-container.qrb-editor{background:#fff!important;box-sizing:border-box;color:#000!important;margin-left:auto!important;margin-right:auto!important;max-width:100%!important;overflow-x:hidden!important;position:relative!important;width:100%!important}.itemmap-container{font-family:sans-serif;min-height:100vh;padding:16px!important;padding-bottom:calc(106px + env(safe-area-inset-bottom, 0px))}.itemmap-container,.itemmap-container.editor{background:#fff!important;box-sizing:border-box;color:#000!important;margin:0 auto!important;max-width:100%!important;overflow-x:hidden!important;position:relative!important;width:100%!important}.status-container{align-items:center;background:#fff;display:flex;font-family:sans-serif;justify-content:center;margin-left:auto;margin-right:auto;max-width:600px;min-height:100vh;padding:16px 16px calc(88px + env(safe-area-inset-bottom, 0px));text-align:left}.qrb-itemmap-header{align-items:center;display:flex;margin-bottom:2rem}.qrb-back-btn{background:none;border:none;cursor:pointer;margin-right:10px;padding:0}.qrb-page-title{color:#000!important;font-size:1.3rem;margin:0}.qrb-search-wrap{margin-bottom:16px;width:100%}.qrb-action-tiles{display:flex;flex-direction:row;gap:0;justify-content:center;margin-bottom:16px;width:100%}.qrb-action-tile.qrb-scan-full{align-items:center;background:#000!important;border:none;border-radius:12px;box-shadow:none;display:flex;flex-direction:column;justify-content:center;padding:0;width:100%}.qrb-action-tile.qrb-scan-full .qrb-scan-card--filled{border-radius:12px;height:260px}.qrb-action-tile.qrb-scan-full .qrb-camera-icon{height:72px;width:72px}.qrb-action-tile.qrb-scan-full .qrb-camera-icon svg{height:40px;width:40px}.qrb-action-tile.qrb-scan-full .qrb-scan-title{font-size:24px}.qrb-scan-svg{display:block;height:28px;width:28px}.qrb-action-tile.qrb-scan-full .qrb-scan-svg{height:40px!important;width:40px!important}.qrb-action-tile.qrb-scan-full .qrb-camera-icon-container{align-items:center;border:3px solid #ffffffe6;border-radius:14px;box-sizing:border-box;display:flex;height:65%;justify-content:center;margin:0 auto;max-width:10rem;min-height:120px;min-width:5rem;width:100%}.qrb-action-tile{border-radius:10px;text-align:center}.qrb-tile-btn{background:#0000;border:none;color:#fff;cursor:pointer;height:100%;width:100%}.qrb-category-chips{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;flex-wrap:nowrap;gap:6px;margin-bottom:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}.qrb-category-chips::-webkit-scrollbar{display:none}.qrb-chip{background:#fff;border:1px solid #d1d5db!important;border-radius:8px;color:#000;cursor:pointer;flex:0 1 auto;font-size:.92rem;min-width:0;padding:5px 8px;white-space:nowrap}.qrb-chip.qrb-active{background:#000;color:#fff}.qrb-recipe-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;cursor:pointer;margin-bottom:12px;max-width:none!important;padding:12px;position:relative;transition:all .3s ease;width:100%!important}.qrb-recipe-card:hover{border-color:#d1d5db;box-shadow:0 10px 25px #00000026,0 4px 10px #00000014;transform:translateY(-4px)}.qrb-edit-icon{color:#000;cursor:pointer;font-size:16px;position:absolute;right:10px;top:10px}.qrb-card-title{font-weight:700}.qrb-card-title,.qrb-recipe-meta{color:#000!important;text-align:left}.qrb-recipe-meta{font-size:13px;margin-top:4px}.qrb-recipe-status{font-size:14px;font-weight:700;line-height:1;margin-top:0;text-align:left}.qrb-recipe-status.qrb-confirmed{color:#16a34a;padding-top:8px}.qrb-recipe-status.qrb-pending{color:#999}.qrb-recipe-hero{border-radius:12px;height:18rem;margin-bottom:16px;object-fit:cover;width:100%}.qrb-recipe-titlebar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.qrb-recipe-title{color:#000!important;font-size:18px;font-weight:700}.qrb-step-indicator{color:#666;font-size:.9rem;margin-bottom:16px;text-align:center}.panel,.qrb-panel{background:#fff;border-radius:12px;box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:16px;width:100%}.panel-title,.qrb-panel-title{color:#000!important;margin-bottom:16px}.qrb-ingredient-row{align-items:center;background:#fff;border:none;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 0}.qrb-ingredient-row.qrb-editing{flex-wrap:wrap;row-gap:0}.qrb-ingredient-row.qrb-editing .qrb-text-input{font-size:1.1rem;padding:10px 0}.qrb-ingredient-name{color:#000!important;flex:1 1;font-weight:500;text-align:left}.qrb-ingredient-name.qrb-clickable{cursor:pointer;transition:color .2s ease}.qrb-ingredient-name.qrb-clickable:hover{color:#667eea}.qrb-number-input,.qrb-text-input{border:1px solid #ccc;border-radius:6px;color:#000!important;padding:4px}.qrb-number-input{text-align:center;width:60px}.qrb-select-input{border:1px solid #ccc;border-radius:6px;color:#000!important;min-width:80px;padding:4px}.qrb-controls-inline{justify-content:flex-end;min-width:200px}.qrb-controls-inline,.qrb-edit-actions{align-items:center;display:flex;gap:8px}.qrb-edit-actions{margin-left:8px}.qrb-edit-actions--block{justify-content:flex-end;margin-left:0;margin-top:0;padding-top:0;width:100%}.qrb-edit-actions--block .qrb-btn{font-size:1.1rem;line-height:1.1;margin:0;min-width:128px;padding:10px 18px}.qrb-square-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;padding:0;width:24px}.qrb-suggestions{background:#fff;border:1px solid #ddd;border-radius:8px;left:0;position:absolute;right:0;top:34px;z-index:20}.qrb-suggestion-item{cursor:pointer;display:flex;justify-content:space-between;padding:8px}.qrb-suggestion-unit{color:#666;font-size:12px}.qrb-btn{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:6px}.btn--primary,.qrb-btn--primary{background:#000;color:#fff}.btn--secondary,.qrb-btn--secondary{background:#ccc;color:#000}.qrb-footer-actions{display:flex;gap:10px;margin-top:20px}.qrb-btn--continue{background:#16a34a;border:none;border-radius:10px;color:#fff;flex:1 1;font-size:16px;padding:14px}.qrb-scan-card{border-radius:16px;box-sizing:border-box;flex-direction:row;gap:12px;padding:20px 18px;width:100%}.qrb-scan-card,.qrb-scan-card .qrb-camera-icon{align-items:center;display:flex;justify-content:center}.qrb-scan-card .qrb-camera-icon{background:#0000;border-radius:8px;color:#fff;font-size:36px;height:56px;width:56px}.qrb-scan-card .qrb-scan-title{color:#111;font-size:20px;font-weight:700}.qrb-scan-card .qrb-scan-subtitle{color:#666;font-size:14px}.qrb-scan-card--filled{align-items:center;background:#0000!important;color:#fff;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;padding:28px 22px!important;width:100%}.qrb-scan-card--filled .qrb-scan-title{color:#fff;font-size:20px;font-weight:700}.qrb-scan-card--filled .qrb-scan-subtitle{color:#d1d5db}.qrb-scan-card--filled .qrb-camera-icon path{fill:#fff!important}.qrb-scan-card--filled .qrb-camera-icon circle{fill:#0b0f13!important}.qrb-scan-card--filled{border:none!important;box-shadow:none!important}.qrb-action-tiles{align-items:stretch}.qrb-action-tile{background:#0000;padding:0}.qrb-action-tile .qrb-scan-card--filled{align-items:center;border-radius:10px;display:flex;height:100%;justify-content:center;margin-left:0;width:100%}.qrb-btn--save{background:#16a34a;border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;height:3.3rem;padding:14px}.qrb-add-ingredient-button{background-color:#fff!important;border:2px dashed #666;border-radius:12px;box-shadow:0 2px 6px #00000014;color:#000!important;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:12px;width:100%}.qrb-toast{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#fff;border-radius:8px;box-shadow:0 8px 24px #00000059;color:#000;display:flex;justify-content:center;left:50%;min-height:120px;padding:16px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:260px;z-index:2000}.qrb-toast-text{font-size:16px;line-height:1.3}.qrb-saving-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.qrb-saving-card{animation:fadeInScale .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:340px;min-width:280px;padding:32px;text-align:center}.qrb-spinner{animation:spin 1s linear infinite;font-size:48px;margin-bottom:16px}.qrb-saving-title{color:#000;font-size:18px;font-weight:700;margin-bottom:8px}.qrb-saving-subtitle{color:#666;font-size:14px;line-height:1.4}.qrb-modal-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.qrb-modal-card{background:#fff;border-radius:12px;max-width:520px;padding:20px;width:90%}.qrb-modal-card--wide{max-width:90%}.qrb-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.qrb-modal-close{background:none;border:none;cursor:pointer;font-size:20px}.qrb-dropzone{background:#f9f9f9;border:none;border-radius:8px;cursor:pointer;display:block;padding:40px;text-align:center;width:100%}.qrb-modal-list-item{align-items:center;border:1px solid #eeeeeeb3;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.qrb-modal-actions{display:flex;gap:8px}.qrb-status-container{text-align:left}.qrb-newrecipe-container,.qrb-status-container{background:#fff;font-family:sans-serif;margin-left:auto;margin-right:auto;max-width:600px;padding:16px 16px calc(88px + env(safe-area-inset-bottom, 0px))}.qrb-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}.qrb-form-row{margin-bottom:12px}.qrb-form-label{display:block;font-weight:700;margin-bottom:4px}.qrb-form-grid{display:flex;gap:12px;margin-bottom:12px}.qrb-form-col{flex:1 1}.qrb-form-actions{display:flex;gap:10px;margin-top:16px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media screen and (min-width:769px){.qrb-itemmap-container,.qrb-itemmap-container.qrb-editor,.qrb-newrecipe-container,.qrb-status-container{margin:0 auto!important;max-width:600px!important;width:600px!important}}.qrb-nice-select-custom{align-items:center;display:inline-flex;position:relative;width:auto}.qrb-nice-select-custom .qrb-ns-control{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;justify-content:space-between;line-height:1.2;min-height:36px;min-width:90px;padding:8px 10px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.qrb-nice-select-custom .qrb-ns-control:hover{background-color:#fafafa;border-color:#d1d5db}.qrb-nice-select-custom .qrb-ns-control:focus{border-color:#000;box-shadow:0 4px 20px #00000026;outline:none}.qrb-nice-select-custom.qrb-open .qrb-ns-control{border-color:#f7f9fd;box-shadow:0 4px 20px #00000026}.qrb-nice-select-custom.qrb-disabled .qrb-ns-control{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.qrb-nice-select-custom .qrb-ns-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid #9ca3af;height:0;margin-left:8px;transition:transform .2s ease;width:0}.qrb-nice-select-custom.qrb-open .qrb-ns-arrow{transform:rotate(180deg)}.qrb-nice-select-custom .qrb-ns-menu{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #00000014;left:0;max-height:260px;overflow:auto;padding:6px 0;position:absolute;right:0;scrollbar-color:#cfd8dc #f0f2f5;scrollbar-width:thin;top:calc(100% + 6px);z-index:1000}.qrb-nice-select-custom .qrb-ns-menu::-webkit-scrollbar{height:6px;width:6px}.qrb-nice-select-custom .qrb-ns-menu::-webkit-scrollbar-track{background:#f0f2f5}.qrb-nice-select-custom .qrb-ns-menu::-webkit-scrollbar-thumb{background:#cfd8dc;border-radius:6px}.qrb-nice-select-custom .qrb-ns-menu::-webkit-scrollbar-thumb:hover{background:#b0bec5}.qrb-nice-select-custom .qrb-ns-option{color:#111827;cursor:pointer;font-size:14px;padding:10px 12px}.qrb-nice-select-custom .qrb-ns-option:hover{background:#f9fafb}.qrb-nice-select-custom .qrb-ns-option.qrb-selected{background:#f3f4f6;font-weight:700}.qrb-nice-select-custom .qrb-ns-option.qrb-active{background:#eff6ff}@media screen and (max-width:768px){.qrb-itemmap-container{margin:0!important;min-height:100vh}.qrb-itemmap-container,.qrb-itemmap-container.qrb-editor,.qrb-newrecipe-container,.qrb-status-container{box-sizing:border-box!important;max-width:100%!important;padding:16px!important;width:100%!important}.qrb-newrecipe-container,.qrb-status-container{margin:0!important}.qrb-itemmap-header{margin-bottom:2rem}.qrb-page-title{font-size:1.3rem}.qrb-action-tiles,.qrb-search-wrap{margin-bottom:16px;width:100%}.qrb-action-tile.qrb-scan-full{border-radius:12px;width:100%}.qrb-action-tile.qrb-scan-full .qrb-scan-card--filled{border-radius:12px;height:260px;margin-left:0;padding:28px 22px!important}.qrb-category-chips{gap:6px;margin-bottom:12px;width:100%}.qrb-chip{border-radius:8px;font-size:.92rem;padding:5px 8px}.qrb-recipe-card{border-radius:8px;margin-bottom:12px;max-width:none!important;padding:12px;width:100%!important}.qrb-card-title{font-size:16px;font-weight:700}.qrb-recipe-meta{font-size:13px;margin-top:4px}.qrb-recipe-status{font-size:14px;margin-top:0;padding-top:8px}.qrb-edit-icon{font-size:16px;right:10px;top:10px}.qrb-btn--continue,.qrb-btn--save{font-size:16px;height:3.3rem;padding:14px}.qrb-add-ingredient-button{font-size:16px;margin-bottom:20px;padding:12px}.qrb-ingredient-row{gap:8px!important;padding:14px 0!important}.qrb-ingredient-row.qrb-editing{gap:8px!important}.qrb-ingredient-name{font-size:.95rem!important}.qrb-controls-inline{gap:6px!important}.qrb-square-btn{font-size:14px!important;height:28px!important;width:28px!important}.qrb-number-input{font-size:14px!important;width:50px!important}.qrb-edit-actions,.qrb-edit-actions--block{margin-left:4px!important}.qrb-edit-actions--block{width:auto!important}.qrb-edit-actions--block .qrb-btn{font-size:.9rem!important;min-width:auto!important;padding:6px 12px!important}.qrb-modal-card{border-radius:12px;max-width:520px;padding:20px;width:90%}.qrb-recipe-hero{border-radius:12px;height:18rem;margin-bottom:16px}.qrb-panel{border-radius:12px;padding:16px}}@media screen and (max-width:480px){.qrb-itemmap-container,.qrb-itemmap-container.qrb-editor,.qrb-newrecipe-container,.qrb-status-container{padding:12px!important}.qrb-itemmap-header{margin-bottom:1.5rem}.qrb-page-title{font-size:1.2rem}.qrb-action-tiles,.qrb-search-wrap{margin-bottom:14px}.qrb-action-tile.qrb-scan-full .qrb-scan-card--filled{height:220px;margin-left:0;padding:24px 18px!important}.qrb-category-chips{gap:5px;margin-bottom:10px}.qrb-chip{font-size:.88rem;padding:4px 7px}.qrb-recipe-card{margin-bottom:10px;padding:10px}.qrb-card-title{font-size:15px}.qrb-recipe-meta{font-size:12px}.qrb-recipe-status{font-size:13px}.qrb-edit-icon{font-size:15px;right:8px;top:8px}}@media screen and (min-width:601px){.itemmap-container,.newrecipe-container,.qrb-itemmap-container,.qrb-newrecipe-container,.qrb-status-container,.status-container{margin-left:auto!important;margin-right:auto!important;max-width:632px!important;padding:20px 16px!important;width:600px!important}.qrb-itemmap-header{margin-bottom:2.2rem}.qrb-page-title{font-size:1.35rem}.qrb-action-tile .qrb-scan-card--filled{margin-left:0}.qrb-action-tile.qrb-scan-full .qrb-scan-card--filled{height:280px}.qrb-recipe-card{padding:14px}.qrb-card-title{font-size:16.5px}.qrb-recipe-meta{font-size:13.5px}.itemmap-header{margin-bottom:2.2rem}.page-title{font-size:1.35rem}.action-tile .scan-card--filled{margin-left:0}.action-tile.scan-full .scan-card--filled{height:280px}.recipe-card{padding:14px}.card-title{font-size:16.5px}.recipe-meta{font-size:13.5px}}@media screen and (min-width:1024px){.qrb-recipe-hero{height:20rem}.qrb-page-title{font-size:1.45rem}.qrb-recipe-status{font-size:15px}.recipe-hero{height:15rem}.page-title{font-size:1.45rem}.recipe-status{font-size:15px}}@media screen and (max-width:768px){.qrb-itemmap-container,.qrb-itemmap-container.qrb-editor,.qrb-newrecipe-container,.qrb-status-container{box-sizing:border-box!important;margin:0!important;max-width:100%!important;padding:16px!important;width:100%!important}.qrb-ingredient-row:not(.qrb-editing){align-items:center!important;display:flex!important;justify-content:space-between!important;padding:12px 0!important}.qrb-ingredient-row.qrb-editing,.qrb-ingredient-row:not(.qrb-editing){flex-wrap:wrap!important;gap:8px!important}.qrb-ingredient-row:not(.qrb-editing)>.qrb-ingredient-name,.qrb-ingredient-row:not(.qrb-editing)>div:first-child{align-self:flex-start!important;flex:0 1 auto!important;font-size:1rem!important;margin-right:8px!important;min-width:80px!important;order:1!important;overflow:hidden!important;text-align:left!important;text-overflow:ellipsis!important;white-space:nowrap!important}.qrb-ingredient-row:not(.qrb-editing)>.qrb-controls-inline,.qrb-ingredient-row:not(.qrb-editing)>div:last-child{align-items:center!important;display:flex!important;flex:0 0 auto!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:5px!important;justify-content:flex-end!important;margin-left:auto!important;order:2!important}.qrb-square-btn{height:28px!important;padding:0!important;width:28px!important}.qrb-number-input,.qrb-square-btn{flex-shrink:0!important;font-size:14px!important}.qrb-number-input{padding:4px 2px!important;text-align:center!important;width:45px!important}.qrb-ingredient-row:not(.qrb-editing) .qrb-controls-inline>div:last-child,.qrb-ingredient-row:not(.qrb-editing) .qrb-controls-inline>div[role=button]{max-width:90px!important;min-width:70px!important}.qrb-edit-actions,.qrb-edit-actions--block{margin-left:4px!important}.qrb-edit-actions--block{width:auto!important}.qrb-edit-actions--block .qrb-btn{font-size:.9rem!important;min-width:auto!important;padding:6px 12px!important}}@media screen and (max-width:480px){.qrb-itemmap-container,.qrb-itemmap-container.qrb-editor,.qrb-newrecipe-container,.qrb-status-container{padding:12px!important}}.qritemmap-modal-overlay{align-items:center;background:#000c;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.qritemmap-modal-card{background:#fff;border-radius:12px;cursor:default;max-width:520px;padding:20px;width:90%}.qritemmap-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.qritemmap-menuscan-overlay{align-items:center;background:#000c;cursor:pointer;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.qritemmap-menuscan-card{background:#fff;border-radius:12px;cursor:default;max-width:520px;padding:20px;width:90%}.qritemmap-menuscan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.qritemmap-multiplier-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}html body .qrb-recipe-card input[type=text].qritemmap-recipe-name-input{background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#000!important;font-size:14px!important;min-height:38px!important;padding:8px 12px!important;width:100%!important}html body .qrb-recipe-card input[type=text].qritemmap-recipe-name-input:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000001a!important;outline:none!important}html body .qrb-recipe-card input[type=number].qritemmap-recipe-servings-input{background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#000!important;font-size:14px!important;min-height:38px!important;padding:8px 12px!important;width:100%!important}html body .qrb-recipe-card input[type=number].qritemmap-recipe-servings-input:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000001a!important;outline:none!important}html body .qrb-recipe-card input[type=number].qritemmap-recipe-price-input{background:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#000!important;font-size:14px!important;min-height:38px!important;padding:8px 12px!important;width:100%!important}html body .qrb-recipe-card input[type=number].qritemmap-recipe-price-input:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000001a!important;outline:none!important}html body .qrb-recipe-card input.boxed-input.qritemmap-recipe-name-input[type=text],html body .recipe-card input.boxed-input.qritemmap-recipe-name-input[type=text]{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #fff!important;border-radius:8px!important;box-sizing:border-box!important;color:#000!important;font-size:14px!important;min-height:38px!important;outline:none!important;padding:8px 12px!important;width:100%!important}html body .qrb-recipe-card input.boxed-input.qritemmap-recipe-price-input[type=number],html body .qrb-recipe-card input.boxed-input.qritemmap-recipe-servings-input[type=number],html body .recipe-card input.boxed-input.qritemmap-recipe-price-input[type=number],html body .recipe-card input.boxed-input.qritemmap-recipe-servings-input[type=number]{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-sizing:border-box!important;color:#000!important;font-size:14px!important;min-height:38px!important;outline:none!important;padding:8px 12px!important;width:100%!important}html body .qrb-recipe-card input.boxed-input.qritemmap-recipe-name-input[type=text]:focus,html body .qrb-recipe-card input.boxed-input.qritemmap-recipe-price-input[type=number]:focus,html body .qrb-recipe-card input.boxed-input.qritemmap-recipe-servings-input[type=number]:focus,html body .recipe-card input.boxed-input.qritemmap-recipe-name-input[type=text]:focus,html body .recipe-card input.boxed-input.qritemmap-recipe-price-input[type=number]:focus,html body .recipe-card input.boxed-input.qritemmap-recipe-servings-input[type=number]:focus{border-color:#000!important;box-shadow:0 0 0 2px #0000001a!important;outline:none!important}:root{--primary-bg:#f9fafb;--screen-bg:#f9fafb;--card-hover-bg:#f8f9fa;--search-bg:#fff;--text-primary:#121212;--text-secondary:#6c757d;--text-light:#8a92a6;--icon-color:#505050;--active-color:#121212;--border-color:#e9ecef;--shadow-color:#0000000d}body{background-color:#f5f5f5;font-family:Inter,sans-serif}.page-wrapper{display:flex;justify-content:center}.phone-container{background-color:#f9fafb;background-color:var(--screen-bg);display:flex;flex-direction:column;max-width:600px;width:100%;width:100vw}.screen-content{-ms-overflow-style:none;flex-grow:1;overflow-y:auto;scrollbar-width:none}.screen-content::-webkit-scrollbar{display:none}.reports-header{padding:0 .5rem}.reports-header h1{color:#121212;color:var(--text-primary);font-size:1.6rem;font-weight:600;margin:0 0 1rem}.search-container{box-sizing:border-box;width:100%!important}.section-title-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:1rem;padding:0 .5rem;text-align:left}.section-title-header h2,.section-title-header h3{color:#121212;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.section-title-header h3{flex-grow:1;margin-left:.75rem}.favorites-star-icon,.section-icon{color:#505050;color:var(--icon-color);font-size:1.25rem}.favorites-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:2rem}.favorite-card{align-items:flex-start;background-color:#fff;background-color:var(--card-bg);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:100px;padding:1.25rem;text-align:left;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.favorite-card:hover{background-color:#f8f9fa;background-color:var(--card-hover-bg);transform:translateY(-2px)}.favorite-icon{align-self:flex-start;color:#505050;color:var(--icon-color);font-size:1.75rem;margin-bottom:.75rem}.favorite-label{color:#121212;color:var(--text-primary);font-size:1rem;font-weight:500;text-align:left;width:100%}.reports-list{padding-bottom:calc(76px + env(safe-area-inset-bottom, 20px))!important}.report-section{background-color:#fff;background-color:var(--card-bg);border:1px solid #e9ecef;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000000d;box-shadow:0 4px 12px var(--shadow-color);margin-bottom:1.5rem;overflow:hidden;padding:0}.report-section .section-title-header{margin-bottom:0;padding:1rem 1rem .5rem}.report-card{align-items:center;background-color:initial;border-top:1px solid #e9ecef;border-top:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:.98rem .7rem .7rem 1rem;text-align:left;transition:background-color .2s ease-in-out}.report-card:hover{background-color:#f8f9fa;background-color:var(--card-hover-bg)}.card-text{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1;text-align:left}.card-title{color:#121212;color:var(--text-primary);font-size:1rem;margin-bottom:.25rem;text-align:left}.card-subtitle{color:#6c757d;color:var(--text-secondary);font-size:.875rem;text-align:left}.card-arrow-icon{color:#8a92a6;color:var(--text-light);font-size:1.25rem;margin-left:1rem}.no-results{color:#6c757d;color:var(--text-secondary);padding:2rem;text-align:center}.bottom-nav{background-color:#f9fafb;background-color:var(--screen-bg);border-top:1px solid #e9ecef;border-top:1px solid var(--border-color);justify-content:space-around;margin-top:auto;padding:.75rem 0}.bottom-nav,.nav-item{align-items:center;display:flex}.nav-item{color:#8a92a6;color:var(--text-light);cursor:pointer;flex-direction:column;font-size:.75rem;font-weight:500;position:relative;transition:color .2s ease-in-out;width:60px}.nav-item:hover{color:#121212;color:var(--text-primary)}.nav-icon{font-size:1.5rem;margin-bottom:.25rem}.nav-item.active{color:#121212;color:var(--active-color);font-weight:600}.nav-item.active:before{background-color:#121212;background-color:var(--active-color);border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:40px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.export-toast{align-items:center;animation:toastSlideIn .35s cubic-bezier(.4,0,.2,1);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;bottom:28px;box-shadow:0 8px 18px -4px #10b98159,0 2px 6px -2px #10b98140;color:#065f46;display:flex;font-size:14px;font-weight:600;gap:10px;padding:12px 18px;pointer-events:none;position:fixed;right:28px;z-index:3000}.export-toast-icon{align-items:center;background:#10b981;border-radius:50%;box-shadow:0 0 0 4px #d1fae5;color:#fff;display:flex;font-size:16px;font-weight:700;height:26px;justify-content:center;width:26px}.export-toast-text{letter-spacing:.3px}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:640px){.export-toast{bottom:20px;justify-content:center;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 40px)}.export-toast-icon{box-shadow:none}}.stockrepo-container{background-color:#fff;margin:0 auto;max-width:600px;min-height:100%;padding-bottom:calc(76px + env(safe-area-inset-bottom, 20px));width:100%;width:100vw}.main-content-area{display:flex;flex-direction:column;gap:20px;padding:10px 15px 15px}.stock-header{background-color:#fff;margin:0;padding:0}.stock-header-row{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;padding:0}.stock-back-btn{align-items:center;background:none;border:none;box-shadow:none;color:#000;cursor:pointer;display:flex;justify-content:center;line-height:0;padding-top:10px}.stock-back-btn svg{height:22px;width:22px}.stock-header-title{font-size:24px;font-weight:600;line-height:1.1;margin:0;padding-top:8px}.stock-date-selector{margin-top:0;width:100%}.card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px -1px #00000012;display:flex;flex-direction:column;overflow:hidden;padding:20px 20px 16px;transition:all .3s ease-in-out}.highlighted{animation:highlightPulse .6s ease-in-out;position:relative;transform:scale(1.01);z-index:10}.highlighted .card{border-color:#3b82f6!important;border-width:2px!important;box-shadow:0 8px 20px -2px #3b82f640!important}.highlighted .card-title-external{color:#3b82f6!important;font-weight:600}@keyframes highlightPulse{0%{box-shadow:0 0 0 0 #3b82f666;transform:scale(1)}50%{box-shadow:0 0 0 8px #3b82f61a;transform:scale(1.02)}to{box-shadow:0 0 0 0 #3b82f600;transform:scale(1.01)}}.donut-card-flat{background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 12px -1px #00000012;overflow:visible;position:relative}.highcharts-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;margin-top:0;padding:20px;transition:none}.highcharts-container:hover{box-shadow:none;transform:none}.highcharts-chart{filter:none}.chart-modal-overlay{align-items:center;background:#11182799;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.chart-modal{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:92vh;overflow:hidden;width:min(980px,96vw)}.chart-modal-title{border-bottom:1px solid #eef2f7;font-size:18px;font-weight:700;margin:0;padding:14px 16px}.chart-modal-close{background:#111827;border:0;border-radius:20px;color:#fff;cursor:pointer;height:28px;position:absolute;right:20px;top:16px;width:28px}.chart-modal-body{padding:12px 16px 18px}.highcharts-chart.fullscreen{height:72vh!important}.donut-card-flat .card-title-external{color:#1a202c!important;font-size:18px;font-weight:700}.donut-card-flat .see-all-link{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#111827!important;padding:6px 12px;transition:all .2s ease}.donut-card-flat .see-all-link:hover{background:#e5e7eb;transform:translateY(-1px)}@keyframes chartFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.highcharts-container{animation:chartFadeIn .6s ease-out}.card-title-external{color:#1a202c;font-size:1.1rem;font-weight:700;margin-bottom:10px;margin-top:0}.card-header,.card-title{flex-shrink:0}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.card-title{font-size:18px;font-weight:600;margin:0}.see-all-link{color:#3b82f6;cursor:pointer;font-size:14px;font-weight:500;text-align:right}.top-bar{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;box-sizing:border-box;display:flex;justify-content:space-between;padding:0 15px 12px}.stockrepo-back-btn{background:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;left:15px;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:36px}.stockrepo-back-btn,.top-bar-title{align-items:center;justify-content:center}.top-bar-title{display:flex;flex-grow:1;font-size:18px;font-weight:600;gap:10px;margin:0;position:relative;text-align:center}.date-selector-card{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between;padding:12px 15px}.date-picker-container{width:100%}.date-dropdown-container,.date-picker-container{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:8px 12px;position:relative}.date-dropdown-container svg:first-of-type{color:#6b7280}.date-dropdown{-webkit-appearance:none;appearance:none;background-color:initial;border:none;color:#374151;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding-right:20px}.date-dropdown:focus{outline:none}.dropdown-arrow{color:#6b7280;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.chevron-down{border:solid #000;border-width:0 2px 2px 0;display:inline-block;padding:3px;position:absolute;right:1rem;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.calendar-input{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:7px 12px}.stock-cal-days-grid::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.stock-cal-days-grid{-ms-overflow-style:none!important;scrollbar-width:none!important}.stock-date-picker-overlay{background-color:#00000080}.sales-date-picker-overlay,.stock-date-picker-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sales-date-picker-overlay{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#11182759}.stockrepo-container .sales-date-picker-popup{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:600px!important;padding:20px;width:600px!important}@media (max-width:800px){.stockrepo-container .sales-date-picker-popup{max-width:600px;width:90%}}@media (max-width:480px){.stockrepo-container .sales-date-picker-popup{max-width:95%;width:95%}}.sales-date-picker-popup .calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.sales-date-picker-popup .calendar-header button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:5px 10px}.sales-date-picker-popup .calendar-header button:hover{background-color:#f0f2f5}.sales-date-picker-popup .calendar-header h3{font-size:16px;font-weight:600;margin:0}.sales-date-picker-popup .calendar-weekdays{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.sales-date-picker-popup .weekday{color:#6c757d;font-size:12px;font-weight:500;padding:5px;text-align:center}.sales-date-picker-popup .calendar-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr)}.sales-date-picker-popup .calendar-day{align-items:center;aspect-ratio:1;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;transition:background-color .2s}.sales-date-picker-popup .calendar-day:hover{background-color:#f0f2f5}.sales-date-picker-popup .calendar-day.today{background-color:#007aff;color:#fff}.sales-date-picker-popup .calendar-day.empty{cursor:default}.sales-date-picker-popup .calendar-day.empty:hover{background-color:initial}.stock-date-picker-popup{-ms-overflow-style:none;animation:slideUp .22s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 48px #00000040;box-sizing:border-box;display:flex;flex-direction:column;height:auto;max-height:min(80vh,calc(100vh - 24px));max-width:600px;min-width:320px;overflow-y:auto;padding:20px 24px;scrollbar-width:none;width:min(600px,calc(100vw - 24px))}.stock-date-picker-popup.mobile{-ms-overflow-style:auto!important;border-radius:16px;height:auto;max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:100vw!important;padding:16px!important;scrollbar-width:auto!important;width:100vw!important}.stock-date-picker-overlay.mobile{align-items:flex-start;justify-content:center;overflow-y:auto;padding-bottom:8px;padding-top:calc(env(safe-area-inset-top, 0) + 8px)}.stock-date-picker-popup.mobile .stock-cal-header h3{font-size:14px}.stock-date-picker-popup.mobile .stock-cal-day,.stock-date-picker-popup.mobile .stock-cal-weekday{font-size:12px}.stock-date-picker-popup.mobile *{-ms-overflow-style:auto!important;scrollbar-width:auto!important}.stock-date-picker-popup.mobile ::-webkit-scrollbar,.stock-date-picker-popup.mobile::-webkit-scrollbar{display:block!important;height:6px!important;width:6px!important}.stock-date-picker-popup::-webkit-scrollbar{display:none}.stock-cal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.stock-cal-header button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:5px 10px}.stock-cal-header button:hover{background-color:#f0f2f5}.stock-cal-header h3{font-size:16px;font-weight:600;margin:0}.stock-cal-weekdays{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.stock-cal-weekday{color:#6c757d;font-size:12px;font-weight:500;padding:5px;text-align:center}.stock-cal-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr)}.stock-cal-day{align-items:center;aspect-ratio:1;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;transition:background-color .2s}.stock-cal-day:hover{background-color:#f0f2f5}.stock-cal-day.today{background-color:#007aff;color:#fff}.stock-cal-day.empty{cursor:default}.stock-cal-day.empty:hover{background-color:initial}.date-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;background-color:initial;border:none;box-shadow:none;color:#000;cursor:pointer;flex-grow:1;font-size:.9rem;font-weight:500;outline:none;padding:0 1.5rem 0 .5rem}.date-select:active,.date-select:focus,.date-select:focus-visible{background:#0000!important;background-color:initial!important;border:none!important;box-shadow:none!important;outline:none!important}.date-select::-ms-expand{display:none}.date-select::-moz-focus-inner{border:0}.date-picker{background-color:#f9fafb;border-radius:8px;font-size:.9rem;font-weight:500;padding:.5rem 1rem;width:100%}.date-picker,.period-trigger{align-items:center;display:flex;justify-content:space-between}.period-trigger{color:#000;cursor:pointer;flex:1 1;padding:10px 14px}.period-trigger .label{font-size:14px;font-weight:500}.period-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000002e;left:46px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:1100}.period-menu .select-list{-webkit-overflow-scrolling:touch;background:#fff;border-radius:10px;-webkit-clip-path:inset(0 round 10px);clip-path:inset(0 round 10px);max-height:240px;overflow-x:hidden;overflow-y:auto}.period-option{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 14px}.period-option:hover{background:#f5f5f5}.period-option.active{background:#f5f5f5;font-weight:600}.card-search-icon{color:#9ca3af;margin-right:8px}.card-search-input{background:#0000;border:none;font-size:14px;outline:none;width:100%}.card-content-scrollable{-ms-overflow-style:none!important;flex-grow:1;overflow-y:auto!important;padding-left:0;padding-right:0;scrollbar-width:none!important;text-align:left}.card-content-scrollable::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.card-content-scrollable::-webkit-scrollbar-thumb,.card-content-scrollable::-webkit-scrollbar-track{display:none!important}.item-sales-card .card-content-scrollable,.raw-material-stock-card .card-content-scrollable{-ms-overflow-style:none!important;scrollbar-width:none!important}.item-sales-card .card-content-scrollable,.raw-material-stock-card .card-content-scrollable{max-height:360px}.item-sales-card .card-content-scrollable::-webkit-scrollbar,.raw-material-stock-card .card-content-scrollable::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.wastage-card{height:300px}.line-graph-container{height:200px;position:relative}.item-sales-card{height:60vh;max-height:700px;min-height:480px}.raw-material-stock-card{height:65vh;max-height:720px;min-height:500px}.performance-summary-card{height:60vh;max-height:650px;min-height:450px}.estimated-realtime-card{height:280px;overflow:hidden}.estimated-realtime-card>div{-ms-overflow-style:none!important;scrollbar-width:none!important}.estimated-realtime-card>div::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.estimated-realtime-card table,.estimated-realtime-card tbody{scrollbar-width:none!important}.item-row{border-bottom:1px solid #f3f4f6;display:flex;gap:15px;padding:16px 4px}.item-row:last-child{border-bottom:none}.item-image{height:50px;width:50px}.item-details{flex:1 1;gap:2px;justify-content:center}.item-name{font-size:15px;margin:0}.item-meta{color:#6b7280;font-size:14px;margin:0}.item-wastage{color:#f87171;font-size:13px;margin:0}.item-profit{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.item-profit-value{color:#374151;font-size:15px;font-weight:600;margin:0}.item-profit-change{color:#16a34a;font-size:14px;margin-top:2px}.item-profit-icon{display:none}.item-row-new{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-left:0;padding:16px 1px;text-align:left}.item-row-new:last-child{border-bottom:none}.item-row-left{align-items:center;display:flex;flex:1 1;gap:16px;justify-content:flex-start}.item-image-new{background-color:#f8fafc;border-radius:12px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.item-details-new{align-items:flex-start;display:flex;flex-direction:column;gap:4px;text-align:left}.item-name-new{color:#1e293b;font-size:16px;font-weight:600;margin:0;text-align:left}.item-price-new{color:#64748b;font-size:14px}.item-price-new,.item-wastage-new{font-weight:500;margin:0;text-align:left}.item-wastage-new{color:#f97316;font-size:13px}.item-profit-new{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.item-profit-value-new{color:#22c55e;font-size:16px;font-weight:700;margin:0}.currency-symbol{color:#000!important}.profit-amount{color:#22c55e}.item-profit-change-new{color:#22c55e;font-size:14px;font-weight:600;margin:0}.summary-list-container{display:flex;flex-direction:column;gap:8px}.summary-list-header,.summary-list-row{grid-gap:10px;border-radius:12px;display:grid;gap:10px;grid-template-columns:2.5fr 1fr 1fr 1fr;padding:14px 16px}.summary-list-header{background-color:#f3f4f6;color:#4b5563;font-size:13px;font-weight:600}.summary-list-header span:first-child{text-align:left}.summary-list-header span:not(:first-child){text-align:center}.summary-list-row{background-color:#f9fafb;color:#374151;font-size:14px}.summary-table{display:none}.performance-summary-card{display:flex;flex-direction:column;height:450px}.performance-summary-header{background-color:#fff;border-bottom:2px solid #e5e7eb;flex-shrink:0;z-index:2}.performance-summary-content{-ms-overflow-style:none!important;flex:1 1;overflow-x:hidden!important;overflow-y:auto!important;padding:0;scrollbar-width:none!important}.performance-summary-content::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.performance-summary-content::-webkit-scrollbar-thumb,.performance-summary-content::-webkit-scrollbar-track{display:none!important}.performance-summary-card .performance-summary-content{-ms-overflow-style:none!important;scrollbar-width:none!important}.performance-summary-card .performance-summary-content::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.summary-list-row-new{grid-gap:10px;background-color:#fff;border-bottom:1px solid #f1f5f9;display:grid;gap:10px;grid-template-columns:2.5fr 1fr 1fr 1fr;padding:16px;transition:background-color .2s ease}.summary-list-row-new:hover{background-color:#f8fafc}.summary-list-row-new:last-child{border-bottom:none}.summary-item-name{color:#374151;font-size:14px;font-weight:500;text-align:left}.summary-item-profit,.summary-item-sales,.summary-item-wastage{color:#1f2937;font-size:14px;font-weight:600;text-align:center}.summary-item-profit{color:#059669}.summary-item-wastage{color:#dc2626}.stock-row{border-bottom:1px solid #f3f4f6;padding:12px 0}.stock-row:last-child{border-bottom:none}.stock-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.stock-name{font-size:14px;font-weight:500;margin:0}.stock-status{border-radius:12px;font-size:12px;font-weight:500;padding:3px 10px}.status-sufficient{background-color:#dcfce7;color:#166534}.status-low{background-color:#feefc7;color:#92400e}.stock-details{color:#6b7280;display:flex;font-size:12px;gap:15px}.stock-item-card{background-color:#fafafa;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:12px;padding:16px}.stock-item-card:last-child{margin-bottom:0}.stock-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stock-item-name{color:#1a1a1a;font-size:16px;font-weight:600;margin:0}.stock-item-status{border-radius:16px;font-size:12px;font-weight:500;padding:4px 12px}.stock-item-status.status-sufficient{background-color:#e8f5e8;color:#2d5a2d}.stock-item-status.status-low{background-color:#fff3cd;color:#856404}.stock-item-details{grid-gap:28px;align-items:flex-start;display:grid;gap:28px;grid-template-columns:repeat(4,minmax(70px,1fr));padding-top:4px}.stock-item-details .stock-detail-item:last-child{align-items:flex-end;text-align:right}.stock-detail-item{align-items:flex-start;display:flex;flex:none;flex-direction:column;min-width:70px;text-align:left}.stock-detail-label{color:#666;font-size:12px;font-weight:500;margin-bottom:2px;text-transform:capitalize}.stock-detail-value{color:#1a1a1a;font-size:14px;font-weight:600}.stock-detail-value.negative{color:#666}.consumption-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;height:auto;max-height:none;min-height:auto;overflow:visible;padding:20px}.consumption-chart-container-new{-webkit-overflow-scrolling:touch;background-color:initial;border:none;border-radius:0;box-sizing:border-box;height:395px;margin-top:0;max-height:395px;max-width:100%;min-height:365px;overflow-x:scroll;overflow-y:hidden;padding:0;position:relative;scroll-behavior:smooth;scrollbar-color:#64748b #f1f5f9;scrollbar-gutter:stable;scrollbar-width:auto;transition:none;width:100%}.consumption-chart-container-new:before{background:linear-gradient(90deg,#fff 60%,#fffc 80%,#0000);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:60px;z-index:10}.consumption-chart-container-new::-webkit-scrollbar{-webkit-appearance:none;background:#f1f5f9;height:14px}.consumption-chart-container-new::-webkit-scrollbar-track{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;box-shadow:inset 0 0 4px #0000001a;margin:0 3px}.consumption-chart-container-new::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#64748b,#475569);border:1px solid #334155;border-radius:7px;box-shadow:0 2px 4px #0003;min-width:30px;-webkit-transition:all .3s ease;transition:all .3s ease}.consumption-chart-container-new::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#475569,#334155);box-shadow:0 2px 6px #0000004d}.consumption-chart-container-new::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#334155,#1e293b);box-shadow:inset 0 1px 3px #0000004d}.consumption-chart-container-new.scrolling .highcharts-series-group{opacity:.3;transition:opacity .2s ease}.consumption-chart-container-new:not(.scrolling) .highcharts-series-group{opacity:1;transition:opacity .3s ease}.consumption-chart-container-new canvas{display:block!important;height:auto!important;min-height:500px!important;position:relative!important;width:calc(100% - 20px)!important}.fullscreen-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.fullscreen-modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;height:95vh;overflow-x:auto;overflow-y:hidden;padding:25px;position:relative;width:98vw}.fullscreen-close-btn{align-items:center;background:#f87171;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10001}.fullscreen-close-btn:hover{background:#ef4444;transform:scale(1.1)}.fullscreen-chart-container{height:calc(90vh - 80px);min-height:500px;overflow:auto;width:100%}.consumption-chart-container-new .highcharts-container{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;height:380px!important;margin:0!important;min-width:1400px!important;padding:0!important;width:100%!important}.consumption-chart-container-new .highcharts-chart{filter:none!important;min-width:1400px!important}.consumption-chart-container-new .highcharts-series-0 .highcharts-point{fill:#ff8c42!important;transition:all .3s ease!important}.consumption-chart-container-new .highcharts-series-1 .highcharts-point{fill:#8e44ad!important;transition:all .3s ease!important}.consumption-chart-container-new .highcharts-axis-labels text{fill:#374151!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:12px!important;font-weight:500!important}.consumption-chart-container-new .highcharts-grid-line{stroke:#f3f4f6!important;stroke-width:1px!important}.consumption-chart-container-new .highcharts-axis-line{stroke-width:3px!important;z-index:11!important}.consumption-chart-container-new .highcharts-yaxis,.consumption-chart-container-new .highcharts-yaxis-grid,.consumption-chart-container-new .highcharts-yaxis-labels,.consumption-chart-container-new .highcharts-yaxis-title{opacity:1!important;visibility:visible!important;z-index:10!important}.consumption-chart-container-new .highcharts-tooltip{z-index:9999!important}.consumption-chart-container-new .highcharts-tooltip-box{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))!important}.consumption-chart-container-new .highcharts-label-box,.consumption-chart-container-new .highcharts-tooltip-box{stroke:#d1d5db!important;stroke-width:1!important;fill:#fffffffa!important}.consumption-chart-container-new .highcharts-yaxis-labels text{opacity:1!important;visibility:visible!important}.consumption-chart-container-new .highcharts-xaxis-labels text,.consumption-chart-container-new .highcharts-yaxis-labels text{fill:#374151!important;font-family:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'!important;font-size:12px!important;font-weight:500!important}.consumption-chart-container-new .highcharts-xaxis-labels text{text-anchor:middle!important;alignment-baseline:baseline!important;dominant-baseline:auto!important;transform:rotate(0deg)!important;transform-origin:center bottom!important}.consumption-chart-container-new .highcharts-xaxis-labels{transform:translateY(0)!important}.consumption-chart-container-new .highcharts-xaxis .highcharts-tick{transform:none!important}.consumption-chart-container-new text{opacity:1!important;visibility:visible!important}.consumption-chart-container-new .highcharts-plot-background{opacity:0!important}.consumption-chart-container-new .highcharts-axis-line{stroke:#374151!important;stroke-width:2px!important}.consumption-chart-container-new .highcharts-axis-title,.consumption-chart-container-new .highcharts-yaxis-title{fill:#374151!important;font-family:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'!important;font-size:13px!important;font-weight:600!important}.consumption-chart-container-new .highcharts-point{transition:all .3s ease!important}.consumption-chart-container-new .highcharts-point:hover{filter:brightness(1.1)!important;transform:scale(1.02)!important}.consumption-chart-container-new .highcharts-title{fill:#111827!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:16px!important;font-weight:600!important}.consumption-chart-container-new .highcharts-legend{border-radius:8px!important}.consumption-chart-container-new .highcharts-legend-item text{fill:#1f2937!important;font-family:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'!important;font-size:14px!important;font-weight:600!important}.consumption-chart-container-new .highcharts-legend-box{fill:#f8fafc!important;stroke:#e2e8f0!important;stroke-width:1px!important;rx:8!important;ry:8!important}.consumption-chart-container-new .highcharts-legend-symbol{rx:4!important;ry:4!important}@media (max-width:768px){.stock-header{padding:0}.stock-header-title{font-size:24px}.stock-date-selector{margin-top:16px}.consumption-card{min-height:400px;padding:15px}.consumption-chart-container-new{max-height:70vh;min-height:450px;padding:15px}.fullscreen-modal-content{height:95vh;padding:20px;width:98vw}}@media (max-width:480px){.stock-header-row{gap:8px;padding:0}.stock-back-btn{padding:10px .55rem .55rem}.stock-back-btn svg{height:20px;width:20px}.stock-header-title{font-size:20px}.stock-date-selector{margin-top:16px;width:100%}.date-picker{background:#f3f4f6;border-radius:8px;margin-top:0;padding:.5rem 1rem;width:100%}.period-trigger .label{font-size:14px}.chevron-down{right:12px}.consumption-card{min-height:350px;padding:12px}.consumption-chart-container-new{max-height:65vh;min-height:400px;padding:12px}.fullscreen-modal-content{border-radius:0;height:100vh;padding:15px;width:100vw}.fullscreen-close-btn{font-size:18px;height:35px;width:35px}}.consumption-bar-fill,.consumption-bar-track,.consumption-chart-container,.consumption-details,.consumption-item,.consumption-item-header,.consumption-item-name,.consumption-percentage-label,.consumption-quantity-unit,.consumption-scale{display:none}.featured-item-card{align-items:center;flex-direction:row;gap:12px}.item-sold{color:#6b7280;font-size:14px;font-weight:500;margin-left:auto}.summary-boxes{display:flex;gap:15px;justify-content:space-between;width:100%}.summary-box{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px -1px #00000012;cursor:pointer;flex:1 1;padding:20px;text-align:left}.summary-box:hover{transform:translateY(-1px)}.summary-label{color:#6b7280;font-size:13px;margin:0 0 5px}.summary-value{font-size:18px;font-weight:600;margin:0 0 5px}.summary-change{align-items:center;color:#16a34a;display:flex;font-size:13px;font-weight:500;gap:4px}.summary-change-icon{color:#16a34a}.analytics-content{align-items:flex-start;display:flex;gap:20px;height:200px}.donut-chart-container{flex-shrink:0;height:140px;position:relative;width:140px}.donut-chart{border-radius:50%;height:100%;width:100%}.donut-chart-center{align-items:center;background:#fff;border-radius:50%;bottom:15px;display:flex;justify-content:center;left:15px;position:absolute;right:15px;top:15px}.donut-chart-total{text-align:center}.donut-chart-total span{color:#6b7280;font-size:12px}.donut-chart-total p{font-size:18px;font-weight:600;margin:2px 0 0}.donut-chart-legend{display:flex;flex:1 1;flex-direction:column;gap:10px;max-height:140px;overflow-y:auto;padding-right:5px}.legend-item{align-items:center;display:flex;font-size:13px;gap:8px}.legend-color{border-radius:50%;height:12px;width:12px}.legend-name{flex:1 1;font-weight:500}.legend-value{font-weight:600}.insight-row{border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.insight-row:first-of-type{padding-top:0}.insight-row.no-border{border-bottom:none;padding-bottom:0}.insight-label{color:#6b7280;font-size:13px;margin:0}.insight-value{font-size:13px;font-weight:600;margin:0}.button-group{display:flex;gap:15px;margin-top:5px}.report-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:background-color .2s ease-in-out}.report-button:hover{background-color:#f9fafb}.button-icon{color:#4b5563}.syncfusion-chart-container{height:300px;position:relative;width:100%}.chart-total-display{align-items:center;background:#ffffffe6;border-radius:50%;display:flex;flex-direction:column;height:80px;justify-content:center;left:35%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80px;z-index:10}.chart-total-label{color:#6b7280;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.chart-total-value{color:#1f2937;font-size:14px;font-weight:700;margin-top:2px}#performance-analytics-chart{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.e-chart-legend{padding:10px!important}.e-chart-legend-text{font-size:12px!important;font-weight:500!important}@media (max-width:768px){.chart-total-display{height:70px;left:30%;width:70px}.chart-total-label{font-size:9px}.chart-total-value{font-size:12px}}@media (max-width:480px){.syncfusion-chart-container{height:250px}.chart-total-display{height:60px;left:25%;width:60px}.chart-total-label{font-size:8px}.chart-total-value{font-size:11px}.consumption-chart-container-new{height:410px;scrollbar-width:auto}.consumption-chart-container-new::-webkit-scrollbar{height:16px}.consumption-chart-container-new::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#475569,#334155);border:2px solid #f8fafc;border-radius:8px;min-width:40px}}.calendar-day.disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.clickable-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.clickable-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.graph-popup-overlay{align-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#11182759;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.graph-popup-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:800px}.graph-popup-content.pickup-graph{border-radius:1rem!important;max-width:95vw;width:600px}.graph-popup-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.graph-popup-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.graph-popup-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.graph-popup-close:hover{background:#e5e7eb;color:#374151}.graph-popup-body{flex:1 1;overflow-y:auto;padding:24px}.graph-popup-body .clickable-card{cursor:default;pointer-events:none}.graph-popup-body .clickable-card:hover{box-shadow:none;transform:none}.graph-popup-body .card-title-external{display:none}@media (max-width:768px){.graph-popup-content{height:65%;max-width:100vw;width:100vw}.graph-popup-content.pickup-graph{height:auto;max-height:100dvh;max-width:100vw;width:100vw}.graph-popup-header{padding:12px 16px}.graph-popup-title{font-size:1.1rem}.graph-popup-body{flex:initial;overflow-y:auto;padding:12px 12px calc(12px + env(safe-area-inset-bottom, 0px))}.stockrepo-container{max-width:100%;padding-bottom:calc(70px + env(safe-area-inset-bottom, 20px))}.main-content-area{gap:16px;padding:12px}.top-bar{padding:10px 12px}.top-bar-title{font-size:16px}.stockrepo-back-btn{height:32px;left:12px;width:32px}.card-title-external{font-size:1rem;margin-bottom:8px}.card{border-radius:12px;padding:16px}.date-picker{font-size:.85rem;padding:.4rem .8rem}.period-trigger .label{font-size:13px}.summary-boxes{gap:12px}.summary-box{padding:16px}.summary-label{font-size:12px}.summary-value{font-size:16px}.summary-change{font-size:12px}.item-sales-card{height:350px}.item-row-new{padding:12px 0}.item-image-new{height:50px;width:50px}.item-name-new{font-size:14px}.item-price-new{font-size:13px}.item-wastage-new{font-size:12px}.item-profit-value-new{font-size:14px}.item-profit-change-new{font-size:13px}.raw-material-stock-card{height:400px}.stock-item-card{margin-bottom:10px;padding:12px}.stock-item-name{font-size:14px}.stock-item-status{font-size:11px;padding:3px 10px}.stock-item-details{gap:16px;grid-template-columns:repeat(4,minmax(55px,1fr))}.stock-detail-item{min-width:60px}.stock-detail-label{font-size:11px}.stock-detail-value{font-size:13px}.estimated-realtime-card{height:250px}.estimated-realtime-card table{font-size:13px}.estimated-realtime-card td,.estimated-realtime-card th{padding:10px 12px!important}.performance-summary-card{height:400px}.summary-list-row-new{font-size:13px;padding:12px}.button-group{flex-direction:row;gap:12px}.report-button{flex:1 1;font-size:13px;padding:10px}.card-search-container{margin-bottom:12px}}@media (max-width:480px){.stock-header{padding:0}.stock-header-title{font-size:1.5rem}.stock-back-btn{font-size:18px}.stock-date-selector{margin-top:8px}.main-content-area{gap:14px;padding:10px}.top-bar{padding:8px 10px}.top-bar-title{font-size:15px}.stockrepo-back-btn{height:30px;left:10px;width:30px}.card{border-radius:10px;padding:12px}.card-title-external{font-size:.95rem;margin-bottom:8px}.item-sales-card{min-height:350px}.item-row-new{gap:10px;padding:10px 0}.item-row-left{gap:12px}.item-image-new{border-radius:8px;height:45px;width:45px}.item-name-new{font-size:13px}.item-price-new,.item-wastage-new{font-size:12px}.item-profit-value-new{font-size:13px}.item-profit-change-new{font-size:12px}.raw-material-stock-card{min-height:380px}.stock-item-card{border-radius:10px;margin-bottom:8px;padding:10px}.stock-item-name{font-size:13px}.stock-item-status{font-size:10px;padding:2px 8px}.stock-item-details{gap:10px;grid-template-columns:repeat(4,minmax(50px,1fr))}.card-search-container{margin-bottom:6px}.stock-detail-item{min-width:55px}.stock-detail-label{font-size:10px}.stock-detail-value{font-size:12px}.estimated-realtime-card{height:245px}.estimated-realtime-card table{font-size:12px}.estimated-realtime-card th{font-size:11px!important;padding:8px 10px!important}.estimated-realtime-card td{padding:8px 10px!important}.summary-boxes{flex-direction:column;gap:10px}.summary-box{padding:14px}.summary-label{font-size:11px}.summary-value{font-size:15px}.summary-change{font-size:11px}.date-picker{font-size:.8rem;padding:.35rem .7rem}.period-menu{left:38px}.period-option{font-size:13px;padding:10px 12px}.calendar-header h3{font-size:14px}.calendar-day,.weekday{font-size:12px}.button-group{flex-direction:row;gap:10px}.report-button{flex:1 1;font-size:12px;padding:9px}.button-icon{height:16px;width:16px}.performance-summary-card{height:360px}.summary-list-header,.summary-list-row-new{font-size:11px;gap:6px;grid-template-columns:2fr 1fr 1fr 1fr;padding:10px 8px}.summary-list-header{font-size:10px}.graph-popup-content{height:auto;max-height:65%;width:100vw}.graph-popup-header{padding:12px 16px}.graph-popup-title{font-size:1rem}.graph-popup-body{padding:16px}.graph-popup-close{font-size:20px;height:28px;width:28px}.export-toast{bottom:16px;font-size:13px;left:16px;padding:10px 14px;right:16px;width:calc(100% - 32px)}.export-toast-icon{font-size:14px;height:22px;width:22px}}@media (max-width:375px){.main-content-area{gap:12px;padding:8px}.card{padding:10px}.card-title-external{font-size:.9rem}.item-sales-card{height:300px}.raw-material-stock-card{height:340px}.estimated-realtime-card{height:220px}.performance-summary-card{height:340px}.item-image-new{height:40px;width:40px}.item-name-new{font-size:12px}.item-price-new,.item-wastage-new{font-size:11px}.stock-item-details{gap:6px;grid-template-columns:repeat(4,minmax(48px,1fr))}.stock-detail-item{min-width:50px}.summary-list-header,.summary-list-row-new{font-size:10px;padding:8px 6px}.estimated-realtime-card table{font-size:11px}.estimated-realtime-card td,.estimated-realtime-card th{padding:6px 8px!important}}@media (max-height:600px) and (orientation:landscape){.item-sales-card,.performance-summary-card,.raw-material-stock-card{height:280px}.estimated-realtime-card{height:180px}.card{padding:10px}.item-row-new,.stock-item-card{padding:8px 0}}.calendar-days-grid::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.calendar-days-grid,.stock-date-picker-popup *{-ms-overflow-style:none!important;scrollbar-width:none!important}.stock-date-picker-popup ::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.report-header{margin:0;padding:0}.date-picker,.report-container{margin-top:0;padding-top:0}.date-picker{position:relative}.bep-modal-overlay{align-items:center!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#11182759!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;margin:0!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.bep-modal-container{background:#fff;border-radius:12px;border-radius:1rem!important;box-shadow:0 20px 40px #00000040;box-sizing:border-box;margin:auto;max-height:90vh;max-width:600px;overflow:auto;padding:20px;position:relative;width:600px}@media (max-width:768px){.bep-modal-overlay{padding:0!important}.bep-modal-container{left:0!important;margin:0!important;max-height:100dvh!important;max-width:100vw!important;padding:20px!important;right:0!important;width:100vw!important}}.bep-modal-title{font-size:18px;font-weight:600;margin-bottom:8px;margin-top:0}.bep-modal-subtitle{color:#666;font-size:14px;margin-bottom:16px;margin-top:0}.bep-input-row{align-items:flex-start;display:flex;gap:0;justify-content:flex-start;margin-bottom:12px}.bep-amount-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;flex:0 0 70%;gap:8px;margin-right:0;padding:6px 10px;width:70%}@media (max-width:480px){.bep-amount-input{flex:0 0 52%;margin-right:3%;width:52%}}.bep-amount-input input{background:#0000;border:none;border-radius:6px;flex:1 1;font-size:16px;outline:none;padding:6px 0}.bep-period-selector{flex:0 0 25%;margin-left:auto;position:relative;width:25%}@media (max-width:480px){.bep-period-selector{flex:0 0 40%;width:40%}}.bep-period-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:space-between;padding:10px 14px;transition:all .2s;width:100%}.bep-period-button:hover{border-color:#9ca3af}.bep-period-arrow{border:solid #111;border-width:0 2px 2px 0;display:inline-block;margin-left:auto;padding:3px;transform:rotate(45deg)}.bep-period-dropdown{background:#fff;border:2px solid #d1d5db;border-radius:12px;box-shadow:0 6px 16px #0000002e;box-sizing:border-box;left:0;padding:6px;position:absolute;right:0;top:calc(100% + 6px);width:100%;z-index:2100}.bep-period-option{background:#0000;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:12px 14px;text-align:left;transition:all .2s}.bep-period-option:hover{background:#f3f4f6}.bep-period-option.active{background:#e5e7eb;font-weight:600}.bep-breakdown-box{background:#fff;border:1px solid #e6eef8;border-radius:8px;display:flex;flex-direction:column;margin-bottom:16px;min-height:140px;overflow:hidden;padding:0}@media (max-width:768px){.bep-breakdown-box{min-height:120px}}.bep-breakdown-title{background:#fff;border:1px solid #d1d5db;border-top-left-radius:8px;border-top-right-radius:8px;color:#2563eb;display:block;font-size:14px;font-weight:600;margin:0;padding:10px 16px;text-align:center}@media (max-width:768px){.bep-breakdown-title{font-size:13px}}.bep-breakdown-content{align-items:center;border:1px solid #d1d5db;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;flex:1 1;padding:0 60px}@media (max-width:768px){.bep-breakdown-content{padding:0 20px}}.bep-breakdown-grid{grid-column-gap:20px;grid-row-gap:30px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr;row-gap:30px;width:100%}@media (max-width:768px){.bep-breakdown-grid{column-gap:10px;row-gap:20px}}.bep-breakdown-item{font-size:14px;white-space:nowrap}@media (max-width:768px){.bep-breakdown-item{font-size:13px}}.bep-breakdown-item.left{text-align:left}.bep-breakdown-item.right{text-align:right}.bep-button-row{display:flex;gap:12px;justify-content:space-between;width:100%}.bep-button{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 16px;transition:all .2s}.bep-button-cancel{background:#fff;border:1px solid #e5e7eb;color:#000}.bep-button-cancel:hover{background:#f9fafb}.bep-button-save{background:#000;border:none;color:#fff;font-weight:700}.bep-button-save:hover{background:#1e293b}.bep-button-save:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.week-navigator-container{flex-direction:column!important;gap:10px!important;margin:15px 0!important;padding:12px!important}.week-navigator-container button{font-size:13px!important;padding:12px 16px!important;width:100%!important}}.card,.trends-wrapper{box-shadow:0 4px 16px #0000001f!important}@media (max-width:768px){.card,.trends-wrapper{box-shadow:0 6px 20px #00000026!important}}.expense-items-scroll::-webkit-scrollbar,.expense-modal-scroll::-webkit-scrollbar{display:none}.expense-items-scroll,.expense-modal-scroll{-ms-overflow-style:none;scrollbar-width:none}.recharts-pie-sector,.recharts-pie-sector:focus,.recharts-sector,.recharts-sector:focus{outline:none!important}.sales-header-row{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;padding:0}.sales-back-btn{align-items:center;background:none;border:none;box-shadow:none;color:#000;cursor:pointer;display:flex;justify-content:center;line-height:0;padding:.4rem}.sales-back-btn svg{height:22px;width:22px}.sales-header-title{font-size:24px;font-weight:600;line-height:1.1;margin:0;padding:0}@media (max-width:640px){.sales-header-row{gap:8px;padding:0}.sales-back-btn{padding:.35rem}.sales-back-btn svg{height:30px;width:30px}.sales-header-title{font-size:20px}}:root{--white:#fff;--star-yellow:#facc15;--primary-blue:#3b82f6}body{background-color:#f7f8fa;background-color:var(--page-bg)}.vm-page-container{box-sizing:border-box;margin:auto;max-width:600px;position:relative;width:100%}.vm-content{background-color:#fff;background-color:var(--white);min-height:100vh;padding:16px 16px 4rem}.vm-header{align-items:center;display:flex;gap:12px;justify-content:flex-start;margin-bottom:16px}.vm-header h1{font-size:22px;font-weight:700;margin:0 0 0 40px}.vm-back-btn,.vm-header h1{color:#111827;color:var(--primary-text)}.vm-back-btn{background:none;border:none;cursor:pointer;font-size:24px;padding:4px}.vm-search-bar{margin-bottom:16px;position:relative}.vm-search-icon{color:#6b7281;color:var(--secondary-text);font-size:20px;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.vm-search-bar input{background-color:#f7f8fa;background-color:var(--page-bg);border:none;border-radius:12px;box-sizing:border-box;font-size:16px;padding:12px 16px 12px 45px;width:100%}.vm-search-bar input::placeholder{color:#6b7281;color:var(--secondary-text)}.vm-filters{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px}.vm-filters::-webkit-scrollbar{display:none}.vm-filters{-ms-overflow-style:none;scrollbar-width:none}.vm-filter-pill{background-color:#fff;border:1px solid #d1d5db;border-radius:10px;color:#111827;color:var(--primary-text);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease-in-out;white-space:nowrap}.vm-filter-pill.active{background-color:#000;background-color:var(--black);border-color:#000;border-color:var(--black);color:#fff;color:var(--white)}.vm-kpi-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.vm-kpi-card{background-color:#f7f8fa;background-color:var(--page-bg);border-radius:16px;display:flex;flex-direction:column;gap:4px;padding:16px}.vm-kpi-value{color:#111827;color:var(--primary-text);font-size:24px;font-weight:700}.vm-kpi-label{color:#6b7281;color:var(--secondary-text);font-size:13px}.vm-total-spend-card-modified{background-color:#fff;border-radius:8px;box-shadow:0 0 10px 2px #00000026;gap:16px;margin-bottom:24px;padding:16px}.vm-total-credit-info,.vm-total-spend-card-modified,.vm-total-spend-info{display:flex;flex-direction:column}.vm-total-credit-label,.vm-total-spend-label{color:#6b7281;color:var(--secondary-text);font-size:13px;margin-bottom:4px}.vm-total-spend-amount{align-items:center;color:#d92d20;display:flex;font-size:26px;font-weight:700;gap:8px;justify-content:center;text-align:center}.vm-total-spend-period{color:#6b7281;color:var(--secondary-text);font-size:14px;font-weight:500}.vm-total-credit-info{border-top:1px solid #e5e7eb;padding-top:12px}.vm-total-credit-amount{color:#3b82f6;color:var(--primary-blue);font-size:22px;font-weight:700}.vm-add-credit-btn{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #eee;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 0 10px 2px #00000026;color:#111827;color:var(--primary-text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;margin-top:4px;padding:10px;width:100%}.vm-vendor-list{display:flex;flex-direction:column;gap:12px}.vm-no-vendors-message{color:#6b7281;color:var(--secondary-text);padding:40px 20px;text-align:center}.vm-vendor-card{background-color:#fff;background-color:var(--white);border:1px solid #eee;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 12px #00000008;cursor:pointer;padding:16px}.vm-vendor-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.vm-vendor-title h2{color:#111827;color:var(--primary-text);font-size:16px;font-weight:600;margin:0;text-align:left}.vm-vendor-title p{color:#6b7281;color:var(--secondary-text);font-size:13px;margin:4px 0 0}.vm-vendor-rating{align-items:center;color:#111827;color:var(--primary-text);display:flex;font-size:14px;font-weight:600;gap:4px}.vm-star-icon{fill:#facc15;fill:var(--star-yellow);color:#facc15;color:var(--star-yellow);font-size:16px}.vm-vendor-stats{color:#6b7281;color:var(--secondary-text);flex-wrap:wrap;font-size:13px;gap:16px;margin-bottom:16px}.vm-stat-item,.vm-vendor-stats{align-items:center;display:flex}.vm-stat-item{gap:6px}.vm-stat-item svg{font-size:16px}.vm-vendor-actions{display:flex;gap:10px}.vm-vendor-actions button{align-items:center;border-color:#000;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px}.vm-contact-btn{background-color:#000;background-color:var(--black);border:1px solid #000;border:1px solid var(--black);color:#fff;color:var(--white)}.vm-details-btn{background-color:#fff;background-color:var(--white);border:1px solid #eee;border:1px solid var(--border-color);color:#111827;color:var(--primary-text)}.vm-add-vendor-btn{align-items:center;background-color:#000;border:2px solid #000;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:24px;padding:12px;transition:background-color .2s ease;width:100%}.vm-add-vendor-btn:hover{background-color:#333}.ev-page-container{background-color:#f7f8fa;background-color:var(--page-bg);box-sizing:border-box;margin:auto;max-width:600px;width:100%}.ev-header{align-items:center;background-color:#fff;background-color:var(--white);display:flex;gap:12px;justify-content:flex-start;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.ev-header h1{font-size:18px;font-weight:600;margin:0}.ev-back-btn{align-items:center;background:none;border:none;box-shadow:none;color:#000;cursor:pointer;display:flex;justify-content:center;line-height:0;margin-bottom:10px;padding-top:10px}.ev-back-btn svg{height:22px;width:22px}.ev-save-btn{align-items:center;background-color:#000;border:none;border-radius:4px;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;margin-left:auto;padding:8px 16px}.ev-content{background:#fff;padding:16px 16px 4rem}.ev-section{background-color:#fff;background-color:var(--white);border:1px solid #d1d5db;border-radius:12px;margin-bottom:16px;padding:16px}.ev-section-title{color:#000;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 16px;text-transform:capitalize}.ev-input-group{margin-bottom:16px}.ev-input-group:last-child{margin-bottom:0}.ev-input-group label{color:#000;display:block;font-size:14px;font-weight:500;margin-bottom:8px;text-align:left}.ev-input-group input,.ev-input-group textarea{border:1px solid #d1d5db!important;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:16px;padding:12px;width:100%}.ev-input-group textarea{min-height:80px;resize:vertical}.ev-star-rating{align-items:center;display:flex;gap:4px;justify-content:center;padding-bottom:1.3rem}.ev-star-rating input[type=radio]{display:none}.ev-star{cursor:pointer;font-size:32px;transition:color .2s}.ev-star-rating-text{font-weight:500;margin-left:12px}.ev-rating-prompt,.ev-star-rating-text{color:#6b7281;color:var(--secondary-text);font-size:14px}.ev-rating-prompt{margin:-10px 0 10px}.vm-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.vm-modal-content{-ms-overflow-style:none;background-color:#fff;background-color:var(--white);border-radius:16px;box-shadow:0 5px 15px #0003;max-height:90vh;max-width:380px;overflow-y:auto;padding:20px;scrollbar-width:none;width:90%}.vm-modal-content::-webkit-scrollbar{display:none}.vm-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.vm-modal-header h2{font-size:20px;margin:0}.vm-modal-close-btn{background:none;border:none;cursor:pointer;font-size:22px}.vm-modal-close-btn,.vm-modal-content p{color:#6b7281;color:var(--secondary-text)}.vm-modal-content p{margin:-10px 0 20px}.vm-modal-actions{display:flex;gap:10px;margin-top:24px}.vm-modal-actions button{border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px}.vm-modal-btn-primary{background-color:#000;background-color:var(--black);border:1px solid #000;border:1px solid var(--black);color:#fff;color:var(--white)}.vm-modal-btn-secondary{background-color:#fff;background-color:var(--white);border:1px solid #eee;border:1px solid var(--border-color);color:#111827;color:var(--primary-text)}.vm-modal-list{-ms-overflow-style:none;margin-top:16px;max-height:250px;overflow-y:auto;scrollbar-width:none}.vm-modal-list::-webkit-scrollbar{display:none}.vm-modal-list-item{border-radius:8px;cursor:pointer;padding:12px;text-align:left}.vm-modal-list-item:hover{background-color:#f7f8fa;background-color:var(--page-bg)}.vm-modal-list-item:not(:last-child){border-bottom:1px solid #eee;border-bottom:1px solid var(--border-color)}.vm-loading-container{align-items:center;color:#6b7281;color:var(--secondary-text);display:flex;justify-content:center;padding:40px}.vm-no-vendors-container{padding:40px 20px;text-align:center}.vm-no-vendors-message{color:#111827;color:var(--primary-text);font-size:16px;font-weight:500;margin-bottom:8px}.vm-no-vendors-suggestion{color:#6b7281;color:var(--secondary-text);font-size:14px;margin-top:0}.vm-vendor-category-badge{background-color:#f7f8fa;background-color:var(--page-bg);border-radius:12px;color:#6b7281;color:var(--secondary-text);display:inline-block;font-size:12px;font-weight:500;margin-top:4px;padding:4px 8px}.date-picker-wrap{position:relative;width:100%}.date-picker-wrap input[type=date]{padding-right:44px;width:100%}.date-picker-wrap input[type=date]::-webkit-calendar-picker-indicator{opacity:0}.date-picker-button{background:#0000!important;border:1px solid #0000;border-radius:6px;color:#000!important;cursor:pointer;height:30px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px}.date-picker-button,.date-picker-overlay{align-items:center;display:flex;justify-content:center}.date-picker-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.date-picker-popup{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:300px;padding:20px;width:90%}.calendar-header{display:flex;justify-content:space-between;margin-bottom:20px}.calendar-header button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:5px 10px}.calendar-header button:hover{background-color:#f0f2f5}.calendar-header h3{font-size:16px;font-weight:600;margin:0}.calendar-weekdays{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.weekday{color:#6c757d;font-size:12px;font-weight:500;padding:5px;text-align:center}.calendar-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:center;transition:background-color .2s}.calendar-day:hover{background-color:#f0f2f5}.calendar-day.empty{cursor:default}.calendar-day.empty:hover{background-color:initial}.calendar-header,.calendar-header-controls{align-items:center;gap:8px}.calendar-header-controls{display:flex;flex:1 1;justify-content:center;margin-top:.2rem}.calendar-header .calendar-month-select,.calendar-header .calendar-year-select{background:#fff;border:1px solid #333;border-radius:6px;color:#333;font-size:14px;max-width:140px;padding:6px 8px}.date-picker-popup{max-width:320px}.calendar-header select{position:relative;z-index:1001}.calendar-select{position:relative}.calendar-select-trigger{align-items:center;background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 1px 2px #0000000f;color:#000;display:flex;justify-content:space-between;padding:8px 12px;width:100%}.calendar-select-caret{display:none!important}.calendar-select-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #0000002e;left:0;position:absolute;top:calc(100% + 6px);z-index:1100}.calendar-select-list{max-height:220px;overflow-y:auto;padding:8px 0}.calendar-select-option{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px}.calendar-select-option:hover{background:#f6f8fa}.calendar-select-option.selected{background:#eaf5ff;font-weight:600}.calendar-header button{padding:4px 10px}.date-picker-popup{padding-top:16px}@media screen and (max-width:768px){.vm-page-container{max-width:100%;overflow-x:hidden}.vm-content{padding:14px 0 4rem}.vm-header{margin-bottom:14px;padding:0 14px}.vm-header h1{font-size:20px}.vm-back-btn{font-size:22px}.vm-search-bar{margin-bottom:14px;padding:0 14px}.vm-search-icon{font-size:19px;left:26px}.vm-search-bar input{font-size:15px;padding:11px 14px 11px 43px}.vm-filters{margin-bottom:18px;padding:0 14px}.vm-filter-pill{font-size:13px;padding:7px 15px}.vm-kpi-grid{gap:11px;margin-bottom:11px;padding:0 14px}.vm-kpi-card{padding:14px}.vm-kpi-value{font-size:22px}.vm-kpi-label{font-size:12px}.vm-total-spend-card-modified{gap:14px;margin-bottom:22px;margin-left:14px;margin-right:14px;padding:14px}.vm-total-credit-label,.vm-total-spend-label{font-size:12px}.vm-total-spend-amount{font-size:24px;gap:7px}.vm-total-spend-period{font-size:13px}.vm-total-credit-amount{font-size:20px}.vm-add-credit-btn{font-size:13px;gap:5px;padding:9px}.vm-vendor-list{gap:11px;padding:0 14px}.vm-no-vendors-message{padding:36px 18px}.vm-vendor-card{padding:14px}.vm-vendor-header{margin-bottom:11px}.vm-vendor-title h2{font-size:15px}.vm-vendor-title p{font-size:12px}.vm-vendor-rating{font-size:13px;gap:3px}.vm-star-icon{font-size:15px}.vm-vendor-stats{font-size:12px;gap:14px;margin-bottom:14px}.vm-stat-item{gap:5px}.vm-stat-item svg{font-size:15px}.vm-vendor-actions{gap:9px}.vm-vendor-actions button{font-size:13px;gap:7px;padding:9px}.vm-add-vendor-btn{font-size:13px;gap:7px;margin-left:0;margin-right:0;margin-top:22px;padding:11px}.ev-page-container{max-width:100%;overflow-x:hidden}.ev-header{padding:11px 14px}.ev-header h1{font-size:17px}.ev-back-btn{font-size:22px}.ev-save-btn{font-size:13px;gap:5px;padding:7px 14px}.ev-content{padding:14px 14px 4rem}.ev-section{margin-bottom:14px;padding:14px}.ev-section-title{font-size:11px}.ev-input-group,.ev-section-title{margin-bottom:14px}.ev-input-group label{font-size:13px;margin-bottom:7px}.ev-input-group input,.ev-input-group textarea{font-size:15px;padding:11px}.ev-input-group textarea{min-height:75px}.ev-star-rating{gap:3px;padding-bottom:1.2rem}.ev-star{font-size:30px}.ev-star-rating-text{font-size:13px;margin-left:11px}.ev-rating-prompt{font-size:13px;margin:-9px 0 9px}.vm-modal-content{max-width:360px;padding:18px}.vm-modal-header{margin-bottom:14px}.vm-modal-header h2{font-size:19px}.vm-modal-header button{font-size:20px}.vm-modal-content p{margin:-9px 0 18px}.vm-modal-actions{gap:9px;margin-top:22px}.vm-modal-actions button{font-size:15px;padding:11px}.vm-modal-list{margin-top:14px;max-height:230px}.vm-modal-list-item{padding:11px}.vm-vendor-category-badge{font-size:11px;padding:3px 7px}.vm-loading-container{padding:36px}.vm-no-vendors-container{padding:36px 18px}.vm-no-vendors-message{font-size:15px}.vm-no-vendors-suggestion{font-size:13px}}@media screen and (max-width:480px){.vm-content{padding:12px 0 4rem}.vm-header{margin-bottom:12px;padding:0 12px}.vm-header h1{font-size:19px}.vm-back-btn{font-size:20px}.vm-search-bar{margin-bottom:12px;padding:0 12px}.vm-search-icon{font-size:18px;left:24px}.vm-search-bar input{font-size:14px;padding:10px 12px 10px 41px}.vm-filters{margin-bottom:16px;padding:0 12px}.vm-filter-pill{font-size:12px;padding:6px 14px}.vm-kpi-grid{gap:10px;margin-bottom:10px;padding:0 12px}.vm-kpi-card{padding:12px}.vm-kpi-value{font-size:20px}.vm-kpi-label{font-size:11px}.vm-total-spend-card-modified{gap:12px;margin-bottom:20px;margin-left:12px;margin-right:12px;padding:12px}.vm-total-credit-label,.vm-total-spend-label{font-size:11px}.vm-total-spend-amount{font-size:22px;gap:6px}.vm-total-spend-period{font-size:12px}.vm-total-credit-amount{font-size:19px}.vm-add-credit-btn{font-size:12px;gap:4px;padding:8px}.vm-vendor-list{gap:10px;padding:0 12px}.vm-no-vendors-message{padding:32px 16px}.vm-vendor-card{padding:12px}.vm-vendor-header{margin-bottom:10px}.vm-vendor-title h2{font-size:14px}.vm-vendor-title p{font-size:11px}.vm-vendor-rating{font-size:12px;gap:2px}.vm-star-icon{font-size:14px}.vm-vendor-stats{font-size:11px;gap:12px;margin-bottom:12px}.vm-stat-item{gap:4px}.vm-stat-item svg{font-size:14px}.vm-vendor-actions{gap:8px}.vm-vendor-actions button{font-size:12px;gap:6px;padding:8px}.vm-add-vendor-btn{font-size:12px;gap:6px;margin-left:0;margin-right:0;margin-top:20px;padding:10px}.ev-header{padding:10px 12px}.ev-header h1{font-size:16px}.ev-back-btn{font-size:20px}.ev-save-btn{font-size:12px;gap:4px;padding:6px 12px}.ev-content{padding:12px 12px 4rem}.ev-section{margin-bottom:12px;padding:12px}.ev-section-title{font-size:10px}.ev-input-group,.ev-section-title{margin-bottom:12px}.ev-input-group label{font-size:12px;margin-bottom:6px}.ev-input-group input,.ev-input-group textarea{font-size:14px;padding:10px}.ev-input-group textarea{min-height:70px}.ev-star-rating{gap:2px;padding-bottom:1.1rem}.ev-star{font-size:28px}.ev-star-rating-text{font-size:12px;margin-left:10px}.ev-rating-prompt{font-size:12px;margin:-8px 0 8px}.vm-modal-content{max-width:340px;padding:16px}.vm-modal-header{margin-bottom:12px}.vm-modal-header h2{font-size:18px}.vm-modal-header button{font-size:19px}.vm-modal-content p{margin:-8px 0 16px}.vm-modal-actions{gap:8px;margin-top:20px}.vm-modal-actions button{font-size:14px;padding:10px}.vm-modal-list{margin-top:12px;max-height:210px}.vm-modal-list-item{padding:10px}.vm-vendor-category-badge{font-size:10px;padding:2px 6px}.vm-loading-container{padding:32px}.vm-no-vendors-container{padding:32px 16px}.vm-no-vendors-message{font-size:14px}.vm-no-vendors-suggestion{font-size:12px}}:root{--bg:#fff;--text:#111827;--muted:#4b5563;--border:#e5e7eb;--border-strong:#d1d5db;--surface:#fff;--success-bg:#e8f5e9;--success-fg:#2e7d32;--error-bg:#ffebee;--error-fg:#c62828;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 6px 16px #0000002e;--radius:10px;--radius-sm:8px;--radius-xs:4px;--bottom-nav:64px}.sales-container{background-color:#fff;background-color:var(--bg);box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:14px;margin:0 auto;max-width:600px;min-height:100vh;padding:20px 24px;width:100%}.content-wrapper{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding-bottom:calc(140px + env(safe-area-inset-bottom, 0px))}.button-container{background:#fff;background:var(--surface);border-top:1px solid #e5e7eb;border-top:1px solid var(--border);bottom:calc(64px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--bottom-nav) + env(safe-area-inset-bottom, 0px));padding:10px 16px;position:-webkit-sticky;position:sticky;width:100%;z-index:5}.sales-report-container{margin:10px 0}.report-title{color:#111827;color:var(--text);font-size:25.6px;font-weight:600;margin:0;padding:10px 12px 8px 0;text-align:left}.tsr-header{gap:10px;margin:8px 0 16px}.tsr-back-btn,.tsr-header{align-items:center;display:flex}.tsr-back-btn{background:none;border:none;border-radius:0;box-shadow:none;cursor:pointer;justify-content:center;line-height:0;padding:0}.tsr-back-icon{color:#111827;font-size:16px}.tsr-title{margin:0}.sales-table{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000f;margin:16px 0;max-height:400px;overflow:auto;width:100%}.table-header{grid-gap:16px;align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#1f2937;display:grid;font-size:13px;font-weight:600;gap:16px;grid-template-columns:1.8fr .8fr .9fr 2fr;padding:16px 20px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.header-amount,.header-complementary,.header-item,.header-quantity{color:#1f2937;font-size:12px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.header-amount{text-align:right}.table-row{grid-gap:16px;align-items:start;border-bottom:1px solid #f3f4f6;display:grid;font-size:14px;gap:16px;grid-template-columns:1.8fr .8fr .9fr 2fr;padding:16px 20px;text-align:left}.table-row:hover{background-color:#fafbfc}.table-row:last-child{border-bottom:none}.row-item{color:#1f2937;font-weight:500;text-align:left}.row-quantity{color:#374151;font-weight:500;text-align:center}.row-amount{color:#059669;font-weight:600;text-align:right}.row-complementary{color:#6b7280;font-size:13px;line-height:1.4;text-align:left}.complementary-items-grid{display:flex;flex-direction:column;gap:8px;padding:4px 0}.complementary-item{align-items:center;border-radius:6px;display:flex;justify-content:space-between;padding:6px 8px}.complementary-label{color:#495057;flex:1 1;font-size:12px;font-weight:500;margin-right:12px}.quantity-controls{align-items:center;display:flex;gap:6px}.quantity-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:none;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.quantity-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.quantity-btn:active{transform:none}.quantity-display{background-color:initial;border:none;border-radius:0;color:#1f2937;font-size:14px;font-weight:600;margin:0 4px;min-width:32px;padding:0;text-align:center}.quantity-input{border:none;border-radius:3px;color:#111827;color:var(--text);font-size:12px;height:22px;outline:none;padding:0 4px;text-align:center;width:38px}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.summary-bar{align-items:center;background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm);display:flex;gap:12px;justify-content:space-between;margin:15px 0 20px;padding:12px 16px;position:relative}.summary-label{font-size:16px}.summary-amount,.summary-label{color:#111827;color:var(--text);flex-shrink:0;font-weight:700}.summary-amount{font-size:18px;text-align:right}.confirm-button{align-items:center;background-color:#000;border:none;border-radius:8px;border-radius:var(--radius-sm);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:52px;justify-content:center;margin-top:10px;min-height:52px;overflow:hidden;padding:0 15px;position:relative;width:100%}.confirm-button:hover{background-color:#111}.confirm-button:active{box-shadow:none;transform:none}.confirm-button.loading{height:52px;max-height:52px;min-height:52px;pointer-events:none}.message-box{border-left:4px solid;border-radius:8px;border-radius:var(--radius-sm);margin-bottom:20px;padding:15px}.message-box p{font-weight:500;line-height:1.4;margin:0 0 5px;white-space:pre-line}.message-box small{font-size:12px;opacity:.8}.error-message{background-color:#ffebee;background-color:var(--error-bg);border-left-color:#c62828;border-left-color:var(--error-fg);color:#c62828;color:var(--error-fg)}.success-message{background-color:#e8f5e9;background-color:var(--success-bg);border-left-color:#2e7d32;border-left-color:var(--success-fg);color:#2e7d32;color:var(--success-fg)}.empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:48px 20px}.empty-icon{font-size:40px;margin-bottom:12px;opacity:.6}.empty-title{color:#374151;font-size:16px;font-weight:600;margin-bottom:6px}.empty-subtitle{font-size:13px;line-height:1.4;max-width:280px;opacity:.8}.scan-container{background-color:#0e0e10;border-radius:8px;box-shadow:0 6px 16px #0000002e;box-shadow:var(--shadow-md);cursor:pointer;flex-direction:column;height:16.5rem;overflow:hidden;padding:28px 16px;position:relative;-webkit-user-select:none;user-select:none}.camera-icon-container,.scan-container{align-items:center;display:flex;justify-content:center}.camera-icon-container{border:3px solid #ffffffe6;border-radius:14px;box-sizing:border-box;height:65%;margin:0 auto;max-width:10rem;min-height:120px;min-width:5rem;width:100%}.scan-container .camera-icon{color:#fff;display:block;font-size:36px}.scan-text{color:#fff;font-size:16px;font-weight:600;margin-top:12px;text-align:center}.scan-container.scanning{background-color:#0e0e10}.scan-container.scanning .camera-icon-container{border-color:#10b981cc;box-shadow:0 0 0 0 #10b98126}.scan-line{display:none}.scan-overlay{background:radial-gradient(ellipse at center,#ffffff0d 0,#0003 70%);inset:0;pointer-events:none;position:absolute}@media (max-width:1024px){.sales-container{padding:16px}.table-header,.table-row{gap:12px;grid-template-columns:1.6fr .7fr .8fr 1.8fr}}@media (max-width:640px){.tsr-header{gap:8px;margin:4px 0 12px}.tsr-back-icon{font-size:15px}.tsr-title{flex:1 1;font-size:16px;line-height:1.25}.report-title{font-size:16px;margin-bottom:16px}.sales-container{font-size:13px;padding:12px}.scan-container{padding:30px 12px 20px}.camera-icon-container{border-width:2px;height:72%;min-height:140px;min-width:140px;width:72%}.scan-container .camera-icon{font-size:28px}.scan-text{font-size:14px}.sales-table{border-radius:8px;margin:12px 0;max-height:300px}.table-header{font-size:11px}.table-header,.table-row{gap:12px;grid-template-columns:1.4fr .7fr .8fr 1.4fr;padding:12px 16px}.table-row{font-size:13px}.row-complementary{font-size:12px}.quantity-btn{height:22px;width:22px}.complementary-label,.quantity-btn{font-size:11px}.complementary-item{padding:4px 6px}.summary-bar{border-radius:8px;margin:16px 0;padding:12px 16px}.summary-label{font-size:14px}.summary-amount{font-size:16px;font-weight:600}}.modal-overlay{background-color:#00000080;padding:20px;z-index:9999}.modal-content{display:flex;flex-direction:column;width:100%}.modal-header{border-bottom:none;gap:12px;padding:0}.modal-header h3{color:#111827;font-size:16px;font-weight:700}.modal-close{align-items:center;background:none;border-radius:4px;color:#6b7280;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.modal-close:hover{background-color:#f3f4f6;color:#111827}.modal-body{flex:1 1;overflow-y:auto;padding:16px 20px 20px}.modal-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.missing-ingredients-list{display:flex;flex-direction:column;gap:10px}.missing-item-group{margin-bottom:16px}.missing-item-title{color:#111827;font-size:15px;font-weight:700;margin-bottom:8px}.missing-ingredient-row{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:12px 14px}.ingredient-left{display:flex;flex-direction:column;gap:4px}.ingredient-right{align-items:center;display:flex;justify-content:center}.ingredient-checkbox{cursor:pointer;height:20px;width:20px}.ingredient-name{color:#111827;font-weight:600}.ingredient-details{color:#6b7280;font-size:13px}.modal-footer{border-top:1px solid #e5e7eb;padding:16px 20px}.modal-footer-stacked{display:flex;flex-direction:column;gap:10px}.modal-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;padding:14px 20px;transition:all .2s ease;width:100%}.modal-btn:disabled{cursor:not-allowed;opacity:.5}.modal-btn-negative{background-color:#dc2626;border:2px solid #dc2626;color:#fff}.modal-btn-negative:hover:not(:disabled){background-color:#b91c1c}.modal-btn-substitute{background-color:#f59e0b;border:2px solid #f59e0b;color:#fff}.modal-btn-substitute:hover:not(:disabled){background-color:#d97706}.modal-btn-remove{background-color:#6366f1;border:2px solid #6366f1;color:#fff}.modal-btn-remove:hover:not(:disabled){background-color:#4f46e5}@media (max-width:640px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:12px 16px}.modal-header h3{font-size:14px}.modal-body{padding:14px 16px 16px}.modal-footer{padding:12px 16px}.modal-footer-stacked{gap:8px}.modal-btn{padding:12px 16px}.ingredient-name,.modal-btn{font-size:14px}.ingredient-details{font-size:12px}}.substitute-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.substitute-modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:550px;overflow:visible;padding:20px;width:100%}.substitute-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.substitute-title{color:#111;font-size:22px;font-weight:700;margin:0}.substitute-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.substitute-close-btn:hover{background-color:#f3f4f6;color:#111827}.substitute-body{flex:1 1;max-height:60vh;overflow:visible;padding:0;position:relative}.substitute-item-card{background:#fff;border-radius:8px;margin-bottom:16px;overflow:visible;padding:16px;position:relative}.substitute-item-name{color:#000;font-size:18px;font-weight:700;margin-bottom:12px;text-align:left}.substitute-field-label{color:#000;font-size:14px;font-weight:600;margin-bottom:8px;text-align:left}.substitute-inline-controls{align-items:center;display:flex;gap:8px;overflow:visible;position:relative;width:100%}.substitute-search-wrapper{flex:1 1;min-width:0}.substitute-text-input{background:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;color:#111;font-size:15px;height:34px;outline:none;padding:8px 10px;transition:border-color .2s cubic-bezier(.4,0,.2,1);width:100%}.substitute-text-input::placeholder{color:#9ca3af}.substitute-text-input:focus{border-color:#9ca3af;box-shadow:0 0 0 3px #9ca3af1a}.substitute-counter-group{align-items:center;display:flex;flex-shrink:0;gap:4px;overflow:visible;position:relative}.substitute-minus-btn,.substitute-plus-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:4px;color:#111;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:24px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:24px}.substitute-minus-btn:hover,.substitute-plus-btn:hover{background:#f9fafb;border-color:#999;transform:scale(1.1)}.substitute-minus-btn:active,.substitute-plus-btn:active{background:#f3f4f6;transform:scale(.95)}.substitute-number-input{background:#fff;border:1px solid #ccc;border-radius:6px;color:#111;flex-shrink:0;font-size:15px;font-weight:600;height:24px;outline:none;padding:4px;text-align:center;transition:border-color .2s cubic-bezier(.4,0,.2,1);width:60px}.substitute-number-input::-webkit-inner-spin-button,.substitute-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.substitute-number-input:focus{border-color:#9ca3af;box-shadow:0 0 0 3px #9ca3af1a}.substitute-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;border:1px solid #e5e7eb;border-radius:8px;color:#111;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:500;height:34px;min-height:34px;min-width:90px;outline:none;padding:8px 36px 8px 10px;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.substitute-dropdown:hover{border-color:#d1d5db}.substitute-dropdown:focus{border-color:#9ca3af;box-shadow:0 0 0 3px #9ca3af1a}.substitute-dropdown:active{border-color:#6b7280}.substitute-searchable-select{flex-shrink:0;min-width:90px;position:relative}.substitute-searchable-control{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;color:#111;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:34px;justify-content:space-between;min-height:34px;outline:none;padding:8px 36px 8px 10px;position:relative;transition:border-color .2s cubic-bezier(.4,0,.2,1)}.substitute-searchable-control svg{pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.substitute-searchable-control:hover{border-color:#999}.substitute-searchable-menu{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;height:7rem;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:10000}.substitute-searchable-menu.upward{bottom:calc(100% + 4px);top:auto}.substitute-searchable-input{border:none;border-bottom:1px solid #e5e7eb;box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;width:100%}.substitute-searchable-input:focus{background:#f9fafb}.substitute-searchable-options{max-height:100px;overflow-x:hidden;overflow-y:auto}.substitute-searchable-option{color:#111;cursor:pointer;font-size:14px;padding:10px 12px;text-align:left;transition:background .15s}.substitute-searchable-option:hover{background:#f3f4f6}.substitute-searchable-option.selected{background:#e0f2fe;color:#0369a1;font-weight:600}.substitute-searchable-option.disabled{color:#9ca3af;cursor:default}.substitute-searchable-option.disabled:hover{background:#0000}.substitute-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:20px;padding-top:16px}.substitute-cancel-btn{background:#e5e7eb;border:none;border-radius:8px;color:#111;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:background .2s}.substitute-cancel-btn:hover{background:#d1d5db}.substitute-cancel-btn:active{background:#b5b9bd}.substitute-confirm-btn{background:#f97316;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:background .2s}.substitute-confirm-btn:hover{background:#ea580c}.substitute-confirm-btn:active{background:#c2410c}.substitute-confirm-btn:disabled{background:#fed7aa;color:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width:640px){.substitute-modal-container{max-height:90vh;padding:16px;width:95%}.substitute-title{font-size:18px}.substitute-item-card{margin-bottom:12px;padding:12px}.substitute-item-name{font-size:16px;margin-bottom:10px}.substitute-field-label{font-size:13px;margin-bottom:6px}.substitute-inline-controls{gap:6px}.substitute-text-input{font-size:14px;padding:9px 10px}.substitute-counter-group{gap:3px}.substitute-minus-btn,.substitute-plus-btn{font-size:16px;height:28px;width:28px}.substitute-number-input{font-size:14px;height:28px;width:42px}.substitute-dropdown{background-position:right 6px center;background-size:18px;font-size:13px;height:28px;min-width:56px;padding:6px 30px 6px 8px}.substitute-footer{gap:10px;margin-top:16px}.substitute-cancel-btn,.substitute-confirm-btn{font-size:14px;padding:12px 16px}}.processing-spinner{animation:spin 1s linear infinite}.footer-scan-modal-overlay{animation:fadeIn .25s ease-out}.footer-scan-modal-overlay.closing{animation:fadeOut .2s ease-in}.footer-scan-modal-content{animation:slideUp .3s cubic-bezier(.16,1,.3,1);border-radius:10px;box-sizing:border-box;left:auto!important;margin:0 auto;max-width:600px!important;padding:2.5rem 1.25rem;position:relative!important;right:auto!important;width:600px!important}.footer-scan-modal-content.closing{animation:slideDown .25s cubic-bezier(.4,0,1,1)}.footer-scan-modal-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.footer-scan-modal-btn:hover{background-color:#f3f4f6!important;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.footer-scan-modal-btn:active{transform:scale(.97)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.footer-scan-modal-content,.footer-scan-modal-overlay{animation-duration:.2s}.footer-scan-modal-btn{transition-duration:.15s}.footer-scan-modal-content{border-radius:10px!important;box-sizing:border-box;left:0!important;margin:0 auto!important;max-width:calc(100vw - 32px)!important;padding:2rem 1.25rem;right:0!important;width:calc(100vw - 32px)!important}.footer-scan-modal-overlay{align-items:center!important;display:flex!important;justify-content:center!important;padding:0!important}.footer-scan-modal-content h3{font-size:26px!important;margin-bottom:24px!important}.footer-scan-modal-btn{border-radius:12px!important;font-size:17px!important;margin-left:0!important;padding:20px 24px!important;width:100%!important}.footer-scan-modal-btn:active{transform:scale(.97)!important}}@media (min-width:769px) and (max-width:1024px){.footer-scan-modal-content{max-width:460px!important;width:80%!important}}@media (max-width:480px){.footer-scan-modal-content{border-radius:10px!important;box-sizing:border-box;margin:0 auto!important;max-width:calc(100vw - 32px)!important;padding:1.75rem 1rem;width:calc(100vw - 32px)!important}.footer-scan-modal-content h3{font-size:24px!important;margin-bottom:20px!important}.footer-scan-modal-btn{border-radius:12px!important;font-size:16px!important;margin-left:0!important;padding:18px 20px!important;width:100%!important}}@media (max-width:360px){.footer-scan-modal-content{border-radius:10px!important;box-sizing:border-box;margin:0 auto!important;max-width:calc(100vw - 32px)!important;padding:1.5rem .9rem;width:calc(100vw - 32px)!important}.footer-scan-modal-content h3{font-size:22px!important;margin-bottom:26px!important}.footer-scan-modal-btn{font-size:16px!important;margin-left:-53px;min-width:220px!important;padding:17px 22px!important;width:100%!important}}@media (prefers-reduced-motion:reduce){.footer-scan-modal-btn,.footer-scan-modal-content,.footer-scan-modal-overlay{animation:none!important;transition:none!important}.footer-scan-modal-btn:hover{transform:none!important}}.settings-container{background-color:#fff;font-family:Roboto;margin:auto;max-width:600px;padding:20px;position:relative;width:100vw}.settings-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:20px}.header-title-container{align-items:center;display:flex;gap:12px}.header-icon{color:#000;font-size:24px}.header-title{color:#111827;font-size:24px;font-weight:700;margin:0}.settings-content{margin:0 auto;max-width:600px;padding:0 0 40px}.notification-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:20px}.notification-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.notification-icon{color:#111827;font-size:20px}.notification-title{color:#374151;font-size:18px;font-weight:600;line-height:24px;margin:0}.notification-section{border-bottom:none;margin-bottom:24px;padding-bottom:12px}.notification-section:last-child{border-bottom:none;margin-bottom:0}.notification-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding:0 8px}.notification-section-title{color:#111827;font-size:16px;font-weight:600;margin:0}.tier-badge{border-radius:12px;font-size:12px;font-weight:500;padding:4px 8px}.tier-1{background-color:#fee2e2;color:#b91c1c}.tier-2{background-color:#fef3c7;color:#92400e}.tier-3{background-color:#dbeafe;color:#1e40af}.notification-item{background:none!important;border:none!important;box-shadow:none!important;outline:none!important;padding:16px 0}.notification-item:after,.notification-item:before{border:none!important;content:none!important;display:none!important}.notification-info{flex:1 1;margin-right:16px}.notification-label{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px;padding:7px 0}.notification-description{color:#6b7280;font-size:12px}.notification-actions{justify-content:center;padding-top:16px}.notification-action-button{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:12px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px}.thresholds-section{border-bottom:none;margin-bottom:24px;padding-bottom:16px}.thresholds-section:last-child{border-bottom:none}.thresholds-section-title{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.threshold-item{background-color:#f9fafb;border-radius:8px;margin-bottom:16px;padding:12px}.threshold-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.iu-input{-webkit-appearance:none!important;appearance:none!important;background-color:#fff!important;border:2px solid #000!important;border-radius:8px!important;box-shadow:none!important;color:#000!important;font-family:Roboto,sans-serif!important;font-size:15px!important;outline:none!important;padding:14px!important;transform:none!important;transition:none!important;width:100%!important}.iu-input:focus{border-color:#000!important;box-shadow:none!important}.sp-modal-container input.iu-input{border:1px solid #000!important}.sp-modal-container input.iu-input:focus{border:1px solid #000!important;box-shadow:none!important}.modal-action-button.primary{background-color:#000!important;border:none!important;color:#fff!important}.modal-action-button.secondary{background-color:#e9ecef;border:1px solid #d1d5db;color:#374151}.modal-action-button.primary:disabled{cursor:not-allowed!important;opacity:1!important}.modal-action-button.primary:disabled,.sp-modal-container .profile-action-button.modal-action-button.primary,.sp-modal-container .profile-action-button.modal-action-button.primary:disabled{background-color:#000!important;color:#fff!important}.switch.disabled input{cursor:not-allowed}.switch.disabled .slider{cursor:not-allowed;opacity:.7}.switch.disabled .slider:before{opacity:.8}.switch.disabled:after{content:"🔒";font-size:12px;position:absolute;right:-4px;top:-16px}.section-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px}.section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px}.section-title-container{align-items:center;display:flex;gap:12px}.section-icon{align-items:center;color:#374151;display:flex;font-size:20px;line-height:20px}.section-title{color:#111827;font-size:14px;font-weight:500;margin:0}.chevron-icon{color:#6b7280;font-size:20px}.section-content{padding:0 20px 20px}.setting-item{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.setting-item,.setting-item:last-child{border-bottom:none}.setting-item.clickable{cursor:pointer}.setting-item.clickable:hover{background-color:#f9fafb}.setting-item.premium{position:relative}.setting-item.future{opacity:.8}.setting-item.plan-status{background-color:#f3f4f6;border-radius:12px;margin-bottom:12px;padding:12px 16px}.setting-info{flex:1 1;margin-right:16px}.setting-title{align-items:center;color:#111827;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:2px;text-align:left}.setting-subtitle{color:#6b7280;font-size:12px;margin-bottom:4px;text-align:left}.setting-description{color:#9ca3af;display:none;font-size:12px;text-align:left}.setting-item:hover .setting-description{display:block}.setting-button{background-color:#f3f4f6;border:none;border-radius:20px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.setting-button.primary{background-color:#047857;color:#fff}.premium-badge{background-color:#f59e0b}.future-badge,.premium-badge{border-radius:10px;color:#fff;font-size:10px;font-weight:600;margin-left:6px;padding:2px 6px}.future-badge{background-color:#6b7280}.plan-badge{background-color:#374151;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.switch{cursor:pointer;display:inline-block;height:24px;pointer-events:auto;position:relative;width:44px;z-index:10}.switch input{cursor:pointer;height:0;opacity:0;width:0}.slider{background-color:#e5e7eb;cursor:pointer;pointer-events:auto;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.slider{background-color:#111827}input:checked+.slider:before{background-color:#fff;transform:translateX(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.sp-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:10000}.modal-open .bottom-nav,.modal-open .footer-nav{pointer-events:none!important}.sp-modal-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000026;max-height:100vh;max-width:600px;overflow:hidden;width:90%;width:100vw}.sp-modal-container.full-screen{border-radius:0;display:flex;flex-direction:column;height:100vh;margin:0;max-width:600px;width:100vw}.sp-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.sp-modal-title{color:#111827;font-size:20px;font-weight:600;margin:0}.sp-close-button{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:24px;justify-content:center}.sp-modal-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:10px;scrollbar-width:none}.sp-modal-content::-webkit-scrollbar{display:none}.role-grid.center{justify-content:center}.deviation-options{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.deviation-options .role-option{align-items:center;display:inline-flex;justify-content:center;min-width:58px}.default-payments-options{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.default-payments-options .role-option{align-items:center;display:inline-flex;justify-content:center;min-width:90px}.categories-list,.payments-list{max-height:50vh;overflow-y:auto}.language-option{align-items:center;background-color:#f9fafb;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:16px}.language-option.selected{background-color:#f3f4f6;border:1px solid #111827}.language-text{color:#374151;font-size:16px;font-weight:500}.language-option.selected .language-text{color:#111827;font-weight:600}.selected-indicator{background-color:#111827;border-radius:4px;height:8px;width:8px}.user-management-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px}.user-management-actions{align-items:center;display:flex;gap:12px;margin-bottom:20px}.search-container{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex:1 1;padding:0 12px}.search-icon{color:#6b7280;font-size:20px;margin-right:8px}.search-input{background:#0000;border:none;color:#111827;flex:1 1;font-size:16px;outline:none;padding:12px 0}.add-user-button{align-items:center;background-color:#111827;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:12px}.users-list{-ms-overflow-style:none;flex:1 1;overflow-y:auto;scrollbar-width:none}.users-list::-webkit-scrollbar{display:none}.user-row{align-items:center;background-color:#f3f3f3;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:8px;min-height:84px;padding:11px 16px}.user-info{flex:1 1;margin-right:16px}.user-name{color:#111827;font-size:16px;font-weight:600}.user-email,.user-name{margin-bottom:4px;text-align:left}.user-email{color:#374151;font-size:14px;font-weight:500}.user-meta{align-items:center;display:flex;margin-bottom:4px;text-align:left}.user-location,.user-role{color:#374151;font-size:12px;font-weight:500;text-align:left}.user-location{margin-left:4px}.user-last-active{color:#374151;font-size:12px;font-weight:500;text-align:left}.user-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:12px;min-width:200px}.status-badge{font-size:12px;font-weight:500;padding:4px 8px}.status-badge.active{background-color:#ecfdf5;color:#059669}.status-badge.inactive{background-color:#fef2f2;color:#dc2626}.status-badge.pending{background-color:#fef3c7;color:#d97706}.action-buttons{flex-wrap:nowrap;gap:8px}.action-button{align-items:center;background:#0000;border:1px solid #000;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-width:90px;padding:10px 20px;white-space:nowrap}.action-icon{color:#000;font-size:16px}.form-section{margin-bottom:24px}.form-label{color:#000;display:block;font-size:16px;font-weight:600;margin-bottom:8px;padding-left:0;text-align:left}.form-input{background-color:#fff;border:1px solid #111827!important;border-radius:12px;color:#111827;font-size:16px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.tax-form .form-input,input.form-input[style*=border]{border:1px solid #000!important}.form-input:hover{border-color:#111827!important}.tax-form .form-input:hover,input.form-input[style*=border]:hover{border-color:#000!important}.form-input:focus{border-color:#111827!important}.tax-form .form-input:focus,input.form-input[style*=border]:focus{border-color:#000!important}.location-grid,.role-grid{display:flex;flex-wrap:wrap;gap:8px}.location-option,.role-option{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;padding:8px 16px}.location-option.selected,.role-option.selected{background-color:#111827;border-color:#111827}.location-option-text,.role-option-text{color:#374151;font-size:14px;font-weight:500}.location-option.selected .location-option-text,.role-option.selected .role-option-text{color:#fff}.invite-button{background-color:#111827;border-radius:12px;color:#fff;margin-top:20px;padding:16px}.permissions-content{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:20px 20px 40px}.role-selector{margin-bottom:20px}.role-selector-label{color:#374151;display:block;font-size:16px;font-weight:600;margin-bottom:12px}.role-scroll-view{display:flex;overflow-x:auto;padding-bottom:12px}.role-selector-option{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;margin-right:8px;padding:8px 16px;white-space:nowrap}.role-selector-option.selected{background-color:#111827;border-color:#111827}.role-selector-text{color:#374151;font-size:14px;font-weight:500}.role-selector-option.selected .role-selector-text{color:#fff}.permissions-matrix{flex:1 1;overflow-y:auto}.permission-category{margin-bottom:24px}.permission-category-title{border-bottom:1px solid #e5e7eb;color:#111827;font-size:16px;font-weight:600;margin-bottom:12px;padding:0 0 8px 1rem;text-align:left}.permission-row{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:default;display:flex;flex-direction:row;gap:12px;justify-content:space-between;margin-bottom:12px;padding:16px;text-align:left;transition:none}.permission-text{color:#374151;cursor:default;flex:1 1;font-size:14px;font-weight:500;order:1;text-align:left}.permission-row .switch{cursor:pointer;margin-left:auto;order:2;position:relative;z-index:100}@media (max-width:768px){.sp-modal-container{max-height:95vh;max-width:600px;width:95%;width:100vw}.sp-modal-container.full-screen{border-radius:0;height:100vh;max-width:600px;width:100%;width:100vw}.location-grid,.role-grid{gap:6px}.location-option,.role-option{padding:6px 12px}}.operating-hours-content{-ms-overflow-style:none;max-height:none;overflow-y:visible;padding:2px;scrollbar-width:none}.operating-hours-content::-webkit-scrollbar{display:none}.operating-day-section{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:10px}.operating-day-section:last-child{margin-bottom:0}.day-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.day-name{color:#000;font-size:20px;font-weight:500}.day-toggle{align-items:center;display:flex;gap:8px}.day-status{color:#374151;font-size:14px;font-weight:500;min-width:50px}.shifts-container{padding-left:0}.shift-row{background-color:#f3f3f3;border-radius:8px;margin-bottom:16px;padding:16px}.shift-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.shift-name{color:#374151;font-size:14px;font-weight:600}.time-inputs{align-items:flex-end;display:flex;flex:1 1;gap:9.6px}.time-input-group{display:flex;flex:1 1;flex-direction:column;gap:8px}.time-input-group label{color:#131416;font-size:12px;font-weight:500;text-align:left}.time-input{background-color:#fff;border:1px solid #f3f3f3;border-radius:8px;color:#374151;font-size:14px;min-width:90px;padding:10px 0;text-align:left}.time-input:focus{border-color:#f3f3f3;box-shadow:none;outline:none}.add-hours-button{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;font-weight:500;padding:4px 0;text-decoration:none}.add-hours-button.primary{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-weight:500;padding:12px 16px}.remove-shift-button{align-items:center;background:none;border:none;border-radius:4px;color:#000;cursor:pointer;display:flex;justify-content:center;padding:4px}.shift-options{display:flex;flex-wrap:wrap;gap:8px}.shift-button{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.shift-button.selected{background-color:#111827;border-color:#111827;color:#fff}.profile-form-section{margin-bottom:24px}.profile-form-label{color:#1f2937;display:block;font-size:15px;font-weight:600;margin-bottom:10px;padding-left:0;text-align:left}.edit-profile-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#fff!important;border:1px solid #000!important;border-radius:8px!important;box-sizing:border-box!important;color:#111827!important;font-family:inherit!important;font-size:15px!important;outline:none!important;padding:14px 16px!important;transition:none!important;width:100%!important}.edit-profile-input:focus{border-color:#000!important;box-shadow:none!important;outline:none!important}.edit-profile-input.filled{border:1px solid #000!important}.edit-profile-input.error{border-color:#dc2626!important}.edit-profile-input.error:focus{box-shadow:none!important}.edit-profile-input::placeholder{color:#9ca3af!important;font-size:15px!important}.invite-user-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#fff!important;border:2px solid #000!important;border-radius:8px!important;box-sizing:border-box!important;color:#111827!important;font-family:inherit!important;font-size:15px!important;padding:14px 16px!important;transition:none!important;width:100%!important}.invite-user-input,.invite-user-input:focus{box-shadow:none!important;outline:none!important;transform:none!important}.invite-user-input.filled,.invite-user-input:focus{border-color:#000!important}.invite-user-input::placeholder{color:#9ca3af!important;font-size:15px!important}input.invite-user-input{border:1px solid #000!important}input.invite-user-input:focus{border:2px solid #000!important;box-shadow:none!important}.profile-form-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:8px;box-sizing:border-box;color:#000;font-family:inherit;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.profile-form-input:focus{box-shadow:0 0 0 3px #1118271a;outline:none}.profile-form-input.filled,.profile-form-input:focus{border-color:#111827!important}.profile-form-input.error{border-color:#dc2626!important}.profile-form-input.error:focus{box-shadow:0 0 0 3px #dc26261a}.profile-form-error{color:#dc2626;display:block;font-size:13px;font-weight:500;margin-top:6px}.profile-form-input::placeholder{color:#9ca3af;font-size:15px}.profile-modal-actions{display:flex;gap:12px;justify-content:space-between;margin-top:32px;width:100%}.profile-action-button{border:none;border-radius:8px!important;cursor:pointer;flex:1 1;font-size:16px!important;font-weight:600!important;min-width:0;padding:14px 28px!important;transition:background-color .2s ease,box-shadow .2s ease}.profile-action-button.secondary{background-color:#e9ecef!important;color:#374151!important}.profile-action-button.primary.disabled{background-color:#d1d5db!important;color:#9ca3af!important;cursor:not-allowed;opacity:.6}.profile-action-button.primary.enabled{background-color:#111827!important;color:#fff!important;cursor:pointer}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper .password-input{padding-right:48px!important}.password-toggle-button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;position:absolute;right:12px;top:20%;transition:none;z-index:10}.password-toggle-button:focus{outline:none}.invite-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;padding:14px 28px;transition:background-color .2s ease,box-shadow .2s ease;width:100%}.invite-button.disabled{background-color:#000;color:#fff;cursor:not-allowed;opacity:1}.invite-button.enabled{background-color:#000;color:#fff;cursor:pointer}.menu-categories-content{display:flex;flex-direction:column;gap:24px}.add-category-section{background-color:initial;border:none;border-radius:0;padding:0}.add-category-section .subsection-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px;text-align:left}.simple-add-form{align-items:center;display:flex;gap:12px}.simple-add-input{background-color:#fff!important;border:2px solid #000!important;border-radius:12px;color:#111827;flex:1 1;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s ease}.simple-add-input::placeholder{color:#9ca3af}.simple-add-input:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a}.simple-add-button{background-color:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:background-color .2s ease,box-shadow .2s ease;white-space:nowrap}.default-categories-list{display:flex;flex-direction:column;gap:12px}.default-category-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:15px;font-weight:500;padding:16px 20px;text-align:left;transition:all .2s ease}.add-tax-section,.categories-list-section,.pricing-section,.tax-list-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.subsection-title{color:#111827;font-size:18px;font-weight:600;margin:0 0 16px;text-align:left}.section-description{color:#131416;font-size:14px;margin-bottom:16px;text-align:left}.tax-form{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-field{display:flex;flex-direction:column;gap:8px}.cancel-button,.icon-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px}.item-overrides-list,.menu-categories-list,.tax-rates-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.item-override-card,.menu-category-card,.tax-rate-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:16px}.category-info,.tax-info{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:12px}.item-price-info{align-items:center;flex-shrink:0;min-width:150px}.item-name{color:#111827;font-size:16px;font-weight:600;text-align:left}.category-color-dot{border:2px solid #e5e7eb;border-radius:6px;height:24px;width:24px}.category-details,.tax-details{display:flex;flex-direction:column;gap:4px;text-align:left}.category-name,.item-name,.tax-name{color:#111827;font-size:16px;font-weight:600;text-align:left}.category-order{color:#6b7280;font-size:13px;text-align:left}.tax-details{align-items:center;display:flex;flex-direction:row;gap:12px}.tax-inclusion,.tax-rate,.tax-type{background-color:#f3f4f6;border-radius:6px;color:#374151;font-size:13px;font-weight:500;padding:4px 8px}.category-actions,.item-price-actions,.tax-actions{align-items:center;display:flex;gap:8px}.icon-button{font-size:13px;padding:8px 16px}.icon-button.edit{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.icon-button.delete{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626;display:flex;justify-content:center;padding:8px}.category-edit-form,.item-price-edit-form,.tax-edit-form{display:flex;flex-direction:column;gap:12px;width:100%}.category-edit-form input,.tax-edit-form input,.tax-edit-form select{margin-bottom:0}.form-input.small{max-width:100px}.edit-actions{display:flex;gap:8px;margin-top:8px}.save-button{background-color:#111827;color:#fff}.cancel-button{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;text-align:left}.radio-label input[type=radio]{cursor:pointer;height:18px;width:18px}.radio-label span{font-weight:500}.localized-pricing-content{display:flex;flex-direction:column;gap:32px}.markup-settings{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.markup-field{display:flex;flex-direction:column;gap:8px}.field-hint{color:#9ca3af;font-size:12px;font-style:italic;text-align:left}.item-name-display{color:#111827;font-size:18px;font-weight:600;margin-bottom:12px;text-align:left}.price-fields{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.price-field{display:flex;flex-direction:column;gap:6px}.price-field label{color:#6b7280;font-size:13px;font-weight:600;text-align:left}.item-price-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.price-row{display:flex;flex-wrap:wrap;gap:16px}.price-item{align-items:center;display:flex;gap:6px}.price-label{color:#6b7280;font-size:13px;font-weight:500}.price-value{color:#111827;font-size:14px;font-weight:600}@media (max-width:768px){.form-row,.markup-settings,.price-fields{grid-template-columns:1fr}.tax-details{align-items:flex-start}.category-actions,.item-price-actions,.tax-actions,.tax-details{flex-direction:column}.item-override-card,.menu-category-card,.tax-rate-card{align-items:flex-start;flex-direction:column}.category-info,.item-price-info,.tax-info{width:100%}}.restaurant-profile-content{gap:0}.manage-locations-content,.restaurant-profile-content{display:flex;flex-direction:column}.locations-grid{display:flex;flex-wrap:wrap;gap:12px;padding:0}.location-chip{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:24px;cursor:pointer;display:inline-flex;justify-content:center;padding:12px 24px;transition:all .2s ease}.location-chip:hover{background-color:#f9fafb;border-color:#d1d5db}.location-chip.selected{background-color:#111827;border-color:#111827}.location-chip-text{color:#374151;font-size:15px;font-weight:500}.location-chip.selected .location-chip-text{color:#fff}.custom-select-trigger{align-items:center;background-color:#fff;border:1px solid #000;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#000;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:12px 15px;transition:all .2s ease}.custom-select-trigger:hover{background-color:#f9fafb}.custom-chevron-down{border:solid #000;border-width:0 2px 2px 0;display:inline-block;margin-left:8px;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.custom-select-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;overflow:hidden;position:absolute;text-align:left;top:100%;width:100%;z-index:10}.custom-select-option{align-items:center;cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:12px 15px;text-align:left;transition:background-color .2s ease}.custom-select-option:hover{background-color:#f5f5f5}@media (max-width:768px){.locations-grid{gap:8px}.location-chip{font-size:14px;padding:10px 20px}}.sp-modal-overlay{animation:fadeIn .25s ease-out}.sp-modal-container{animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.section-card{animation:cardFadeIn .3s ease-out;transition:all .3s cubic-bezier(.4,0,.2,1)}.section-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.section-header{transition:background-color .2s ease}.section-header:hover{background-color:#f9fafb}.section-header:active{transform:scale(.99)}.chevron-icon{transition:transform .3s cubic-bezier(.4,0,.2,1)}.section-card.expanded .chevron-icon{transform:rotate(180deg)}.section-content{overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .3s ease,padding .3s ease}.setting-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.setting-item.clickable:hover{transform:translateX(4px)}.setting-item.clickable:active{transform:translateX(4px) scale(.99)}.switch .slider{transition:background-color .3s cubic-bezier(.4,0,.2,1)}.switch .slider:before{transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1)}.add-hours-button,.add-user-button,.cancel-button,.icon-button,.invite-button,.modal-action-button,.profile-action-button,.save-button,.setting-button,.shift-button{transition:all .2s cubic-bezier(.4,0,.2,1)}.icon-button:active,.modal-action-button:active,.setting-button:active{transform:translateY(0) scale(.97)}.future-badge,.plan-badge,.premium-badge,.status-badge,.tier-badge{animation:bounceIn .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.language-option{transition:all .2s cubic-bezier(.4,0,.2,1)}.language-option:active{transform:translateX(4px) scale(.98)}.language-option.selected{animation:selectPulse .3s ease-out}@keyframes selectPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.user-row{animation:slideInFromLeft .3s ease-out;transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.form-input,.profile-form-input,.simple-add-input,.threshold-input,.time-input{transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input:focus,.profile-form-input:focus,.simple-add-input:focus,.threshold-input:focus,.time-input:focus{transform:translateY(-1px)}.location-chip,.location-option,.role-option,.role-selector-option,.shift-button{transition:all .2s cubic-bezier(.4,0,.2,1)}.location-chip:active,.location-option:active,.role-option:active,.role-selector-option:active,.shift-button:active{transform:translateY(0) scale(.97)}.location-chip.selected,.location-option.selected,.role-option.selected,.role-selector-option.selected,.shift-button.selected{animation:selectPulse .3s ease-out}.operating-day-section{animation:cardFadeIn .3s ease-out;transition:all .3s cubic-bezier(.4,0,.2,1)}.operating-day-section:hover{box-shadow:0 2px 12px #0000001f}.shift-row{animation:slideInFromLeft .3s ease-out}.remove-shift-button,.shift-row{transition:all .2s cubic-bezier(.4,0,.2,1)}.remove-shift-button:active{transform:scale(.9)}.default-category-item,.item-override-card,.menu-category-card,.tax-rate-card{animation:cardFadeIn .3s ease-out;transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-card{animation:cardFadeIn .3s ease-out;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-card:hover{box-shadow:none}.notification-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-item:hover{background-color:#f9fafb;transform:translateX(4px)}.password-toggle-button{transition:all .2s cubic-bezier(.4,0,.2,1)}.password-toggle-button:hover{transform:scale(1.1)}.password-toggle-button:active{transform:scale(.9)}.sp-close-button{transition:color .2s ease}.sp-close-button:active,.sp-close-button:hover{color:#000}.custom-select-trigger{transition:all .2s cubic-bezier(.4,0,.2,1)}.custom-select-trigger:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.custom-select-dropdown{animation:dropdownSlideIn .2s ease-out}.custom-select-option{transition:all .15s cubic-bezier(.4,0,.2,1)}.custom-select-option:active{transform:scale(.98)}.custom-chevron-down{transition:transform .3s cubic-bezier(.4,0,.2,1)}.custom-select-trigger.open .custom-chevron-down{transform:rotate(225deg)}.permission-row{animation:slideInFromLeft .3s ease-out}.permission-row,.threshold-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.threshold-item{animation:cardFadeIn .3s ease-out}.threshold-item:hover{background-color:#f3f4f6}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.categories-list,.payments-list,.permissions-matrix,.users-list{animation:fadeIn .3s ease-out}.add-hours-button.primary:hover{animation:buttonPulse .6s ease-in-out}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.notification-action-button{transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-action-button:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.notification-action-button:active{transform:translateY(0) scale(.97)}.category-color-dot{transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-category-card:hover .category-color-dot{transform:scale(1.1)}.simple-add-button{transition:none}.icon-button.delete{transition:all .2s cubic-bezier(.4,0,.2,1)}.icon-button.delete:hover{transform:scale(1.05)}.icon-button.delete:active{transform:scale(.95)}.icon-button.edit{transition:all .2s cubic-bezier(.4,0,.2,1)}.icon-button.edit:hover{transform:translateY(-2px)}.icon-button.edit:active{transform:translateY(0) scale(.97)}.language-selector{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:20px 0;padding:20px}.language-selector-label{color:#2d3748;display:block;font-size:16px;font-weight:600;margin-bottom:15px}.language-buttons{display:flex;flex-wrap:nowrap;gap:0;margin-bottom:15px;width:100%}.language-btn{align-items:center;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 20px}.language-btn,.language-btn:hover{background:#fff}.language-btn.active{background:#fff;border-color:#000;color:inherit}.language-btn .flag{display:none}.language-btn .lang-name{font-size:16px}.current-language{background:#f0fff4;border-left:4px solid #48bb78;border-radius:4px;color:#2f855a;font-size:14px;padding:10px}@media (max-width:768px){.language-buttons{flex-direction:column}.language-btn{justify-content:center;width:100%}}.multiplier-settings{background:#fff;border-radius:0;box-shadow:none;font-family:Roboto,sans-serif;height:100%;margin:0;max-width:100%;overflow-y:auto;padding:0 24px 24px}.settings-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 0 16px}.settings-header h2{color:#333;font-size:24px;margin:0}.close-btn{color:#000;font-size:32px;font-weight:900;line-height:1;padding:8px}.settings-description{background:#f5f5f5;border-radius:8px;margin-bottom:24px;padding:16px}.settings-description p{color:#666;line-height:1.6;margin:0}.alert{border-radius:8px;font-weight:500;margin-bottom:16px;padding:12px 16px}.alert-error{background:#fee;border-left:4px solid #c33;color:#c33}.alert-success{background:#efe;border-left:4px solid #3c3;color:#3c3}.add-new-section{background:#fff;border:1px solid #000;border-radius:8px;margin-bottom:24px;padding:20px}.add-new-section h3{color:#333;font-size:18px;margin:0 0 16px;text-align:left}.add-new-form{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.keyword-input,.multiplier-input{background:#fff!important;border:1px solid #000!important;border-radius:6px!important;box-sizing:border-box!important;font-family:Roboto,sans-serif!important;font-size:14px!important;height:44px!important;outline:none!important;padding:10px 14px!important;transition:border-color .2s}.keyword-input{flex:0 0 200px;max-width:200px;min-width:200px;width:200px}.multiplier-input{flex:0 0 120px;max-width:120px;min-width:120px;width:120px}.keyword-input:focus,.multiplier-input:focus{border-color:#4caf50;outline:none}.hint{color:#666;font-size:13px;margin:8px 0 0}.btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s;white-space:nowrap}.btn-primary{background:#000!important;color:#fff!important}.btn-secondary{background:#f5f5f5;border:2px solid #ddd;color:#333}.btn-secondary:hover{background:#e0e0e0}.btn-success{background:#000;color:#fff}.btn-success:disabled{background:#ccc;cursor:not-allowed}.btn-danger{background:#f44336;color:#fff}.btn-icon{background:none;border:1px solid #000;border-radius:4px;color:#000;font-size:14px;padding:6px 12px}.multipliers-table-container{margin-bottom:24px}.table-actions{align-items:stretch;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.table-actions h3{color:#333;font-size:18px;margin:0;text-align:left}.action-buttons{display:flex;gap:12px;width:100%}.multipliers-table{background:#fff;border:1px solid #e0e0e0;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.multipliers-table thead{background:#f5f5f5}.multipliers-table th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:12px 16px;text-align:left}.multipliers-table th:first-child{width:60%}.multipliers-table th:nth-child(2){padding-right:32px;text-align:right;width:40%}.multipliers-table td{border-bottom:1px solid #f0f0f0;padding:12px 16px;vertical-align:top}.multipliers-table td:first-child{width:60%}.multipliers-table td:nth-child(2){padding-right:32px;text-align:right;width:40%}.multipliers-table td:nth-child(3){text-align:left}.multipliers-table td:nth-child(4){text-align:right}.multipliers-table tbody tr:hover{background:#fafafa}.multipliers-table tbody tr.custom-row{background:#0000}.multipliers-table tbody tr.custom-row:hover{background:#fafafa}.keyword-label{color:#333;display:block;font-family:Roboto,sans-serif;font-weight:600;text-align:left}.badge{display:inline-block;margin-left:8px;padding:2px 8px}.badge-custom{background:#fff3cd;color:#856404}.badge-modified{background:#d1ecf1;color:#0c5460}.multiplier-value{color:#000;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;min-width:60px;text-align:left;transition:color .2s}.multiplier-value:hover{color:#000;text-decoration:underline}.default-value{color:#999;font-size:12px;margin-left:8px}.edit-multiplier-input{border:2px solid #4caf50;border-radius:4px;box-sizing:border-box;color:#000;display:inline-block;font-size:16px;font-weight:600;padding:4px 8px;text-align:right;width:100px}.status-custom{color:#856404;font-weight:600;text-align:left}.status-modified{color:#0c5460;font-weight:600;text-align:left}.status-default{color:#666;text-align:left}.help-section{background:#f0f7ff;border-left:4px solid #2196f3;border-radius:8px;margin-bottom:24px;padding:20px}.help-section h4{color:#1976d2;margin:0 0 12px}.help-section ul{margin:0;padding-left:20px}.help-section li{color:#555;line-height:1.8;margin-bottom:8px}.help-section strong{color:#1976d2}.settings-footer{border-top:2px solid #e0e0e0;display:flex;justify-content:flex-end;padding-top:16px}@media (max-width:768px){.multiplier-settings{padding:16px}.add-new-form{flex-direction:column}.keyword-input,.multiplier-input{width:100%}.table-actions{align-items:flex-start;flex-direction:column}.action-buttons{justify-content:space-between;width:100%}.multipliers-table{font-size:14px}.multipliers-table td,.multipliers-table th{padding:8px 12px}}.audit-log-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.audit-log-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90%}.audit-log-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.audit-log-title{color:#1f2937;font-size:24px;font-weight:700;margin:0}.audit-log-header-actions{align-items:center;display:flex;gap:12px}.audit-log-icon-button{background:#f3f4f6;border:none;border-radius:8px;color:#4b5563;cursor:pointer;font-size:16px;padding:10px;transition:all .2s}.audit-log-icon-button:hover{background:#e5e7eb;color:#1f2937}.audit-log-close-button{background:#0000;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:18px;padding:10px}.audit-log-filters{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.filter-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}.filter-field label{color:#374151;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.filter-field input,.filter-field select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.filter-field input:focus,.filter-field select:focus{border-color:#3b82f6;outline:none}.filter-actions{display:flex;gap:12px;justify-content:flex-end}.filter-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.filter-button.primary{background:#3b82f6;color:#fff}.filter-button.primary:hover{background:#2563eb}.filter-button.secondary{background:#fff;border:1px solid #d1d5db;color:#6b7280}.filter-button.secondary:hover{background:#f3f4f6}.audit-log-content{flex:1 1;overflow-y:auto;padding:24px}.audit-log-empty,.audit-log-loading{color:#6b7280;font-size:16px;padding:60px 20px;text-align:center}.audit-log-list{display:flex;flex-direction:column;gap:16px}.audit-log-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .2s}.audit-log-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.audit-log-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.audit-log-badge{border-radius:20px;color:#fff;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.audit-log-timestamp{color:#6b7280;font-size:13px;font-weight:500}.audit-log-item-body{display:flex;flex-direction:column;gap:8px}.audit-log-field{color:#374151;font-size:14px;line-height:1.5;text-align:left}.audit-log-field strong{color:#1f2937;font-weight:600;margin-right:8px}@media (max-width:768px){.audit-log-modal-container{max-height:95vh;width:95%}.audit-log-header{padding:16px}.audit-log-title{font-size:18px}.filter-row{grid-template-columns:1fr}.audit-log-content{padding:16px}.audit-log-item{padding:12px}}.cr-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.cr-modal-container{background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}.cr-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.cr-modal-title{color:#111827;font-size:24px;font-weight:700;margin:0}.cr-close-button{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:8px;transition:all .2s}.cr-close-button:hover{background-color:#f3f4f6;color:#374151}.cr-modal-content{flex:1 1;overflow-y:auto;padding:24px}.cr-info-banner{align-items:flex-start;background-color:#dbeafe;border:1px solid #93c5fd;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.cr-info-icon{color:#1e40af;flex-shrink:0;font-size:20px;margin-top:2px}.cr-info-text{color:#1e3a8a;font-size:14px;line-height:1.5}.cr-info-text strong{font-weight:600}.cr-form-section{margin-bottom:24px}.cr-form-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.cr-form-input,.cr-form-select{background-color:#fff;border:1px solid #d1d5db;border-radius:12px;color:#111827;font-family:Roboto,sans-serif;font-size:14px;padding:12px 16px;transition:all .2s;width:100%}.cr-form-input:focus,.cr-form-select:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:none}.cr-form-input:disabled,.cr-form-select:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.cr-section-divider{border-bottom:2px solid #e5e7eb;margin:32px 0 16px;padding-bottom:8px}.cr-section-title{color:#111827;font-size:16px;font-weight:600}.cr-modifiers-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:24px}.cr-modifier-button{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center;transition:all .2s}.cr-modifier-button:hover:not(:disabled){border-color:#000;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.cr-modifier-button.active{background-color:#d1fae5;border-color:#10b981;cursor:not-allowed}.cr-modifier-button:disabled{cursor:not-allowed;opacity:.6}.cr-modifier-tag{color:#111827;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.cr-modifier-scalar{color:#000;font-size:18px;font-weight:700;margin:4px 0}.cr-modifier-desc{color:#6b7280;font-size:11px;line-height:1.3}.cr-custom-modifier{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:2fr 1fr auto;margin-bottom:24px}.cr-add-button{align-items:center;background-color:#000;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .2s;white-space:nowrap}.cr-add-button:hover:not(:disabled){background-color:#1f2937;box-shadow:0 4px 6px -1px #0000001a}.cr-add-button:disabled{background-color:#d1d5db;cursor:not-allowed}.cr-rules-list{display:flex;flex-direction:column;gap:12px}.cr-rule-item{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.cr-rule-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.cr-rule-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.cr-rule-tag{color:#111827;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.cr-rule-details{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:12px}.cr-rule-scalar{background-color:#e5e7eb;border-radius:6px;color:#000;font-weight:600;padding:4px 8px}.cr-rule-calculation{font-size:12px}.cr-rule-calculation strong{color:#000;font-weight:600}.cr-delete-button{align-items:center;background:none;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s}.cr-delete-button:hover{background-color:#fee2e2;color:#dc2626}.cr-empty-state{background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;font-size:14px;padding:32px;text-align:center}.cr-empty-state-large{color:#6b7280;padding:48px 24px;text-align:center}.cr-empty-icon{color:#d1d5db;font-size:48px;margin-bottom:16px}.cr-empty-state-large h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.cr-empty-state-large p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.cr-error-message{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;display:flex;font-size:14px;justify-content:space-between;margin-top:16px;padding:12px 16px}.cr-error-message button{background:none;border:none;color:#991b1b;cursor:pointer;font-size:20px;line-height:1;padding:0}@media (max-width:768px){.cr-modal-container{border-radius:0;max-height:100vh;max-width:100%}.cr-modifiers-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.cr-custom-modifier{gap:8px;grid-template-columns:1fr}.cr-add-button{justify-content:center;width:100%}.cr-rule-item{align-items:flex-start;flex-direction:column;gap:12px}.cr-delete-button{align-self:flex-end}}.cr-loading{align-items:center;color:#6b7280;display:flex;justify-content:center;padding:48px}.cr-modal-content::-webkit-scrollbar{width:8px}.cr-modal-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.cr-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.cr-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}:root{--page-bg:#f7f8fa;--card-bg:#fff;--border-color:#eee;--primary-text:#111827;--secondary-text:#6b7281;--black:#000;--critical-red-bg:#fee2e2;--critical-red-fg:#ef4444;--warning-yellow-bg:#fffbea;--warning-yellow-fg:#fbc02d}body{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.cr-page-container{background-color:#fff;background-color:var(--card-bg);max-width:600px;padding:24px 16px 16px;text-align:left;width:100%}.cr-loading-center{flex-direction:column;gap:16px;min-height:calc(100vh - 140px);padding:0 20px}.cr-loading-center,.cr-loading-overlay{align-items:center;display:flex;justify-content:center}.cr-loading-overlay{inset:0;pointer-events:none;position:fixed;z-index:9999}.cr-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:24px;position:relative}.cr-back-btn{background:none;border:none;color:#111827;color:var(--primary-text);cursor:pointer;font-size:24px;left:0;position:absolute;top:50%;transform:translateY(-50%)}.cr-header h1{color:#000;font-size:1.6rem;font-weight:600;margin:0;padding-left:.7rem;text-align:left!important}.cr-section{margin-bottom:24px}.cr-section-title{color:#000;font-size:1rem;letter-spacing:.5px;margin:0 0 12px;padding-left:1.3rem!important;text-align:left;text-transform:capitalize}.cr-order-item-card,.cr-summary-card,.cr-vendor-card{border:1px solid #eee;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000a;padding:16px}.cr-low-stock-card,.cr-order-item-card,.cr-summary-card,.cr-vendor-card{background-color:#fff;background-color:var(--card-bg);border-radius:12px}.cr-low-stock-card{-ms-overflow-style:none;border:1px solid #eee;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto;padding:8px;scrollbar-width:none}.cr-low-stock-card::-webkit-scrollbar{display:none}.cr-low-stock-item{align-items:flex-start;border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem;text-align:left}.cr-alert-critical{background-color:#fee2e2}.cr-alert-critical .cr-alert-icon{color:#ef4444}.cr-alert-warning{background-color:#ffedd5}.cr-alert-warning .cr-alert-icon{color:#000}.cr-alert-info{background-color:#dcfce7}.cr-alert-info .cr-alert-icon{color:#22c55e}.cr-alert-icon{flex-shrink:0;margin-top:.25rem}.cr-alert-icon>svg{height:1.25rem;width:1.25rem}.cr-alert-content{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0}.cr-alert-title{color:#1f2937;font-size:.875rem;font-weight:700;margin:0;text-align:left}.cr-alert-description{color:#6b7280;font-size:.75rem;margin:0;text-align:left}.cr-item-quantity{flex-shrink:0;font-size:.875rem;font-weight:700;margin-left:auto;text-align:right}.cr-urgency-extreme{animation:subtle-pulse 2s infinite;background-color:#fef2f2;border-left:4px solid #dc2626}.cr-urgency-high{background-color:#fff7ed;border-left:4px solid #ea580c}.cr-urgency-moderate{background-color:#fffbeb;border-left:4px solid #f59e0b}@keyframes subtle-pulse{0%,to{box-shadow:0 0 0 0 #dc26261a}50%{box-shadow:0 0 0 4px #dc26260d}}.cr-vendor-card{align-items:center;display:flex;gap:16px;justify-content:space-between}.cr-vendor-info{flex:1 1}.cr-vendor-info h3{font-size:16px;margin:0 0 4px}.cr-vendor-rating{align-items:center;color:#fbc02d;color:var(--warning-yellow-fg);display:flex;gap:3px;margin-bottom:12px}.cr-vendor-rating svg{fill:#fbc02d;fill:var(--warning-yellow-fg)}.cr-vendor-rating span{color:#6b7281;color:var(--secondary-text);font-size:13px;margin-left:5px}.cr-vendor-contact{align-items:center;color:#6b7281;color:var(--secondary-text);display:flex;font-size:14px;gap:8px;margin:6px 0}.cr-vendor-contact svg{font-size:16px}.cr-change-btn{align-self:center;background-color:#000;background-color:var(--black);border:none;border-radius:8px;color:#fff;color:var(--card-bg);cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .2s ease;white-space:nowrap}.cr-change-btn:hover{background-color:#000}.cr-change-btn:focus{outline:none}.cr-preferred-vendors-container{-ms-overflow-style:none;background-color:#fff;background-color:var(--card-bg);border:1px solid #eee;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000a;display:flex;flex-direction:column;gap:16px;max-height:345px;overflow-y:auto;padding:10px;scrollbar-width:none}.cr-vendors::-webkit-scrollbar{display:none}.cr-order-list-container{-ms-overflow-style:none!important;background-color:#fff;background-color:var(--card-bg);border:1px solid #eee;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000000a;display:flex;flex-direction:column;gap:8px;max-height:412px;overflow-y:auto;padding:10px;scrollbar-width:none!important}.cr-order-list-container::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.cr-order-item-card{grid-gap:8px 16px;align-items:center;display:grid;flex-shrink:0;gap:8px 16px;grid-template-columns:minmax(0,1fr) -webkit-max-content;grid-template-columns:minmax(0,1fr) max-content;overflow:hidden;padding:16px}.cr-stock-info-container{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;min-width:0}.cr-item-name{word-wrap:break-word;color:#111827;color:var(--primary-text);font-size:16px;font-weight:600;grid-column:1/2;margin:0 0 4px;overflow-wrap:break-word}.cr-item-stock{color:#6b7281;color:var(--secondary-text);font-size:13px;grid-column:1/2;margin:0;max-width:100%;overflow:hidden!important;text-align:left;text-overflow:ellipsis!important;white-space:nowrap!important}.cr-quantity-selector{align-items:center;align-self:center;display:flex;flex-wrap:nowrap;gap:12px;grid-column:2/3;grid-row:1/3;justify-self:end}.cr-quantity-selector button{align-items:center;background-color:#f7f8fa;background-color:var(--page-bg);border:none;border-radius:8px;color:#111827;color:var(--primary-text);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.cr-quantity-selector input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;background:none;border:none;color:#111827;color:var(--primary-text);font-size:16px;font-weight:600;text-align:center;width:50px}.cr-quantity-selector input::-webkit-inner-spin-button,.cr-quantity-selector input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cr-add-more-btn{align-items:center;background-color:#fff;background-color:var(--card-bg);border:2px dashed #000;border:2px dashed var(--black);border-radius:12px;color:#111827;color:var(--primary-text);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:12px;transition:background-color .2s ease;width:100%}.cr-add-more-btn:hover{background-color:#f7f8fa;background-color:var(--page-bg)}.cr-inline-add-container{background-color:#fff;border:1px solid #eee;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:10px;padding:15px}.cr-inline-add-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.cr-inline-add-search-wrapper{flex-grow:1;position:relative}.cr-inline-add-search-wrapper svg{color:#888;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.cr-inline-add-search-wrapper input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 10px 10px 35px;width:100%}.cr-inline-add-close-btn{background:none;border:none;color:#555;cursor:pointer;font-size:20px}.cr-inline-add-list{display:flex;flex-direction:column}.cr-inline-add-item{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 5px}.cr-inline-add-item:not(:last-child){border-bottom:1px solid #f0f0f0}.cr-inline-add-item:hover{background-color:#f9f9f9}.cr-inline-add-plus-btn{background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:18px;height:28px;width:28px}.cr-inline-add-no-items{color:#888;font-size:14px;padding:12px 0}.cr-summary-card{display:flex;flex-direction:column;gap:12px}.cr-summary-item{display:flex;font-size:14px;justify-content:space-between}.cr-summary-item span:first-child,.cr-summary-item span:last-child{color:#000;font-weight:600}.cr-actions{display:flex;gap:12px;margin-top:30px}.cr-actions button{border:1px solid #0000;border-radius:12px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:15px}.cr-draft-btn{background-color:#e5e7eb;border-color:#e5e7eb;color:#111827;color:var(--primary-text)}.cr-review-btn{background-color:#000!important;border-color:#000!important;color:#fff!important;font-weight:800}.cr-newly-added-badge{background-color:#fff;border:1px solid #ff7f00;border-radius:3px;color:#ff7f00;font-size:8px;font-weight:600;letter-spacing:.3px;margin-left:6px;padding:2px 6px;text-transform:uppercase;white-space:nowrap}@media screen and (max-width:768px){.cr-page-container{padding:16px 12px 12px}.cr-header{margin-bottom:20px}.cr-header h1{font-size:1.4rem;padding-left:.5rem}.cr-back-btn{font-size:22px}.cr-section{margin-bottom:20px}.cr-section-title{font-size:.9rem;margin-bottom:10px;padding-left:1rem!important}.cr-vendor-card{align-items:center;flex-direction:row;gap:12px;padding:14px}.cr-vendor-info h3{font-size:15px}.cr-vendor-rating{margin-bottom:10px}.cr-vendor-rating span{font-size:12px}.cr-vendor-contact{font-size:13px;gap:6px}.cr-vendor-contact svg{font-size:15px}.cr-change-btn{font-size:13px;min-width:70px;padding:10px 14px}.cr-preferred-vendors-container{gap:14px;max-height:320px;padding:8px}.cr-order-list-container{gap:6px;max-height:380px;padding:8px}.cr-order-item-card{grid-gap:8px;display:grid;gap:8px;grid-template-areas:"name counter" "stock stock";grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:14px}.cr-order-item-card>div:first-child{display:flex;flex-direction:column;gap:8px;grid-area:name/name/stock/stock}.cr-order-item-card>div:first-child>div:first-child{margin-bottom:0!important}.cr-item-name{font-size:15px;grid-area:name;margin:0}.cr-stock-info-container{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:10px;grid-area:stock;justify-content:flex-start;min-width:0}.cr-item-stock{flex:0 0 auto;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-quantity-selector{align-self:start;gap:10px;grid-area:counter;justify-self:end}.cr-quantity-selector button{font-size:18px;height:30px;width:30px}.cr-quantity-selector input{font-size:15px;width:55px}.cr-add-more-btn{font-size:13px;gap:6px;margin-top:14px;padding:11px}.cr-inline-add-container{margin-top:8px;padding:13px}.cr-inline-add-header{gap:8px;margin-bottom:8px}.cr-inline-add-search-wrapper input{font-size:13px;padding:9px 9px 9px 33px}.cr-inline-add-search-wrapper svg{left:9px}.cr-inline-add-close-btn{font-size:18px}.cr-inline-add-item{padding:11px 4px}.cr-inline-add-plus-btn{font-size:16px;height:26px;width:26px}.cr-inline-add-no-items{font-size:13px;padding:11px 0}.cr-summary-card{gap:10px;padding:14px}.cr-summary-item{font-size:13px}.cr-actions{gap:10px;margin-top:24px}.cr-actions button{font-size:15px;padding:13px}.cr-low-stock-card{max-height:calc(var(--cr-low-visible-rows)*var(--cr-low-row-height) + (var(--cr-low-visible-rows) - 1)*6px + 12px);padding:6px}.cr-low-row{min-height:38px;padding:9px 11px}.cr-low-simple-name{font-size:13px}.cr-low-simple-qty{font-size:12px}.cr-low-stock-item{font-size:13px;gap:10px;padding:11px}.cr-low-stock-item p{font-size:13px}.cr-dot{height:9px;width:9px}.cr-alert-title,.cr-item-quantity{font-size:13px}.cr-alert-description{font-size:11px}.cr-newly-added-badge{font-size:7px;margin-left:5px;padding:2px 5px}}@media screen and (max-width:480px){.cr-page-container{padding:14px 10px 10px}.cr-header{margin-bottom:18px}.cr-header h1{font-size:1.3rem;padding-left:.4rem}.cr-back-btn{font-size:20px}.cr-section{margin-bottom:18px}.cr-section-title{font-size:.85rem;margin-bottom:9px;padding-left:.8rem!important}.cr-vendor-card{align-items:center;flex-direction:row;gap:10px;justify-content:space-between;padding:12px}.cr-vendor-info h3{font-size:14px}.cr-vendor-rating{margin-bottom:8px}.cr-vendor-rating span{font-size:11px}.cr-vendor-contact{font-size:12px;gap:5px}.cr-vendor-contact svg{font-size:14px}.cr-change-btn{font-size:12px;min-width:65px;padding:9px 12px}.cr-preferred-vendors-container{gap:12px;max-height:300px;padding:7px}.cr-order-list-container{gap:5px;max-height:360px;padding:7px}.cr-order-item-card{grid-gap:6px;display:grid;gap:6px;grid-template-areas:"name counter" "stock stock";grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:12px}.cr-order-item-card>div:first-child{display:flex;flex-direction:column;gap:6px;grid-area:name/name/stock/stock}.cr-order-item-card>div:first-child>div:first-child{margin-bottom:0!important}.cr-item-name{font-size:14px;grid-area:name;margin:0}.cr-stock-info-container{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:10px;grid-area:stock;justify-content:flex-start;min-width:0}.cr-item-stock{flex:0 0 auto;font-size:11px}.cr-quantity-selector{align-self:start;gap:8px;grid-area:counter;justify-self:end}.cr-quantity-selector button{font-size:16px;height:28px;width:28px}.cr-quantity-selector input{font-size:14px;width:55px}.cr-stock-info-container{align-items:center!important;display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;justify-content:flex-start!important}.cr-item-stock{flex:0 0 auto!important;font-size:11px!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-add-more-btn{font-size:12px;gap:5px;margin-top:12px;padding:10px}.cr-inline-add-container{margin-top:7px;padding:12px}.cr-inline-add-header{gap:7px;margin-bottom:7px}.cr-inline-add-search-wrapper input{font-size:12px;padding:8px 8px 8px 31px}.cr-inline-add-search-wrapper svg{left:8px}.cr-inline-add-close-btn{font-size:16px}.cr-inline-add-item{padding:10px 3px}.cr-inline-add-plus-btn{font-size:15px;height:24px;width:24px}.cr-inline-add-no-items{font-size:12px;padding:10px 0}.cr-summary-card{gap:9px;padding:12px}.cr-summary-item{font-size:12px}.cr-actions{gap:9px;margin-top:22px}.cr-actions button{font-size:14px;padding:12px}.cr-low-stock-card{max-height:calc(var(--cr-low-visible-rows)*36px + (var(--cr-low-visible-rows) - 1)*5px + 10px);padding:5px}.cr-low-row{min-height:36px;padding:8px 10px}.cr-low-simple-name{font-size:12px}.cr-low-simple-qty{font-size:11px}.cr-low-stock-item{font-size:12px;gap:9px;padding:10px}.cr-low-stock-item p{font-size:12px}.cr-dot{height:8px;width:8px}.cr-alert-title,.cr-item-quantity{font-size:12px}.cr-alert-description{font-size:10px}.cr-newly-added-badge{font-size:6px;margin-left:4px;padding:1px 4px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:flex-start;box-sizing:border-box;display:flex;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;justify-content:center;margin:0;min-height:100vh}body:has(.associated-items-screen){height:100vh!important;max-height:100vh!important;overflow:hidden!important}.mobile-view{background:#fff;display:flex;flex-direction:column;max-width:600px;min-height:100dvh;overflow:hidden;position:relative}.mobile-view:has(.associated-items-screen){height:100vh;max-height:100vh;overflow:hidden!important}.screen{display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:4rem;min-height:0;overflow:hidden}.screen-header{flex-shrink:0;padding:24px 50px 16px;position:relative;text-align:center}.screen-header h2{color:#1c1c1e;font-size:22px;margin:0}.screen-header p{color:#8a8a8e;font-size:14px;margin:0}main{flex-grow:1;padding:0}.associated-items-content,.screen:has(.associated-items-content) main{overflow:hidden!important}.associated-items-screen{display:flex;flex-direction:column;height:100vh!important;left:50%!important;max-height:100vh!important;max-width:600px!important;overflow:hidden!important;position:fixed!important;top:0!important;transform:translateX(-50%)!important;width:100vw!important}.associated-items-screen main{display:flex;flex:1 1;flex-direction:column;overflow:hidden!important;padding:0 20px}.associated-items-screen .screen-header{flex-shrink:0}.associated-items-screen .screen-footer{flex-shrink:0;margin-top:10px;padding:0 20px 80px}main::-webkit-scrollbar{display:none}main{-ms-overflow-style:none;scrollbar-width:none}.associated-items-screen ::-webkit-scrollbar,.associated-items-screen::-webkit-scrollbar,body:has(.associated-items-screen)::-webkit-scrollbar,html:has(.associated-items-screen)::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.associated-items-screen,.associated-items-screen *,body:has(.associated-items-screen),html:has(.associated-items-screen){-ms-overflow-style:none!important;overflow:hidden!important;scrollbar-width:none!important}.screen-footer{flex-shrink:0;margin-top:auto;padding:0 20px 8px}.complementary-items .action-button{background-color:#f9fafb;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:16px;transition:background-color .2s;width:100%}.complementary-items .action-button.orange,.complementary-items .action-button.orange:hover{background-color:#000}.complementary-items .action-button:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}.back-button{background:#0000!important;border:none!important;color:#000;height:40px;justify-content:center;left:16px;padding:8px;position:absolute;top:20px;width:40px;z-index:10}.back-button:active,.back-button:focus,.back-button:hover{background:#0000!important;background-color:initial!important;box-shadow:none!important;outline:none!important;scale:none!important;transform:none!important}.back-button:after,.back-button:before{display:none!important}.associated-items-content{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;max-height:none;min-height:0;overflow:hidden!important;padding:2px 20px;text-align:center}.info-card{background-color:#f9f9f9;border:1px solid #e8e8e8;border-radius:16px;padding:16px 20px 12px}.info-card h3{color:#000;font-size:18px;margin-bottom:4px;margin-top:8px;white-space:normal;word-break:break-word}.info-card p{color:#666;line-height:1.6}.enhancements-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding-bottom:20px;padding-top:10px}.item-card{border:1px solid #e8e8e8;border-radius:8px;break-inside:avoid;flex-direction:column;height:100%;margin:0;max-height:180px;min-height:180px;overflow:hidden;page-break-inside:avoid;position:relative}.item-card.selected{border:1.2px solid #000!important}.item-image{background-color:#f0f0f0;background-image:linear-gradient(to bottom right,#e0e0e0,#f0f0f0);background-position:50%;background-size:cover;border-radius:5px;height:120px;margin-bottom:8px;width:100%}.item-card p{color:#000;font-weight:500;margin:0}.selection-badge{align-items:center;background-color:#000;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.configure-list{padding-bottom:20px}.recipe-section{background:#fff;border:1px solid #eee;border-radius:12px;margin-bottom:24px;overflow:hidden}.recipe-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;justify-content:flex-start;margin-bottom:0;padding:16px}.recipe-header h3{font-size:18px;font-weight:500;margin:0}.recipe-header .selection-badge{align-items:center;border-radius:50%;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;min-width:28px;position:static}.ingredient-row{background:#fff;border:none;border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:16px 16px 16px 0}.ingredient-row.editing{flex-wrap:wrap;row-gap:0}.ingredient-row:last-child{border-bottom:none}.ingredient-name{color:#000;flex:1 1;font-size:15px;font-weight:500;text-align:left}.ingredient-name.clickable{cursor:pointer}.controls-inline{gap:8px;justify-content:flex-end;min-width:200px}.controls-inline,.square-btn{align-items:center;display:flex}.square-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;height:24px;justify-content:center;padding:0;width:24px}.number-input{text-align:center;width:60px}.number-input,.select-input{border:1px solid #ccc;border-radius:6px;padding:4px}.select-input{min-width:80px}.ingredient-unit{color:#888;font-size:14px;text-align:left;width:50px}.modal-overlay{height:100%;width:100%}.modal-content{background-color:#fff;border-radius:16px;box-shadow:0 5px 15px #0003;padding:24px 30px;text-align:center;width:80%}.modal-content h3{color:#000;margin-top:0;text-align:center}.modal-content button{background-color:initial;border:none;color:#000;cursor:pointer;font-size:16px;font-weight:500;padding:10px 30px}@media (min-width:768px){.mobile-view{padding:0}}input[type=number]{-webkit-appearance:none!important;appearance:none!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;display:none!important;margin:0!important}.error-text{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#dc3545;font-size:14px;margin:16px 0;padding:16px;text-align:center}@media (max-width:480px){.screen-header{padding:16px}main{padding:0 12px}.enhancements-grid{gap:12px;grid-template-columns:1fr}.item-card{max-height:none;min-height:auto}.item-image{height:160px}.ingredient-row{align-items:stretch;flex-direction:column}.controls-inline,.ingredient-name{flex:1 1 100%}.controls-inline{justify-content:space-between}}.ic-page{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;min-height:100vh;padding:24px 40px 96px;width:100%}@media screen and (max-width:768px){.ic-page{padding:24px 20px 96px}}@media screen and (max-width:480px){.ic-page{padding:24px 20px 96px}}.ic-title-wrapper{margin:0 0 16px;text-align:center}.ic-title{font-size:28px;font-weight:800;margin:0}.ic-card{margin:0 auto;max-width:600px;padding:0;width:100%}.ic-card-inner{flex-direction:column;padding:28px 24px 20px}.ic-card-inner,.ic-logo-circle{align-items:center;display:flex}.ic-logo-circle{background:#f59e0b26;border-radius:36px;height:72px;justify-content:center;margin-bottom:16px;width:72px}.ic-logo{color:#f97316;font-size:40px}.ic-logo img{height:40px;object-fit:contain;width:40px}.ic-heading{font-size:26px;font-weight:800;margin:0 0 10px;text-align:center}.ic-desc{color:#4b5563;font-size:15px;line-height:1.7;margin:0 0 18px;max-width:520px;text-align:center}.ic-cta{background:#f97316;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 16px;width:100%}.ic-footnote{color:#6b7280;font-size:12px;margin-top:16px;text-align:center}.wt-page{align-items:center;background-color:#fff;display:flex;flex-direction:column;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif;justify-content:flex-start;margin:0 auto;max-width:700px;min-height:calc(100vh - 56px - env(safe-area-inset-bottom, 20px));overflow:hidden;padding:12px 0 0}.wt-title-wrap{margin:0 0 16px;padding:0 8px;text-align:center;width:100%;.wt-item-name{word-wrap:break-word;align-items:center;color:#000;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;gap:6px;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;overflow-wrap:break-word}}.wt-title{font-size:25.6px;font-weight:600;margin:0}.wt-toolbar{grid-gap:12px;background:#fff;border-radius:12px;display:grid;gap:12px;grid-template-columns:1fr;max-width:700px;padding:8px;width:100%}.wt-content{flex:1 1 auto;flex-direction:column;margin-top:8px;min-height:0}.wt-content,.wt-tabs{display:flex;max-width:700px;width:100%}.wt-tabs{background:#eef2f7;border:1px solid #e2e8f0;border-radius:12px;gap:0;padding:0 4px 0 0;width:570px}.wt-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:700;height:45px;justify-content:center;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.wt-tab.active{background:#000;box-shadow:inset 0 1px 0 #ffffff0f;color:#fff}.wt-tab:hover:not(.active){background:#e7edf4}.wt-toolbar-row2{grid-gap:12px;display:grid;gap:12px;grid-column:1/-1;grid-template-columns:1fr}.wt-select{background:#fff;border:1px solid #e5e7eb;font-weight:600;padding:0 12px}.wt-save,.wt-select{border-radius:10px;height:40px}.wt-save{background:#e9ecef;border:1px solid #e5e7eb;color:#6b7280;font-weight:700;padding:0 14px}.wt-save.active{background:#111827;border-color:#111827;color:#fff;cursor:pointer}.wt-search{position:relative}.wt-search input{border:1px solid #e5e7eb;border-radius:10px;height:40px;padding:0 40px 0 14px;width:100%}.wt-filter-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;height:28px;position:absolute;right:6px;top:6px;width:28px}.wt-scrollable-list{-ms-overflow-style:none;background:#fff;flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:calc(64px + env(safe-area-inset-bottom, 20px));scrollbar-width:none}.wt-scrollable-list::-webkit-scrollbar{display:none}.wt-row,.wt-thead{align-items:center;display:grid;grid-template-columns:100px 1fr 160px 90px}.wt-thead{background:#f9fafb;border-bottom:1px solid #ececec;color:#000;font-weight:700;padding:12px}.wt-row{border-bottom:1px solid #f3f4f6;padding:12px}.wt-row>div:first-child,.wt-thead>div:first-child{text-align:center}.wt-row>div:nth-child(2),.wt-thead>div:nth-child(2){text-align:left}.wt-row>div:nth-child(3),.wt-thead>div:nth-child(3){text-align:right}.wt-limit-header{align-items:center;display:inline-flex;justify-content:flex-end;margin-left:80px;width:100%}.wt-limit-label{flex:0 0 auto}.wt-limit-spacer{display:inline-block;flex:0 0 auto;width:calc(6ch + 8px)}.wt-row>div:nth-child(4),.wt-thead>div:nth-child(4){text-align:center}.wt-row>div:nth-child(4) .wt-cell{padding-left:40px}.wt-cell{align-items:center;display:flex;gap:10px}.wt-item-thumb{background:#f3f4f6;border:1px solid #eee;border-radius:8px;height:44px;object-fit:cover;width:44px}.wt-item-name{word-wrap:break-word;color:#000;font-family:Poppins,sans-serif;font-weight:700;font-weight:500;gap:6px;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;overflow-wrap:break-word}.wt-item-name,.wt-limit{align-items:center;display:flex}.wt-limit{font-feature-settings:"tnum";color:#374151;font-size:15px;font-variant-numeric:tabular-nums;font-weight:700;gap:4px;justify-content:flex-end}.wt-limit input::selection{background:#0000}.wt-limit input::-moz-selection{background:#0000}.wt-limit input:focus{box-shadow:none;outline:none}.wt-limit input{background:#0000;border:none;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;height:36px;line-height:36px;min-width:3ch;padding:0;text-align:right;width:3ch}.wt-export{background:#fff;border:1px solid #ececec;border-radius:12px;display:flex;justify-content:center;margin-top:14px;max-width:700px;padding:12px;width:100%}.wt-export button{align-items:center;background:#0000;border:none;color:#2563eb;cursor:pointer;display:inline-flex;font-weight:700;gap:8px}@media (max-width:480px){.wt-tabs{max-width:100%;width:100%}.wt-toolbar{padding:6px 8px}.wt-row,.wt-thead{grid-template-columns:44px 1fr 110px 64px;padding:10px}.wt-row>div:nth-child(2),.wt-row>div:nth-child(4) .wt-cell,.wt-thead>div:nth-child(2){padding-left:8px}.wt-limit-header{margin-left:80px}.wt-limit-spacer{width:calc(6ch + 6px)}}.et-page{align-items:stretch;background-color:#fff;display:flex;flex-direction:column;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif;justify-content:flex-start;margin:0;max-width:100%;min-height:100vh;padding:16px 12px 96px}.et-title-wrap{margin:0 0 16px;padding:0 16px;text-align:center;width:100%}.et-title{font-size:25.6px;font-weight:600;margin:0}.et-stats-banner{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px;max-width:100%;padding:0 16px;width:100%}.et-stat-item{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 8px #667eea33;display:flex;flex-direction:column;justify-content:center;padding:16px}.et-stat-value{color:#fff;font-size:28px;font-weight:900;line-height:1;margin-bottom:4px}.et-stat-label{color:#ffffffe6;font-size:11px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.et-toolbar{grid-gap:12px;background:#fff;border-radius:12px;display:grid;gap:12px;grid-template-columns:1fr;max-width:100%;padding:12px 1px;width:100%}.et-toolbar-row2{grid-gap:12px;display:grid;gap:12px;grid-column:1/-1;grid-template-columns:1fr}.et-table-card{background:#fff;border:1px solid #ececec;border-radius:12px;margin-top:14px;max-width:100%;overflow:hidden;width:100%}.et-scrollable-list{-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.et-scrollable-list::-webkit-scrollbar{display:none}.select-list{-ms-overflow-style:none;scrollbar-width:none}.select-list::-webkit-scrollbar{display:none}.et-row,.et-thead{align-items:center;display:grid;grid-template-columns:80px 1fr 160px}.et-thead>div:last-child{justify-self:start;padding-left:6px;white-space:nowrap}.et-row>div:last-child{white-space:nowrap}.et-item-name{font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.et-thead{background:#f9fafb;border-bottom:1px solid #ececec;color:#000;font-weight:700;padding:12px}.et-row{border-bottom:1px solid #f3f4f6;padding:12px}.et-row>div:first-child,.et-thead>div:first-child{text-align:center}.et-row>div:nth-child(2),.et-thead>div:nth-child(2){text-align:left}.et-row>div:nth-child(3),.et-thead>div:nth-child(3){text-align:center}.et-cell{gap:10px}.et-cell,.et-item-name{align-items:center;display:flex}.et-item-name{word-wrap:break-word;color:#000;font-weight:500;gap:6px;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;overflow-wrap:break-word}.et-badge{font-size:14px;opacity:.7}.et-days{font-feature-settings:"tnum";align-items:center;color:#374151;display:flex;font-size:15px;font-variant-numeric:tabular-nums;font-weight:700;gap:4px;justify-content:center}.et-days input{border:1px solid #e5e7eb;border-radius:6px;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;height:36px;min-width:4ch;padding:0 8px;text-align:center;transition:border-color .2s ease;width:4ch}.et-days input:focus{border-color:#3b82f6;outline:none}.et-days input:disabled{background:#f9fafb;cursor:not-allowed}.et-info-box{background:linear-gradient(135deg,#e0f2fe,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:12px;margin-top:16px;max-width:100%;padding:16px;width:100%}.et-info-icon{font-size:24px}@media (max-width:768px){.et-page{min-height:calc(100vh - 56px - env(safe-area-inset-bottom, 20px));padding:12px 12px 0}.et-title{font-size:22px}.et-row,.et-thead{grid-template-columns:60px 1fr 130px}.et-row,.et-thead{padding:10px}.et-page{padding-bottom:0}.et-scrollable-list{padding-bottom:0!important}.et-scrollable-list,.et-table-card{margin-bottom:0!important}.et-row:last-child{border-bottom:none!important;padding-bottom:0!important}.et-page>div:last-of-type{display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:0!important;padding-bottom:0!important}.et-page>div:last-of-type>.et-scrollable-list{flex:1 1 auto;max-height:none!important;overflow-y:auto}.et-page>div:last-of-type>:last-child:not(.et-scrollable-list){flex:1 1 auto}.et-page>div:last-of-type .et-row:last-child{border-bottom:none!important;padding-bottom:0!important}}@media (max-width:480px){.et-title{font-size:20px}.et-row,.et-thead{grid-template-columns:50px 1fr 120px}.et-item-name{font-size:14px}.et-row,.et-thead{padding:8px}}@media (max-width:768px){.et-page>:last-child{margin-bottom:0!important}}.et-info-content{color:#1e40af;flex:1 1;font-size:14px}.et-info-content strong{color:#1e3a8a;display:block;font-weight:700;margin-bottom:8px}.et-info-content ul{list-style-type:disc;margin:0;padding-left:20px}.et-info-content li{line-height:1.5;margin-bottom:4px}.qrb-complete-onboarding-root{--qrb-bg:#181711;--qrb-bg-2:#3a3627;--qrb-bg-3:#23272f;--qrb-text:#fff;--qrb-muted:#bbb49b;--qrb-muted-2:#6b7280;--qrb-accent:#f9c806;--qrb-danger:#ef4444;--qrb-success:#10b981;background:var(--qrb-bg);color:var(--qrb-text);min-height:100vh}.qrb-complete-onboarding-root *{box-sizing:border-box}.qrb-complete-onboarding-root .qrb-complete-container{margin:0 auto;max-width:600px;padding:0 24px}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-container{padding:0 16px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-container{padding:0 12px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-container{padding:0 8px}}.qrb-complete-onboarding-root .qrb-complete-header{border-bottom:1px solid #3a3627;padding:24px 0;text-align:center}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-header{padding:16px 0}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-header{padding:12px 0}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-header{padding:10px 0}}.qrb-complete-onboarding-root .qrb-complete-logo{color:#fff;font-size:28px;font-weight:700;letter-spacing:2px}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-logo{font-size:22px;letter-spacing:1px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-logo{font-size:20px;letter-spacing:.8px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-logo{font-size:18px;letter-spacing:.5px}}.qrb-complete-onboarding-root .qrb-complete-subtitle{color:var(--qrb-muted);font-size:16px;margin-top:4px}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-subtitle{font-size:15px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-subtitle{font-size:14px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-subtitle{font-size:13px}}.qrb-complete-onboarding-root .qrb-complete-content{padding-bottom:82px}.qrb-complete-onboarding-root .itemmap-container{background:#fff!important;min-height:100vh;padding:16px!important}.qrb-complete-onboarding-root .itemmap-container,.qrb-complete-onboarding-root .itemmap-container.editor{margin:0 auto!important;max-width:600px!important;width:600px!important}.qrb-complete-onboarding-root .qrb-complete-content:has(.itemmap-container){background:#f5f5f5;padding:0}.qrb-complete-onboarding-root .itemmap-container button{z-index:10}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-content{padding-bottom:80px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-content{padding-bottom:60px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-content{padding-bottom:50px}}.qrb-complete-onboarding-root .qrb-complete-title{font-size:24px;font-weight:700;text-align:center}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-title{font-size:20px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-title{font-size:18px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-title{font-size:16px}}.qrb-complete-onboarding-root .qrb-complete-section{margin-bottom:32px}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-section{margin-bottom:20px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-section{margin-bottom:16px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-section{margin-bottom:12px}}.qrb-complete-onboarding-root .qrb-complete-card{background:var(--qrb-bg-2);border-radius:12px;padding:20px}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-card{border-radius:10px;padding:14px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-card{border-radius:8px;padding:12px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-card{border-radius:6px;padding:10px}}.qrb-complete-onboarding-root .qrb-complete-btn{align-items:center;background:#0000;border:1px solid #374151;border-radius:8px!important;color:var(--qrb-muted);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:12px 16px}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-btn{border-radius:7px!important;font-size:15px;gap:6px;min-height:44px;padding:10px 14px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-btn{border-radius:6px!important;font-size:14px;gap:5px;padding:9px 12px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-btn{border-radius:5px!important;font-size:13px;gap:5px;padding:9px 12px}}.qrb-complete-onboarding-root .qrb-complete-btn.qrb-complete-btn--primary{background:var(--qrb-accent);border-color:var(--qrb-accent);color:#1a1a1a}.qrb-complete-onboarding-root .qrb-complete-btn.qrb-complete-btn--danger{background:#0000;border-color:var(--qrb-danger);color:var(--qrb-danger)}.qrb-complete-onboarding-root .qrb-complete-btn.qrb-complete-btn--success{background:var(--qrb-success);border-color:var(--qrb-success);color:#1a1a1a}.qrb-complete-onboarding-root .qrb-complete-btn:disabled{cursor:not-allowed;opacity:.6}.qrb-complete-onboarding-root .qrb-complete-row{align-items:center;display:flex;gap:8px}.qrb-complete-onboarding-root .qrb-complete-input{background:var(--qrb-bg-3);border:1px solid #374151;border-radius:8px;color:#fff;font-size:16px;padding:12px;width:100%}.qrb-complete-onboarding-root .qrb-complete-badge{align-items:center;background:var(--qrb-bg-3);border-radius:6px;color:var(--qrb-muted);display:inline-flex;gap:6px;padding:4px 8px}.qrb-complete-onboarding-root .qrb-complete-list{display:flex;flex-direction:column}.qrb-complete-onboarding-root .qrb-complete-center{text-align:center}.qrb-complete-onboarding-root .qrb-complete-nav{background:var(--qrb-bg);bottom:0;display:flex;gap:16px;left:0;margin:0 auto;max-width:600px;padding:16px;position:fixed;right:0;z-index:1000}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-nav{gap:14px;padding:14px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-nav{gap:12px;padding:12px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-nav{gap:10px;padding:10px}}.qrb-complete-onboarding-root .qrb-complete-flex-1{flex:1 1}.qrb-complete-onboarding-root .qrb-complete-counter{align-items:center;display:flex;gap:12px;justify-content:center}.qrb-complete-onboarding-root .qrb-complete-btn-round{align-items:center;background:#3a3627;border:1px solid #374151;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;width:50px}.qrb-complete-onboarding-root .qrb-complete-table-item{background:#3a3627;border-radius:12px;margin:15px;padding:16px}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-table-item{border-radius:10px;margin:8px 0;padding:12px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-table-item{border-radius:8px;margin:6px 0;padding:10px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-table-item{border-radius:6px;margin:4px 0;padding:8px}}.qrb-complete-onboarding-root .qrb-complete-table-header{align-items:center;display:flex;gap:12px}.qrb-complete-onboarding-root .qrb-complete-table-num{align-items:center;background:var(--qrb-accent);border-radius:16px;color:#1a1a1a;display:flex;font-weight:700;height:32px;justify-content:center;width:32px}.qrb-complete-onboarding-root .qrb-complete-table-actions{display:flex;gap:8px;margin-left:auto}.qrb-complete-onboarding-root .qrb-complete-table-name{color:#fff!important;display:block!important;font-size:14px!important;font-weight:600;opacity:1!important;visibility:visible!important}.qrb-complete-onboarding-root .qrb-complete-best-spot{align-items:center;border-top:1px solid #374151;color:var(--qrb-accent);display:flex;font-size:12px;gap:6px;margin-top:8px;padding-top:8px}.qrb-complete-onboarding-root .qrb-complete-best-spot-editor{background:#0000;border:1px solid #374151;border-radius:8px;margin-top:12px;padding:16px}.qrb-complete-onboarding-root .qrb-complete-model-card{background:#2c2c2c;border:2px solid #374151;border-radius:12px;cursor:pointer;padding:20px}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-model-card{border-radius:10px;padding:18px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-model-card{border-radius:8px;padding:16px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-model-card{border-radius:6px;padding:14px}}.qrb-complete-onboarding-root .qrb-complete-model-card.qrb-complete-active{background:#cfa706;border-color:#cfa706}.qrb-complete-onboarding-root .qrb-complete-model-title{font-size:18px;font-weight:600;margin:0 0 8px}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-model-title{font-size:17px;margin:0 0 7px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-model-title{font-size:16px;margin:0 0 6px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-model-title{font-size:15px;margin:0 0 5px}}.qrb-complete-onboarding-root .qrb-complete-model-desc{color:#bbb49b;font-size:14px;margin:0 0 12px;text-align:left}.qrb-complete-onboarding-root .qrb-complete-model-card.qrb-complete-active .qrb-complete-model-desc,.qrb-complete-onboarding-root .qrb-complete-model-card.qrb-complete-active .qrb-complete-model-title{color:#1a1a1a}.qrb-complete-onboarding-root .qrb-complete-toggle{background:#374151;border-radius:12px;cursor:pointer;height:24px;position:relative;width:48px}.qrb-complete-onboarding-root .qrb-complete-toggle.qrb-complete-active{background:var(--qrb-accent)}.qrb-complete-onboarding-root .qrb-complete-toggle .qrb-complete-knob{background:#fff;border-radius:10px;height:20px;left:2px;position:absolute;top:2px;transition:left .2s;width:20px}.qrb-complete-onboarding-root .qrb-complete-toggle.qrb-complete-active .qrb-complete-knob{left:26px}.qrb-complete-onboarding-root .qrb-complete-section-title{color:#fff;font-size:20px;font-weight:700}.qrb-complete-onboarding-root .qrb-complete-desc{color:#bbb49b;font-size:15px;line-height:1.5}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-section-title{font-size:18px}.qrb-complete-onboarding-root .qrb-complete-desc{font-size:14px}}.qrb-complete-onboarding-root .qrb-complete-empty{align-items:center;color:#bbb49b;display:flex;flex-direction:column;gap:8px;padding:32px}.qrb-complete-onboarding-root .qrb-complete-reward-input-name,.qrb-complete-onboarding-root .qrb-complete-reward-input-points{background:var(--qrb-bg-3);border:1px solid #374151;border-radius:8px;color:#fff;font-size:16px;padding:12px}.qrb-complete-onboarding-root .qrb-complete-reward-input-name{flex:2 1}.qrb-complete-onboarding-root .qrb-complete-reward-input-points{flex:1 1}.qrb-complete-onboarding-root .qrb-complete-reward-name{color:#fff;font-weight:600}.qrb-complete-onboarding-root .qrb-complete-reward-points{color:var(--qrb-accent);font-weight:600}.qrb-complete-onboarding-root .qrb-complete-modal{position:relative}.qrb-complete-onboarding-root .qrb-complete-modal.qrb-complete-open .qrb-complete-modal-content{display:block}.qrb-complete-onboarding-root .qrb-complete-modal-content{border-radius:8px;box-shadow:0 10px 30px #00000080;display:none;margin:80px auto;max-width:520px;padding:20px}@media (max-width:640px){.qrb-complete-onboarding-root .qrb-complete-modal-content{margin:40px 16px}}.qrb-complete-onboarding-root .qrb-complete-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.qrb-complete-onboarding-root .qrb-complete-modal-title{color:#fff;font-size:18px;font-weight:600}.qrb-complete-onboarding-root .qrb-complete-modal-backdrop{background:#000c;inset:0;position:fixed;z-index:999}.qrb-complete-onboarding-root .qrb-complete-qr-box{align-items:center;background:#fff;border:1px dashed #ddd;border-radius:12px;color:#555;display:flex;height:220px;justify-content:center}.qrb-complete-onboarding-root .qrb-complete-disabled{opacity:.15;pointer-events:none;transition:opacity .2s ease}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-input,.qrb-complete-onboarding-root .qrb-complete-reward-input-name,.qrb-complete-onboarding-root .qrb-complete-reward-input-points{font-size:16px;padding:10px}.qrb-complete-onboarding-root .qrb-complete-counter{gap:8px}.qrb-complete-onboarding-root .qrb-complete-btn-round{height:46px;min-height:44px;width:46px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-input,.qrb-complete-onboarding-root .qrb-complete-reward-input-name,.qrb-complete-onboarding-root .qrb-complete-reward-input-points{border-radius:6px;padding:8px}.qrb-complete-onboarding-root .qrb-complete-counter{gap:6px}.qrb-complete-onboarding-root .qrb-complete-btn-round{height:44px;width:44px}.qrb-complete-onboarding-root .qrb-complete-model-desc{font-size:13px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-input,.qrb-complete-onboarding-root .qrb-complete-reward-input-name,.qrb-complete-onboarding-root .qrb-complete-reward-input-points{border-radius:5px;font-size:15px;padding:7px}.qrb-complete-onboarding-root .qrb-complete-counter{gap:4px}.qrb-complete-onboarding-root .qrb-complete-btn-round{height:44px;width:44px}.qrb-complete-onboarding-root .qrb-complete-model-desc{font-size:12px}.qrb-complete-onboarding-root .qrb-complete-table-num{border-radius:14px;font-size:14px;height:28px;width:28px}}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-modal-content{border-radius:12px;padding:16px}.qrb-complete-onboarding-root .qrb-complete-modal-title{font-size:17px}.qrb-complete-onboarding-root .qrb-complete-qr-box{border-radius:10px;height:200px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-modal-content{border-radius:10px;padding:14px}.qrb-complete-onboarding-root .qrb-complete-modal-title{font-size:16px}.qrb-complete-onboarding-root .qrb-complete-qr-box{border-radius:8px;height:180px}}@media (max-width:360px){.qrb-complete-onboarding-root .qrb-complete-modal-content{border-radius:8px;padding:12px}.qrb-complete-onboarding-root .qrb-complete-modal-title{font-size:15px}.qrb-complete-onboarding-root .qrb-complete-qr-box{border-radius:6px;height:160px}}@media (max-width:480px){.qrb-complete-onboarding-root .qrb-complete-toggle{border-radius:11px;height:22px;width:44px}.qrb-complete-onboarding-root .qrb-complete-toggle .qrb-complete-knob{border-radius:9px;height:18px;width:18px}.qrb-complete-onboarding-root .qrb-complete-toggle.qrb-complete-active .qrb-complete-knob{left:24px}}@media (max-width:768px){.qrb-complete-onboarding-root .qrb-complete-model-card{display:flex;flex-direction:column;justify-content:center;min-height:44px}}@media (prefers-reduced-motion:reduce){.qrb-complete-onboarding-root .qrb-complete-disabled,.qrb-complete-onboarding-root .qrb-complete-toggle .qrb-complete-knob{transition:none}}.qrb-complete-tax-onboarding{background-color:#181711;margin:0 auto;max-width:600px;min-height:100vh;padding-bottom:0;position:relative;width:100vw}@media (max-width:768px){.qrb-complete-tax-onboarding{padding-bottom:60px}}@media (max-width:480px){.qrb-complete-tax-onboarding{padding-bottom:55px}}@media (max-width:360px){.qrb-complete-tax-onboarding{padding-bottom:50px}}.qrb-complete-tax-navigation{background-color:#181711;border-top:1px solid #374151;bottom:0;display:flex;gap:1rem;left:50%;max-width:600px;padding:1rem 1.5rem;position:fixed;transform:translateX(-50%);width:100%;z-index:100}@media (max-width:768px){.qrb-complete-tax-navigation{gap:.75rem;padding:.75rem 1rem}}@media (max-width:480px){.qrb-complete-tax-navigation{gap:.625rem;padding:.625rem .875rem}}@media (max-width:360px){.qrb-complete-tax-navigation{gap:.5rem;padding:.5rem .75rem}}@media (max-width:480px){.qrb-complete-tax-navigation{gap:.75rem;padding:.75rem 1rem}}@media (max-width:360px){.qrb-complete-tax-navigation{gap:.625rem;padding:.625rem .875rem}}.qrb-complete-tax-nav-btn{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;justify-content:center;padding:.875rem 1.5rem;transition:all .2s}@media (max-width:768px){.qrb-complete-tax-nav-btn{border-radius:.4rem;font-size:.9rem;min-height:44px;padding:.75rem 1.25rem}}@media (max-width:480px){.qrb-complete-tax-nav-btn{border-radius:.375rem;font-size:.875rem;padding:.625rem 1rem}}@media (max-width:360px){.qrb-complete-tax-nav-btn{border-radius:.3rem;font-size:.8rem;padding:.5rem .875rem}}.qrb-complete-tax-back-btn{background-color:#23272f;border:2px solid #374151;color:#fff}.qrb-complete-tax-next-btn{background-color:#f9c806;color:#181711}.qrb-complete-tax-complete-btn{background-color:#f9c806;color:#fff}.qrb-complete-tax-nav-btn.disabled{background-color:#bbb49b;color:#65666b;cursor:not-allowed;opacity:.6}.qrb-complete-tax-intro-screen{align-items:center;background-color:#181711;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:1.5rem 1.5rem 2rem;width:100%}@media (max-width:768px){.qrb-complete-tax-intro-screen{padding:1rem 1rem 1.5rem}}@media (max-width:480px){.qrb-complete-tax-intro-screen{padding:.875rem .875rem 1.25rem}}@media (max-width:360px){.qrb-complete-tax-intro-screen{padding:.75rem .75rem 1rem}}.qrb-complete-tax-intro-container{max-width:100%;padding-top:3rem;width:100%}@media (max-width:768px){.qrb-complete-tax-intro-container{padding-top:2rem}}@media (max-width:480px){.qrb-complete-tax-intro-container{padding-top:1.5rem}}@media (max-width:360px){.qrb-complete-tax-intro-container{padding-top:1.25rem}}.qrb-complete-tax-intro-back-button{margin-bottom:1rem}.qrb-complete-tax-back-button{background-color:initial;border:2px solid #374151;border-radius:.5rem;font-size:.875rem;padding:.5rem 1rem}.qrb-complete-tax-intro-header{margin-bottom:3rem;text-align:center}@media (max-width:768px){.qrb-complete-tax-intro-header{margin-bottom:2rem}}@media (max-width:480px){.qrb-complete-tax-intro-header{margin-bottom:1.5rem}}@media (max-width:360px){.qrb-complete-tax-intro-header{margin-bottom:1.25rem}}.qrb-complete-tax-intro-title{color:#f9c806;font-size:1.875rem;font-weight:700;letter-spacing:.025em;margin:0}@media (max-width:768px){.qrb-complete-tax-intro-title{font-size:1.5rem;letter-spacing:.02em}}@media (max-width:480px){.qrb-complete-tax-intro-title{font-size:1.375rem;letter-spacing:.015em}}@media (max-width:360px){.qrb-complete-tax-intro-title{font-size:1.25rem;letter-spacing:.01em}}.qrb-complete-tax-intro-subtitle{color:#bbb49b;font-size:.875rem;margin:0}.qrb-complete-tax-intro-logo{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}@media (max-width:768px){.qrb-complete-tax-intro-logo{margin-bottom:1.5rem}}@media (max-width:480px){.qrb-complete-tax-intro-logo{margin-bottom:1.25rem}}@media (max-width:360px){.qrb-complete-tax-intro-logo{margin-bottom:1rem}}.qrb-complete-tax-logo-circle{align-items:center;background-color:#23272f;border:4px solid #374151;border-radius:50%;display:flex;height:6rem;justify-content:center;position:relative;width:6rem}@media (max-width:768px){.qrb-complete-tax-logo-circle{border-width:3px;height:5rem;width:5rem}}@media (max-width:480px){.qrb-complete-tax-logo-circle{border-width:3px;height:4.5rem;width:4.5rem}}@media (max-width:360px){.qrb-complete-tax-logo-circle{border-width:2px;height:4rem;width:4rem}}.qrb-complete-tax-logo-grid{grid-gap:.375rem;display:grid;gap:.375rem;grid-template-columns:repeat(2,1fr)}.qrb-complete-tax-logo-dot{background-color:#6b7280;border-radius:.125rem;height:.75rem;width:.75rem}.qrb-complete-tax-logo-dot.active{background-color:#f9c806}.qrb-complete-tax-intro-title-section{margin-bottom:2rem;text-align:center}.qrb-complete-tax-intro-main-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.qrb-complete-tax-intro-description{color:#bbb49b;font-size:.875rem;margin:.5rem 0 0}.qrb-complete-tax-features-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem}.qrb-complete-tax-feature-item{align-items:flex-start;background-color:#23272f;border-radius:.75rem;display:flex;gap:.75rem;padding:1rem}.qrb-complete-tax-feature-icon{align-items:center;background-color:#f9c80633;border-radius:.5rem;color:#f9c806;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.qrb-complete-tax-feature-content{flex:1 1}.qrb-complete-tax-feature-title{color:#fff;font-size:.875rem;font-weight:500;margin:0}.qrb-complete-tax-feature-subtitle{color:#bbb49b;font-size:.75rem;margin:.25rem 0 0}.qrb-complete-tax-intro-actions{max-width:100%;width:100%}.qrb-complete-tax-start-button{align-items:center;background-color:#f9c806;border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#1a1a1a;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s;width:100%}@media (max-width:768px){.qrb-complete-tax-start-button{border-radius:.625rem;font-size:.9rem;gap:.4rem;min-height:44px;padding:.875rem 1.25rem}}@media (max-width:480px){.qrb-complete-tax-start-button{border-radius:.5rem;font-size:.875rem;gap:.375rem;padding:.75rem 1rem}}@media (max-width:360px){.qrb-complete-tax-start-button{border-radius:.4rem;font-size:.8rem;gap:.3rem;padding:.625rem .875rem}}.qrb-complete-tax-start-button:hover{background-color:#cfa706}.qrb-complete-tax-completion-time{color:#6b7280;font-size:.75rem;margin-bottom:0;margin-top:1rem;text-align:center}.qrb-complete-tax-scheme-selection{background-color:#181711;display:flex;flex-direction:column;min-height:100vh;width:100%}.qrb-complete-tax-scheme-header{margin:0 auto;max-width:100%;padding:24px;width:100%}@media (max-width:768px){.qrb-complete-tax-scheme-header{padding:1.25rem}}@media (max-width:480px){.qrb-complete-tax-scheme-header{padding:1rem}}@media (max-width:360px){.qrb-complete-tax-scheme-header{padding:.875rem}}.qrb-complete-tax-header-top{align-items:center;display:flex;gap:148px;margin-bottom:1.5rem}@media (max-width:768px){.qrb-complete-tax-header-top{gap:.75rem;margin-bottom:1.25rem}}@media (max-width:480px){.qrb-complete-tax-header-top{gap:.5rem;margin-bottom:1rem}}@media (max-width:360px){.qrb-complete-tax-header-top{gap:.5rem;margin-bottom:.875rem}}.back-btn,.qrb-complete-tax-top-back-button{align-items:center;background:#0000;border:none;border-radius:.375rem;box-shadow:none;color:#000;cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-height:40px;min-width:40px;padding:.5rem;transition:all .2s}@media (max-width:768px){.qrb-complete-tax-top-back-button{min-height:44px;min-width:44px;padding:.625rem}}@media (max-width:480px){.qrb-complete-tax-top-back-button{font-size:1.125rem;min-height:44px;min-width:44px;padding:.625rem}}@media (max-width:360px){.qrb-complete-tax-top-back-button{font-size:1rem;min-height:44px;min-width:44px;padding:.625rem}}.qrb-complete-tax-top-back-button:active,.qrb-complete-tax-top-back-button:hover{background-color:initial}.qrb-complete-tax-header-left{align-items:center;display:flex;gap:.75rem}.qrb-complete-tax-back-button{background:none;border:none;border-radius:.375rem;color:#bbb49b;cursor:pointer;padding:.5rem;transition:all .2s}@media (max-width:768px){.qrb-complete-tax-back-button{min-height:44px;min-width:44px;padding:.625rem .75rem}}@media (max-width:480px){.qrb-complete-tax-back-button{min-height:44px;min-width:44px;padding:.75rem}}@media (max-width:360px){.qrb-complete-tax-back-button{min-height:44px;min-width:44px;padding:.75rem}}.qrb-complete-tax-back-button:hover{background-color:#f9c8061a;color:#f9c806}.qrb-complete-tax-brand-title{color:#f9c806;font-size:1.25rem;font-weight:700;margin:0}@media (max-width:768px){.qrb-complete-tax-brand-title{font-size:1.125rem}}@media (max-width:480px){.qrb-complete-tax-brand-title{font-size:1rem}}@media (max-width:360px){.qrb-complete-tax-brand-title{font-size:.95rem}}.qrb-complete-tax-step-indicator{background-color:#23272f;border-radius:9999px;color:#bbb49b;font-size:.75rem;padding:.25rem .75rem}@media (max-width:768px){.qrb-complete-tax-step-indicator{font-size:.725rem;padding:.375rem .875rem}}@media (max-width:480px){.qrb-complete-tax-step-indicator{font-size:.7rem;padding:.375rem .75rem}}@media (max-width:360px){.qrb-complete-tax-step-indicator{font-size:.675rem;padding:.375rem .625rem}}.qrb-complete-tax-scheme-intro{margin-bottom:1.5rem;margin-top:.5rem}@media (max-width:768px){.qrb-complete-tax-scheme-intro{margin-bottom:1.25rem}}@media (max-width:480px){.qrb-complete-tax-scheme-intro{margin-bottom:1rem}}@media (max-width:360px){.qrb-complete-tax-scheme-intro{margin-bottom:.875rem}}.qrb-complete-tax-scheme-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}@media (max-width:768px){.qrb-complete-tax-scheme-title{font-size:1.375rem}}@media (max-width:480px){.qrb-complete-tax-scheme-title{font-size:1.25rem}}@media (max-width:360px){.qrb-complete-tax-scheme-title{font-size:1.125rem}}.qrb-complete-tax-scheme-description{color:#bbb49b;font-size:.875rem;line-height:1.6;margin:0}@media (max-width:768px){.qrb-complete-tax-scheme-description{font-size:.85rem;line-height:1.65}}@media (max-width:480px){.qrb-complete-tax-scheme-description{font-size:.825rem;line-height:1.7}}@media (max-width:360px){.qrb-complete-tax-scheme-description{font-size:.8rem;line-height:1.75}}.qrb-complete-tax-info-note{align-items:flex-start;background-color:#3a3627;border:1px solid #374151;border-radius:.5rem;display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}@media (max-width:768px){.qrb-complete-tax-info-note{gap:.625rem;margin-bottom:1.125rem;padding:.875rem}}@media (max-width:480px){.qrb-complete-tax-info-note{gap:.75rem;margin-bottom:1.25rem;padding:1rem}}@media (max-width:360px){.qrb-complete-tax-info-note{gap:.75rem;margin-bottom:1.25rem;padding:1rem}}.qrb-complete-tax-info-note svg{color:#f9c806;flex-shrink:0;margin-top:.125rem}.qrb-complete-tax-info-text{color:#bbb49b;font-size:.75rem;line-height:1.6;margin:0}@media (max-width:768px){.qrb-complete-tax-info-text{font-size:.775rem;line-height:1.65}}@media (max-width:480px){.qrb-complete-tax-info-text{font-size:.8rem;line-height:1.7}}@media (max-width:360px){.qrb-complete-tax-info-text{font-size:.825rem;line-height:1.75}}.qrb-complete-tax-scheme-list{flex:1 1;overflow-y:auto;padding:0 1.5rem 1.5rem}@media (max-width:768px){.qrb-complete-tax-scheme-list{padding:0 1.25rem 1.25rem}}@media (max-width:480px){.qrb-complete-tax-scheme-list{padding:0 1rem 1rem}}@media (max-width:360px){.qrb-complete-tax-scheme-list{padding:0 .875rem .875rem}}.qrb-complete-tax-scheme-container{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:100%;width:100%}@media (max-width:768px){.qrb-complete-tax-scheme-container{gap:.875rem}}@media (max-width:480px){.qrb-complete-tax-scheme-container{gap:.75rem}}@media (max-width:360px){.qrb-complete-tax-scheme-container{gap:.625rem}}.qrb-complete-tax-scheme-card{background-color:#2c2c2c;border:2px solid #374151;border-radius:.75rem;cursor:pointer;padding:1.25rem;position:relative;text-align:left;transition:all .3s;width:100%}@media (max-width:768px){.qrb-complete-tax-scheme-card{border-radius:.625rem;padding:1.125rem}}@media (max-width:480px){.qrb-complete-tax-scheme-card{border-radius:.5rem;padding:1rem}}@media (max-width:360px){.qrb-complete-tax-scheme-card{border-radius:.5rem;padding:.875rem}}.qrb-complete-tax-scheme-card:hover{border-color:#6b7280}.qrb-complete-tax-scheme-card.selected{border-color:#f9c806;box-shadow:0 10px 15px -3px #f9c80633}.qrb-complete-tax-check-badge{align-items:center;background-color:#f9c806;border-radius:50%;color:#1a1a1a;display:flex;height:1.5rem;justify-content:center;pointer-events:none;position:absolute;right:.5rem;top:.5rem;width:1.5rem;z-index:1}.qrb-complete-tax-scheme-card-title{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .5rem;padding-right:1.5rem}@media (max-width:768px){.qrb-complete-tax-scheme-card-title{font-size:.95rem;margin-bottom:.625rem;padding-right:1.25rem}}@media (max-width:480px){.qrb-complete-tax-scheme-card-title{font-size:.9rem;margin-bottom:.75rem;padding-right:1rem}}@media (max-width:360px){.qrb-complete-tax-scheme-card-title{font-size:.875rem;margin-bottom:.75rem;padding-right:.875rem}}.qrb-complete-tax-scheme-card-description{color:#bbb49b;font-size:.75rem;line-height:1.6;margin:0 0 1rem}@media (max-width:768px){.qrb-complete-tax-scheme-card-description{font-size:.775rem;line-height:1.65;margin-bottom:1.125rem}}@media (max-width:480px){.qrb-complete-tax-scheme-card-description{font-size:.8rem;line-height:1.7;margin-bottom:1.25rem}}@media (max-width:360px){.qrb-complete-tax-scheme-card-description{font-size:.825rem;line-height:1.75;margin-bottom:1.25rem}}.qrb-complete-tax-scheme-details{display:flex;flex-direction:column;gap:.5rem}@media (max-width:768px){.qrb-complete-tax-scheme-details{gap:.625rem}}@media (max-width:480px){.qrb-complete-tax-scheme-details{gap:.75rem}}@media (max-width:360px){.qrb-complete-tax-scheme-details{gap:.75rem}}.qrb-complete-tax-detail-row{align-items:center;display:flex;justify-content:space-between;padding:.375rem 0}.qrb-complete-tax-detail-row.bordered{border-top:1px solid #374151}.qrb-complete-tax-detail-label{color:#fff;font-size:.75rem}@media (max-width:768px){.qrb-complete-tax-detail-label{font-size:.775rem}}@media (max-width:480px){.qrb-complete-tax-detail-label{font-size:.8rem}}@media (max-width:360px){.qrb-complete-tax-detail-label{font-size:.825rem}}.qrb-complete-tax-detail-value{color:#fff;font-size:.875rem;font-weight:700}@media (max-width:768px){.qrb-complete-tax-detail-value{font-size:.9rem}}@media (max-width:480px){.qrb-complete-tax-detail-value{font-size:.925rem}}@media (max-width:360px){.qrb-complete-tax-detail-value{font-size:.95rem}}.qrb-complete-tax-detail-value.rate{color:#fff}.qrb-complete-tax-detail-value.itc-yes{color:#10b981;font-size:.75rem;font-weight:600}.qrb-complete-tax-detail-value.itc-no{color:#ef4444;font-size:.75rem;font-weight:600}.qrb-complete-tax-additional-details{align-items:center;background-color:#181711;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}@media (max-width:768px){.qrb-complete-tax-additional-details{height:100vh}}@media (max-width:480px){.qrb-complete-tax-additional-details{height:100vh}}@media (max-width:360px){.qrb-complete-tax-additional-details{height:100vh}}.qrb-complete-tax-details-header{flex-shrink:0;margin:0 auto;max-width:600px;padding:1.5rem;width:100%}@media (max-width:768px){.qrb-complete-tax-details-header{padding:1.25rem}}@media (max-width:480px){.qrb-complete-tax-details-header{padding:1rem}}@media (max-width:360px){.qrb-complete-tax-details-header{padding:.875rem}}.qrb-complete-tax-details-intro{margin-bottom:1rem;margin-top:.25rem}@media (max-width:768px){.qrb-complete-tax-details-intro{margin-bottom:1.125rem}}@media (max-width:480px){.qrb-complete-tax-details-intro{margin-bottom:.875rem}}@media (max-width:360px){.qrb-complete-tax-details-intro{margin-bottom:.75rem}}.qrb-complete-tax-details-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}@media (max-width:768px){.qrb-complete-tax-details-title{font-size:1.375rem}}@media (max-width:480px){.qrb-complete-tax-details-title{font-size:1.25rem}}@media (max-width:360px){.qrb-complete-tax-details-title{font-size:1.125rem}}.qrb-complete-tax-details-description{color:#bbb49b;font-size:.875rem;line-height:1.6;margin:0}@media (max-width:768px){.qrb-complete-tax-details-description{font-size:.85rem;line-height:1.65}}@media (max-width:480px){.qrb-complete-tax-details-description{font-size:.825rem;line-height:1.7}}@media (max-width:360px){.qrb-complete-tax-details-description{font-size:.8rem;line-height:1.75}}.qrb-complete-tax-selected-scheme{background-color:#3a3627;border:1px solid #374151;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}@media (max-width:768px){.qrb-complete-tax-selected-scheme{border-radius:.375rem;margin-bottom:1.125rem;padding:.875rem}}@media (max-width:480px){.qrb-complete-tax-selected-scheme{border-radius:.375rem;margin-bottom:1rem;padding:.75rem}}@media (max-width:360px){.qrb-complete-tax-selected-scheme{border-radius:.25rem;margin-bottom:.875rem;padding:.625rem}}.qrb-complete-tax-scheme-label{color:#fff;font-size:18px;font-weight:600;margin:0 0 .25rem}@media (max-width:768px){.qrb-complete-tax-scheme-label{font-size:.7rem}}@media (max-width:480px){.qrb-complete-tax-scheme-label{font-size:.675rem}}@media (max-width:360px){.qrb-complete-tax-scheme-label{font-size:.65rem}}.qrb-complete-tax-scheme-name{color:#fff;font-size:16px;font-weight:400;margin:0}@media (max-width:768px){.qrb-complete-tax-scheme-name{font-size:.95rem}}@media (max-width:480px){.qrb-complete-tax-scheme-name{font-size:.9rem}}@media (max-width:360px){.qrb-complete-tax-scheme-name{font-size:.85rem}}.qrb-complete-tax-scheme-info{color:#bbb49b;font-size:.75rem;font-weight:300;margin:.25rem 0 0}.qrb-complete-tax-details-form{overflow:hidden;padding:0 1.5rem 1rem}.qrb-complete-tax-details-form,.qrb-complete-tax-form-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:600px;min-height:0;width:100%}.qrb-complete-tax-form{display:flex;flex:1 1;flex-direction:column;gap:50px;min-height:0}.qrb-complete-tax-form-group{display:flex;flex-direction:column}.qrb-complete-tax-form-label{color:#fff;display:block;font-size:.875rem;font-weight:700;margin-bottom:.5rem;text-align:left}.qrb-complete-onboarding-root .qrb-complete-tax-form input#alcoholVatRate,.qrb-complete-onboarding-root .qrb-complete-tax-form input[type=number],.qrb-complete-onboarding-root .qrb-complete-tax-form-input,.qrb-complete-onboarding-root input.qrb-complete-tax-form-input{-webkit-appearance:none!important;appearance:none!important;background-color:#3a3627!important;background:#3a3627!important;border:2px solid #374151!important;border-radius:.5rem!important;box-shadow:none!important;box-sizing:border-box!important;color:#fff!important;outline:none!important;padding:.75rem 1rem!important;transition:none!important;width:100%!important}.qrb-complete-tax-form-input:hover{border-color:#374151!important}.qrb-complete-tax-form-input:focus{border:2px solid #374151!important;outline:none!important}.qrb-complete-tax-form-input.error{border:2px solid #ef4444!important}.qrb-complete-tax-form-input.mono{font-family:Courier New,monospace}.qrb-complete-tax-form-input::placeholder{color:#6b7280}.qrb-complete-onboarding-root .qrb-complete-tax-form input#gstin,.qrb-complete-onboarding-root .qrb-complete-tax-form input[type=text],.qrb-complete-onboarding-root .qrb-complete-tax-gstin-input,.qrb-complete-onboarding-root input.qrb-complete-tax-gstin-input{-webkit-appearance:none!important;appearance:none!important;background-color:#3a3627!important;background:#3a3627!important;border:2px solid #374151!important;border-radius:.5rem!important;box-shadow:none!important;box-sizing:border-box!important;color:#fff!important;font-family:Courier New,monospace!important;font-size:1rem!important;outline:none!important;padding:.75rem 1rem!important;transition:none;width:100%!important}.qrb-complete-tax-gstin-input:hover{border-color:#374151}.qrb-complete-tax-gstin-input:focus{border-color:#374151;outline:none}.qrb-complete-tax-gstin-input.error{border-color:#ef4444}.qrb-complete-tax-gstin-input::placeholder{color:#6b7280}.qrb-complete-onboarding-root .qrb-complete-tax-gstin-input{background-color:#3a3627!important;border:2px solid #374151!important;border-radius:.5rem!important;box-sizing:border-box!important;color:#fff!important;font-family:Roboto!important}.qrb-complete-onboarding-root .qrb-complete-tax-gstin-input:-webkit-autofill,.qrb-complete-tax-gstin-input:-webkit-autofill{-webkit-text-fill-color:#fff!important;border:2px solid #374151!important;-webkit-box-shadow:inset 0 0 0 1000px #3a3627!important;caret-color:#fff!important}.qrb-complete-tax-select-wrapper{margin-bottom:1rem;position:relative}.qrb-complete-tax-form-group .qrb-complete-tax-select-wrapper select.qrb-complete-tax-form-select,.qrb-complete-tax-form-select,select.qrb-complete-tax-form-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#3a3627!important;border:1px solid #374151!important;border-radius:8px!important;box-sizing:border-box!important;color:#fff!important;cursor:pointer!important;font-size:14px!important;height:auto!important;line-height:1.5!important;margin:0!important;min-height:48px!important;padding:12px 16px!important;transition:all .2s ease!important;width:100%!important}.qrb-complete-tax-form-group .qrb-complete-tax-select-wrapper select.qrb-complete-tax-form-select:hover,.qrb-complete-tax-form-select:hover,select.qrb-complete-tax-form-select:hover{border-color:#4b5563!important}.qrb-complete-tax-form-group .qrb-complete-tax-select-wrapper select.qrb-complete-tax-form-select:focus,.qrb-complete-tax-form-select:focus,select.qrb-complete-tax-form-select:focus{border:1px solid #6b7280!important;box-shadow:0 0 0 3px #6b72801a!important;outline:none!important}.qrb-complete-tax-form-group .qrb-complete-tax-select-wrapper select.qrb-complete-tax-form-select.error,.qrb-complete-tax-form-select.error,select.qrb-complete-tax-form-select.error{border:1px solid #ef4444!important}.qrb-complete-tax-form-select option{background-color:#23272f!important;color:#fff!important;font-size:14px!important;padding:8px 12px!important}.qrb-complete-tax-select-wrapper svg{color:#bbb49b;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:1}.qrb-complete-tax-error-message{align-items:center;color:#ef4444;display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem}.qrb-complete-tax-form-help{color:#bbb49b;font-size:.75rem;margin-bottom:0;margin-top:.5rem;text-align:left}.qrb-complete-tax-submit-button{align-items:center;background-color:#f9c806;border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#181711;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:2rem;padding:1rem 1.5rem;transition:all .2s;width:100%}.qrb-complete-tax-submit-button:hover{background-color:#e6b505}.qrb-complete-tax-completion-screen{align-items:center;background-color:#181711;bottom:0;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%}@media (max-width:768px){.qrb-complete-tax-completion-screen{height:100vh}}@media (max-width:480px){.qrb-complete-tax-completion-screen{height:100vh}}@media (max-width:360px){.qrb-complete-tax-completion-screen{height:100vh}}.qrb-complete-tax-completion-header{flex-shrink:0;margin:0 auto;max-width:600px;padding:0 1.5rem 1.5rem;width:100%}@media (max-width:768px){.qrb-complete-tax-completion-header{padding:0 1.125rem 1.125rem}}@media (max-width:480px){.qrb-complete-tax-completion-header{padding:0 .875rem .875rem}}@media (max-width:360px){.qrb-complete-tax-completion-header{padding:0 .75rem .75rem}}.qrb-complete-tax-header-center{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}@media (max-width:768px){.qrb-complete-tax-header-center{margin-bottom:1.5rem}}@media (max-width:480px){.qrb-complete-tax-header-center{margin-bottom:1.25rem}}@media (max-width:360px){.qrb-complete-tax-header-center{margin-bottom:1rem}}.qrb-complete-tax-success-section{margin-bottom:1rem;text-align:center}@media (max-width:768px){.qrb-complete-tax-success-section{margin-bottom:1.5rem}}@media (max-width:480px){.qrb-complete-tax-success-section{margin-bottom:1.25rem}}@media (max-width:360px){.qrb-complete-tax-success-section{margin-bottom:1rem}}.qrb-complete-tax-success-icon{align-items:center;background-color:#181711;border-radius:50%;color:#22c55e;display:inline-flex;height:5rem;justify-content:center;margin-bottom:1.5rem;width:5rem}@media (max-width:768px){.qrb-complete-tax-success-icon{height:4.5rem;margin-bottom:1.25rem;width:4.5rem}}@media (max-width:480px){.qrb-complete-tax-success-icon{height:4rem;margin-bottom:1rem;width:4rem}}@media (max-width:360px){.qrb-complete-tax-success-icon{height:3.5rem;margin-bottom:.875rem;width:3.5rem}}.qrb-complete-tax-success-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}@media (max-width:768px){.qrb-complete-tax-success-title{font-size:1.375rem;margin-bottom:.625rem}}@media (max-width:480px){.qrb-complete-tax-success-title{font-size:1.25rem;margin-bottom:.75rem}}@media (max-width:360px){.qrb-complete-tax-success-title{font-size:1.125rem;margin-bottom:.75rem}}.qrb-complete-tax-success-description{color:#bbb49b;font-size:.875rem;line-height:1.6;margin:0}@media (max-width:768px){.qrb-complete-tax-success-description{font-size:.85rem;line-height:1.65}}@media (max-width:480px){.qrb-complete-tax-success-description{font-size:.825rem;line-height:1.7}}@media (max-width:360px){.qrb-complete-tax-success-description{font-size:.8rem;line-height:1.75}}.qrb-complete-tax-completion-content{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:600px;min-height:0;overflow:hidden;padding:0 1.5rem 1rem;width:100%}@media (max-width:768px){.qrb-complete-tax-completion-content{padding:0 1.125rem 1.125rem}}@media (max-width:480px){.qrb-complete-tax-completion-content{padding:0 .875rem .875rem}}@media (max-width:360px){.qrb-complete-tax-completion-content{padding:0 .75rem .75rem}}.qrb-complete-tax-content-container{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:600px;min-height:0;width:100%}.qrb-complete-tax-config-summary{background-color:#3a3627;border-radius:.75rem;margin-bottom:.8rem;padding:1rem}@media (max-width:768px){.qrb-complete-tax-config-summary{border-radius:.625rem;margin-bottom:1.105rem;padding:1rem}}@media (max-width:480px){.qrb-complete-tax-config-summary{border-radius:.5rem;margin-bottom:.8rem;padding:.875rem}}@media (max-width:360px){.qrb-complete-tax-config-summary{border-radius:.375rem;margin-bottom:.755rem;padding:.75rem}}.qrb-complete-tax-summary-title{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.qrb-complete-tax-summary-title svg{color:#f9c806}.qrb-complete-tax-summary-details{display:flex;flex-direction:column;gap:.75rem}.qrb-complete-tax-detail-item{align-items:flex-start;display:flex;justify-content:space-between;padding:.5rem 0}.qrb-complete-tax-detail-item.bordered{border-top:1px solid #374151}.qrb-complete-tax-detail-value.scheme-title{font-size:.75rem}.qrb-complete-tax-detail-value.gstin{font-family:Courier New,monospace}.qrb-complete-tax-action-buttons{display:flex;flex-direction:column;gap:.75rem}.qrb-complete-tax-primary-button{align-items:center;background-color:#f9c806;border:none;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#181711;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s;width:100%}.qrb-complete-tax-primary-button:hover{background-color:#e6b505}.qrb-complete-tax-secondary-button{align-items:center;background-color:#3a3627;border:2px solid #374151;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:none;width:100%}body.qrb-only{background:#181711!important}body.qrb-only #root>div>div>div+.footer-nav,body.qrb-only .App-footer,body.qrb-only .app-footer,body.qrb-only .footer-nav,body.qrb-only [data-global-footer]{display:none!important}.gmaps-link-input{background-color:#111827!important;border:1px solid #4b5563!important;border-radius:8px!important;color:#f3f4f6!important}.gmaps-link-input:focus{border-color:#3b82f6!important}body,html{max-width:100vw;overflow-x:hidden}:root{--rt-ash:#64748b;--rt-yellow:#f59e0b;--rt-green:#10b981;--rt-red:#ef4444;--rt-bg-primary:#0f172a;--rt-bg-secondary:#1e293b;--rt-bg-tertiary:#334155;--rt-text-primary:#f8fafc;--rt-text-secondary:#cbd5e1;--rt-text-muted:#94a3b8;--rt-border:#475569;--rt-shadow:0 4px 6px -1px #0000001a;--oh-bg-primary:#111518;--oh-surface-elev:#1f2937;--oh-surface-elev-2:#1f2937;--oh-surface-inner:#2a3441;--oh-border:#374151;--oh-border-soft:#2a3441;--oh-text-primary:#fff;--oh-text-secondary:#9ca3af;--oh-text-muted:#6b7280;--oh-accent-amber:#f59e0b}@keyframes rt-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes rt-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes rt-slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes rt-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rt-dashboard{background:#0f172a;background:var(--rt-bg-primary);color:#f8fafc;color:var(--rt-text-primary);max-width:100vw;min-height:100vh;overflow-x:hidden;position:relative}.rt-header{background:#000;border-bottom:#000;padding:16px 11.2px 16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.rt-header-content,.rt-header-top{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:600px}.rt-header-left{align-items:center;display:flex;flex-direction:row;gap:0}.rt-title-with-status{align-items:center;display:flex;gap:8px}.rt-status-dot{background-color:#25c35e;border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.rt-header-right{align-items:center;display:flex;gap:8px;margin-left:calc(auto + 8px);position:relative}.rt-title{color:#f8fafc;color:var(--rt-text-primary);font-size:2rem;font-weight:700;margin:0;text-align:left}.rt-subtitle{align-items:center;color:#cbd5e1;color:var(--rt-text-secondary);display:flex;font-size:.875rem;gap:1rem}.rt-connection-status{align-items:center;display:flex;font-weight:600;gap:.5rem}.rt-icon-connected{color:#10b981;color:var(--rt-green)}.rt-icon-disconnected{color:#ef4444;color:var(--rt-red)}.rt-last-update{color:#94a3b8;color:var(--rt-text-muted)}.rt-header-actions{display:flex;gap:1rem}.rt-notification-btn{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;justify-content:center;padding:8px;position:relative;transition:opacity .2s ease}.rt-notification-btn:hover{opacity:.8}.rt-menu-btn{align-items:center;background:#000;border:none;border-radius:8px;color:#f8fafc;color:var(--rt-text-primary);cursor:pointer;display:flex;font-weight:600;min-width:60px;padding:12px 0;transition:all .2s ease}.dropdown-menu-container{background-color:#111827;border:1px solid #374151;border-radius:12px;box-shadow:0 10px 25px #00000080;min-width:200px;overflow:hidden;position:absolute;right:16px;top:100%;z-index:1000}.rt-hamburger-menu{width:270px}.rt-hamburger-item{align-items:center;background:#0000;border:none;color:#f3f4f6;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;gap:12px;padding:14px 20px;text-align:left;transition:background-color .18s ease;width:100%}.rt-hamburger-item:hover{background:#1f2937}.rt-hamburger-item.selected{background:#6366f114}.rt-h-item-icon{font-size:18px;line-height:1}.rt-h-item-label{flex:1 1}.rt-hamburger-item-toggle{cursor:default;justify-content:space-between}.rt-hamburger-item-toggle:hover{background-color:#374151}.rt-h-item-left{align-items:center;display:flex;gap:12px}.rt-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.rt-switch-track{background-color:#6b7280;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.rt-switch.on .rt-switch-track{background-color:#10b981}.rt-switch-thumb{background-color:#fff;border-radius:50%;bottom:3px;height:18px;left:3px;position:absolute;transition:.3s;width:18px}.rt-switch.on .rt-switch-thumb{left:23px}@media (max-width:600px){.rt-hamburger-menu{width:240px}.rt-hamburger-item{font-size:14px;padding:12px 16px}.rt-h-item-icon{font-size:16px}}@media (max-width:480px){.rt-hamburger-menu{width:225px}.rt-hamburger-item{font-size:13.5px;padding:11px 14px}}@media (max-width:375px){.rt-hamburger-menu{width:210px}.rt-hamburger-item{font-size:13px;padding:10px 12px}}.rt-header-divider{background:#475569;background:var(--rt-border);height:1px;margin:.5rem -2rem .75rem;width:calc(100% + 4rem)}.rt-dashboard-row{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin:0 auto;max-width:600px;padding:0 2rem 1.5rem}.rt-dashboard-text{color:#f8fafc;color:var(--rt-text-primary);font-size:1.7rem;font-weight:600;margin:0}.rt-floor-filter-select{-webkit-appearance:none;appearance:none;background-color:#4b5563;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #6b7280;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:40px;min-width:150px;outline:none;padding:0 36px 0 16px;transition:all .2s ease}.rt-floor-filter-select:hover{background-color:#374151;border-color:#4b5563}.rt-floor-filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.rt-floor-filter-select option{background-color:#1f2937;color:#fff;padding:10px}.rt-filter-dropdown{position:relative}.rt-filter-trigger{align-items:center;background:#4b5563;border:1px solid #6b7280;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:12px;height:40px;justify-content:space-between;padding:0 14px 0 12px;transition:filter .15s ease,box-shadow .15s ease}.rt-filter-left{align-items:center;display:inline-flex;gap:8px}.rt-filter-label{font-size:14px;font-weight:700}.rt-filter-menu{background:#111827;border:1px solid #374151;border-radius:12px;box-shadow:0 8px 24px #00000073;color:#fff;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.rt-filter-option{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:12px;justify-content:space-between;padding:12px 16px}.rt-filter-option:hover{background:#1f2937}.rt-filter-option.selected{background:#6366f114}.rt-dashboard-subtitle{margin:0 auto;max-width:600px;padding-top:.5rem}.rt-notifications{display:flex;flex-direction:column;gap:.5rem;max-width:300px;position:fixed;right:1rem;top:100px;z-index:1000}.rt-notification{animation:rt-slideInRight .3s ease-out;background:#1e293b;background:var(--rt-bg-secondary);border:1px solid #475569;border:1px solid var(--rt-border);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--rt-shadow);padding:1rem;position:relative}.rt-notification.rt-order{border-left:4px solid #f59e0b;border-left:4px solid var(--rt-yellow)}.rt-notification.rt-payment{border-left:4px solid #10b981;border-left:4px solid var(--rt-green)}.rt-notification.rt-waiter_call{background:#ef44441a;border-left:4px solid #ef4444;border-left:4px solid var(--rt-red)}.rt-notification-content{display:flex;flex-direction:column;gap:.25rem}.rt-notification-content strong{color:#f8fafc;color:var(--rt-text-primary);font-weight:600}.rt-notification-content span{color:#cbd5e1;color:var(--rt-text-secondary);font-size:.875rem}.rt-notification-close{background:none;border:none;color:#94a3b8;color:var(--rt-text-muted);cursor:pointer;font-size:1.25rem;line-height:1;position:absolute;right:.5rem;top:.5rem}.rt-stats-section{background:#1e293b;background:var(--rt-bg-secondary);border-bottom:1px solid #475569;border-bottom:1px solid var(--rt-border);padding:2rem}.rt-stats-section-inline{margin:1.5rem 0}.rt-stats-container{display:flex;height:120px;margin:0 auto;max-width:600px;padding:0 2rem}.rt-main-counter-card{align-items:center;animation:rt-fadeIn .5s ease-out;background:#7a38ee;border-radius:.3rem;box-shadow:0 4px 15px #7c3aed4d;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;max-width:100%;padding:1.25rem 2rem;transition:none;width:100%}.rt-main-counter-card:hover{box-shadow:0 4px 15px #7c3aed4d;transform:none}.rt-counter-left{display:flex;flex-direction:column;gap:.25rem;text-align:left}.rt-counter-label{color:#fffffff2;font-size:1rem;font-weight:600;margin:0}.rt-counter-subtitle{color:#fffc;font-size:.875rem;margin:0}.rt-counter-value{color:#fff;font-size:2rem;font-weight:700;line-height:1;margin:0;text-align:right;white-space:nowrap}.rt-main{border-top:none;margin:0 auto;max-width:600px;padding-top:0}.rt-loading{align-items:center;background:var(--rt-bg);bottom:0;color:#cbd5e1;color:var(--rt-text-secondary);display:flex;flex-direction:column;gap:1rem;justify-content:center;left:0;min-height:100vh;padding:4rem;position:fixed;right:0;top:0;z-index:9999}.rt-spinner{animation:rt-spin 1s linear infinite;border:3px solid #475569;border-top:3px solid #10b981;border:3px solid var(--rt-border);border-radius:50%;border-top-color:var(--rt-green);height:2rem;width:2rem}.rt-error{align-items:center;color:#ef4444;color:var(--rt-red);display:flex;flex-direction:column;gap:1rem;padding:4rem}.rt-retry-btn{background:#10b981;background:var(--rt-green);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.rt-retry-btn:hover{background:#059669;transform:translateY(-1px)}.rt-tables-section{margin-bottom:2rem;padding-left:0;padding-right:0}.rt-section-header{align-items:center;border-bottom:none;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 2rem}.rt-section-title{color:#f8fafc;color:var(--rt-text-primary);font-size:1.25rem;font-weight:600;margin:0}@media (max-width:768px){.rt-section-header,.rt-tables-section{padding-right:0!important}.rt-section-header,.rt-section-title,.rt-tables-section{margin-left:0!important;padding-left:0!important}}.rt-section-info{align-items:center;color:#94a3b8;color:var(--rt-text-muted);display:flex;font-size:.875rem;gap:.5rem}.rt-tables-grid{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;max-width:100%;overflow-x:hidden;padding:1.5rem 1.5rem 1.5rem 2.2rem}.rt-table-card{aspect-ratio:1/1;border-radius:.3rem;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--rt-shadow);cursor:pointer;display:flex;flex-direction:column;height:170px;justify-content:space-between;margin-bottom:60px;margin-left:40px;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s ease}.rt-table-card:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.rt-table-card:hover{box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.rt-table-card[style*="background-color: #64748b"],.rt-table-card[style*="background-color: rgb(100, 116, 139)"]{background-color:#64748b!important;background-color:var(--rt-ash)!important}.rt-table-card[style*="background-color: #f59e0b"],.rt-table-card[style*="background-color: rgb(245, 158, 11)"]{background-color:#f59e0b!important;background-color:var(--rt-yellow)!important}.rt-table-card[style*="background-color: #10b981"],.rt-table-card[style*="background-color: rgb(16, 185, 129)"]{background-color:#25c35e}.rt-table-card[style*="background-color: #ef4444"],.rt-table-card[style*="background-color: rgb(239, 68, 68)"]{animation:rt-pulse 1s ease-in-out infinite;background-color:#ef4444!important;background-color:var(--rt-red)!important}.rt-table-empty{align-items:center;color:#fff;display:flex;height:100%;justify-content:center}.rt-table-number{color:#fff;font-size:1.125rem;font-weight:700;text-align:center}.rt-table-content{grid-row-gap:0;color:#fff;display:grid;grid-template-rows:auto 1fr auto;height:100%;row-gap:0}.rt-table-header{align-items:flex-start;display:flex;justify-content:space-between}.rt-table-icon{flex-shrink:0;height:1.5rem;width:1.5rem}.rt-table-icon svg{height:100%;width:100%}.rt-table-icon--paid{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 0 2px #ffffff26;color:#10b981;display:flex;height:1.5rem;justify-content:center;width:1.5rem}.rt-table-status{color:#ffffffe6;font-size:.875rem;font-weight:500;line-height:1.3;overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.rt-table-status--light{align-self:center;font-weight:400;margin:0;text-align:left;width:100%}.rt-table-time{font-weight:400}.rt-table-footer{align-items:end;display:flex;justify-content:space-between;margin-top:auto}.rt-table-amount{color:#fff;font-size:1.25rem;font-weight:700}.rt-table-time{color:#fffc;font-size:.875rem;font-weight:500}.rt-legend{align-items:flex-start;border-top:1px solid #475569;border-top:1px solid var(--rt-border);display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:600px;padding-left:2rem;padding-right:2rem;padding-top:1.5rem}.rt-legend-title{color:#f8fafc;color:var(--rt-text-primary);font-size:1rem;font-weight:600;margin-bottom:2rem;text-align:left;width:100%}.rt-legend-items{grid-gap:1rem 2rem;display:grid;gap:1rem 2rem;grid-template-columns:repeat(2,1fr);max-width:600px;width:100%}.rt-legend-item{align-items:center;color:#cbd5e1;color:var(--rt-text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.rt-legend-dot{border-radius:50%;flex-shrink:0;height:1rem;width:1rem}.rt-dot-ash{background-color:#64748b;background-color:var(--rt-ash)}.rt-dot-yellow{background-color:#eab308}.rt-dot-green{background-color:#10b981;background-color:var(--rt-green)}.rt-dot-orange{background-color:#ff8d28}.rt-dot-red{background-color:#ef4444;background-color:var(--rt-red)}@media (max-width:768px){.rt-header{padding:14px 18px}.rt-header-top{align-items:center;flex-direction:row;gap:12px;justify-content:space-between}.rt-header-left{align-items:start;display:flex;flex:1 1}.rt-title-with-status{padding-top:2px}.rt-title{font-size:1.6rem!important;line-height:1.4}.rt-status-dot{height:7px;width:7px}.rt-header-right{gap:10px}.rt-notification-btn{padding:6px}.rt-menu-btn{min-width:50px;padding:10px 14px}.dropdown-menu-container{min-width:180px;right:18px}.rt-header-content{align-items:flex-start;flex-direction:column;gap:1rem}.rt-dashboard-row{gap:10px;padding:0 18px 1rem}.rt-dashboard-text{font-size:1.375rem}.rt-filter-trigger,.rt-floor-filter-select{font-size:13px;height:38px;min-width:130px;padding:0 14px}.rt-floor-filter-select{padding-right:32px}.rt-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.rt-main-counter-card{max-width:500px}.rt-counter-value{font-size:1.75rem}.rt-tables-grid{gap:3.5rem .9375rem!important;grid-template-columns:repeat(2,1fr)!important;justify-content:center!important;justify-items:center!important;padding:0!important}.rt-table-card{aspect-ratio:1/1;padding:1rem}.rt-legend{padding-left:1rem;padding-right:1rem}.rt-legend-title{margin-bottom:1.5rem}.rt-legend-items{gap:.75rem 1.5rem!important;grid-template-columns:repeat(2,1fr)!important;max-width:500px;width:100%}.rt-legend-item{justify-content:flex-start}.rt-notifications{left:1rem;max-width:none;right:1rem}}@media (max-width:480px){.rt-stats-container{margin:0;padding:0;width:100%}.rt-main-counter-card{margin:0 auto;max-width:100%;width:99%}.rt-tables-grid{gap:3rem .75rem!important;grid-template-columns:repeat(2,1fr)!important;justify-content:center!important;justify-items:center!important;padding:0!important}.rt-table-card{aspect-ratio:1/1;padding:.75rem}.rt-table-amount,.rt-table-number{font-size:1rem}}@media (prefers-reduced-motion:reduce){.rt-main-counter-card,.rt-menu-btn,.rt-retry-btn,.rt-table-card{transition:none}.rt-fadeIn,.rt-pulse,.rt-slideInRight,.rt-spin{animation:none}}@media (prefers-color-scheme:dark){:root{--rt-bg-primary:#000;--rt-bg-secondary:#0f172a;--rt-bg-tertiary:#1e293b}}.od-container{background:#0000;color:#fff;min-height:100%}.od-header{align-items:center;background:#111518;border-bottom:1px solid #2c2f33;display:flex;justify-content:space-between;padding:16px 20px}.od-header-title{font-size:22px;font-weight:800;letter-spacing:.5px;margin:0}.od-header-subtitle{display:none}.od-header-text{display:flex;flex-direction:column;gap:4px}.od-page-title-row{align-items:center;display:flex;justify-content:space-between;padding:14px 20px 24px;text-align:left}.od-page-title{color:#e5e7eb;flex:1 1;font-size:22px;font-weight:700;margin:0;text-align:left}.od-section-headline{align-items:center;display:flex;justify-content:space-between;padding:24px 20px 12px}.od-section-title-left{color:#e5e7eb;font-size:22px;font-weight:700}.od-menu-btn,.od-section-actions{align-items:center;display:flex;gap:8px}.od-menu-btn{background:#374151;border:none;border-radius:10px;color:#e5e7eb;cursor:pointer;font-size:16px;font-weight:600;padding:8px 12px}.od-menu-btn svg{display:block;height:18px;width:18px}.od-menu-btn:hover{filter:brightness(1.05)}.od-filter-btn{align-items:center;background:#374151;border:none;border-radius:10px;color:#e5e7eb;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:8px 12px}.od-filter-btn svg{display:block;height:18px;width:18px}.od-filter-btn:hover{filter:brightness(1.05)}.od-section{padding:16px}.od-main{padding:0}.od-tables-section{padding:16px 0}.od-counter-section{align-items:center;display:flex;flex-direction:column;padding:8px 20px 16px}.od-counter-title{display:none}.od-counter-card{align-items:center;background:#6d28d9;border-radius:8px;box-sizing:border-box;color:#fff;display:flex;height:120px;justify-content:space-between;margin:0 auto;padding:24px 32px;width:500px}.od-counter-left{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.od-counter-main-label{font-size:22px;font-weight:600;line-height:1.2;margin-bottom:2px;opacity:1}.od-counter-sub-label{font-size:14px;font-weight:400;line-height:1.2;opacity:.85}.od-counter-right{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;text-align:right}.od-counter-amount{font-size:32px;font-weight:700;line-height:1;margin-bottom:0}.od-counter-period{font-size:12px;font-weight:400;line-height:1.2;opacity:.85}.od-legend{padding:8px 20px 20px;text-align:left}.od-legend-panel{background:#0000;border:none;border-radius:0;padding:0}.od-legend-title{color:#e5e7eb;font-size:16px;font-weight:700;margin-bottom:10px;text-align:left}.od-legend-grid{grid-gap:12px 24px;display:grid;gap:12px 24px;grid-template-columns:1fr 1fr}.od-legend-item{align-items:center;color:#cbd5e1;display:flex;font-size:14px;gap:10px}.od-legend-dot{border-radius:50%;box-shadow:inset 0 0 0 2px #00000014;display:inline-block;height:14px;width:14px}.od-dot-green{background:#10b981}.od-dot-yellow{background:#f59e0b}.od-dot-blue{background:#3b82f6}.od-dot-red{background:#ef4444}.od-dot-ash{background:#64748b}.od-tables-grid{grid-gap:24px 16px;box-sizing:border-box;display:grid;gap:24px 16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-items:center;margin-bottom:16px;max-width:100%;overflow-x:hidden;padding:20px 40px}.od-table-card{align-items:flex-start;border:none;border-radius:8px;box-shadow:0 2px 6px #00000026;cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:space-between;max-width:150px;min-width:130px;padding:14px;position:relative;text-align:left;transition:transform .15s ease;width:100%}.od-table-card:hover{transform:scale(1.02)}.od-empty-center{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;text-align:center;width:100%}@media (min-width:1200px){.od-tables-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0 auto 16px;max-width:1400px}}@media (max-width:1024px){.od-table-card,.rt-table-card{max-width:180px}}@media (max-width:768px){.od-root{padding-bottom:80px}.od-header,.rt-header{gap:14px;padding:14px 18px}.od-header h1,.od-page-title,.rt-title{font-size:1.6rem!important}.od-header-subtitle,.rt-subtitle{flex-wrap:wrap;font-size:15px!important}.od-section-title-left,.rt-dashboard-text{font-size:20px}.od-filter-btn,.od-menu-btn,.od-nav-btn,.rt-menu-btn{font-size:14px!important;padding:9px 14px!important}.od-counter-section,.rt-stats-container{margin-left:0;padding:8px 0 14px;width:100%}.od-counter-card,.rt-main-counter-card{height:110px;max-width:420px;min-width:280px;padding:18px 22px;width:95%}.od-counter-main-label,.rt-counter-label{font-size:18px}.od-counter-sub-label,.rt-counter-subtitle{font-size:13px}.od-counter-amount,.rt-counter-value{font-size:26px}.od-counter-period{font-size:11px}.od-table-card,.rt-table-card{height:140px;max-width:160px;min-width:120px;padding:12px}.od-table-name,.rt-table-number,.tg-table-name{font-size:17px!important}.od-table-status,.rt-table-status,.tg-table-status{font-size:14px!important}.od-table-amount,.rt-table-amount,.tg-table-amount{font-size:17px!important}.od-table-time,.rt-table-time,.tg-table-time{font-size:14px!important}.od-section-headline{padding:20px 18px 10px}.od-legend,.rt-legend{padding:8px 18px 18px}.od-legend-grid,.rt-legend-items{gap:10px 20px}.od-section-title{font-size:18px!important}.od-card-title,.od-text-lg{font-size:16px!important}.od-text-md{font-size:14px!important}.od-text-sm{font-size:12px!important}.od-modal,.t2-modal{max-height:88vh;max-width:95%}.od-modal-header,.t2-header{padding:16px 20px}.od-modal-title,.t2-title{font-size:19px}}@media (max-width:600px){.od-header,.rt-header{padding:12px 16px}.rt-header-top{gap:10px}.rt-title-with-status{padding-top:2px}.rt-title{font-size:1.4rem!important;line-height:1.4}.rt-status-dot{height:6px;width:6px}.rt-header-right{gap:8px}.rt-notification-btn{padding:5px}.rt-menu-btn{min-width:45px;padding:9px 12px}.dropdown-menu-container{min-width:170px;right:16px}.od-page-title-row{align-items:center;display:flex!important;flex-direction:row!important;gap:12px;justify-content:space-between;padding:14px 16px 20px}.od-header h1,.od-page-title{flex:1 1;font-size:18px!important;margin:0}.od-header-subtitle,.rt-subtitle{font-size:14px!important}.od-section-headline{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:space-between;padding:16px 16px 12px}.rt-dashboard-row{gap:10px;padding:0 16px .875rem!important}.rt-dashboard-text{flex:1 1;font-size:1.125rem!important}.rt-filter-trigger,.rt-floor-filter-select{font-size:12px!important;height:36px!important;min-width:110px!important;padding:0 12px!important}.rt-floor-filter-select{padding-right:30px!important}.od-section-title-left{flex:1 1;white-space:nowrap}.od-section-actions{flex-shrink:0}.od-filter-btn,.od-menu-btn,.rt-menu-btn{flex-shrink:0;font-size:13px!important;margin-left:auto;padding:8px 12px!important}.od-page-title-row>.od-filter-btn,.od-page-title-row>.od-menu-btn,.od-page-title-row>button{flex-shrink:0}.od-counter-section,.rt-stats-container{padding:6px 0 12px}.od-counter-card,.rt-main-counter-card{height:100px;max-width:100%;min-width:auto;padding:16px 20px;width:100%}.od-counter-main-label,.rt-counter-label{font-size:16px}.od-counter-sub-label,.rt-counter-subtitle{font-size:12px}.od-counter-amount,.rt-counter-value{font-size:24px}.od-table-card,.rt-table-card{height:130px;margin:0 auto;max-width:150px;min-width:110px;padding:11px}.od-table-name,.rt-table-number{font-size:16px!important}.od-table-status,.rt-table-status{font-size:13px!important}.od-table-amount,.rt-table-amount{font-size:16px!important}.od-table-time,.rt-table-time{font-size:13px!important}.rt-dashboard-row{gap:8px;padding:0 16px .75rem!important}.rt-dashboard-text{font-size:1.063rem!important}.rt-filter-trigger,.rt-floor-filter-select{border-radius:8px!important;font-size:11px!important;height:34px!important;min-width:105px!important;padding:0 10px!important}.rt-floor-filter-select{padding-right:28px!important}.od-section-headline{padding:16px 16px 8px}.od-section-title-left{font-size:18px}.od-legend,.rt-legend{padding:6px 16px 16px}.od-legend-title,.rt-legend-title{font-size:15px}.od-legend-grid,.rt-legend-items{gap:8px 16px}.od-legend-item,.rt-legend-item{font-size:13px}}@media (max-width:480px){.od-root{padding:0 0 80px}.od-header,.rt-header{padding:10px 14px}.rt-header-top{gap:8px}.rt-title-with-status{padding-top:2px}.od-header h1,.od-page-title,.rt-title{font-size:1.3rem!important;line-height:1.4}.rt-status-dot{height:6px;width:6px}.rt-header-right{gap:6px}.rt-notification-btn{padding:4px}.rt-notification-btn svg{height:22px;width:22px}.rt-menu-btn{min-width:40px;padding:8px 10px}.rt-menu-btn svg{height:18px;width:18px}.dropdown-menu-container{min-width:160px;right:14px}.od-header-subtitle,.rt-subtitle{font-size:13px!important}.rt-dashboard-row{gap:6px;padding:0 14px .625rem!important}.rt-dashboard-text{font-size:1.063rem!important}.rt-floor-filter-select{border-radius:8px!important;font-size:11px!important;height:32px!important;min-width:95px!important;padding:0 26px 0 8px!important}.od-filter-btn,.od-menu-btn,.od-nav-btn,.rt-menu-btn{font-size:12px!important;min-width:auto!important;padding:7px 10px!important}.od-filter-btn svg,.od-menu-btn svg,.rt-menu-btn svg{height:16px;width:16px}.od-counter-section,.rt-stats-container{box-sizing:border-box;padding:6px 0 12px;width:100%}.od-counter-card,.rt-main-counter-card{height:95px;margin:0;max-width:none;min-width:auto;padding:14px 16px;width:100%}.od-counter-main-label,.rt-counter-label{font-size:15px}.od-counter-sub-label,.rt-counter-subtitle{font-size:11px}.od-counter-amount,.rt-counter-value{font-size:22px}.od-counter-period{font-size:10px}.od-table-card,.rt-table-card{height:120px;margin:0;max-width:140px;min-width:100px;padding:10px}.od-table-name,.rt-table-number{font-size:15px!important;font-weight:600}.od-table-status,.rt-table-status{font-size:12px!important;font-weight:500}.od-table-amount,.rt-table-amount{font-size:15px!important}.od-table-time,.rt-table-time{font-size:12px!important}.od-table-icon,.rt-table-icon{height:18px;width:18px}.od-table-icon svg,.rt-table-icon svg{height:16px;width:16px}.rt-dashboard-row{gap:8px;padding:0 14px .75rem}.rt-dashboard-text{font-size:1.125rem}.rt-floor-filter-select{border-radius:8px;font-size:11px;height:34px;min-width:110px;padding:0 28px 0 10px}.od-section-headline{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:10px;justify-content:space-between;padding:14px 14px 8px}.od-section-title-left{flex:1 1;font-size:17px;min-width:0}.od-section-actions{flex-shrink:0;gap:6px}.od-legend,.rt-legend{padding:6px 14px 14px}.od-legend-title,.rt-legend-title{font-size:14px;margin-bottom:8px}.od-legend-grid,.rt-legend-items{gap:8px;grid-template-columns:1fr}.od-legend-item,.rt-legend-item{font-size:12px}.od-legend-dot,.rt-legend-dot{height:12px;width:12px}.od-btn,.od-button{font-size:13px!important;padding:9px 14px!important}.od-btn-sm{font-size:11px!important;padding:5px 8px!important}.od-card,.od-section{margin:10px 0!important;padding:14px!important}.od-status-badge{font-size:10px!important;padding:3px 7px!important}.od-title{font-size:18px!important}.od-section-title,.od-subtitle{font-size:15px!important}.od-card-title,.od-text-lg{font-size:13px!important}.od-text-md{font-size:11px!important}.od-text-sm{font-size:10px!important}.od-text-xs{font-size:9px!important}.od-modal,.t2-modal{border-radius:14px 14px 0 0;max-height:90vh;max-width:100%}.od-modal-header,.t2-header{padding:14px 18px}.od-modal-title,.t2-title{font-size:18px}.od-close,.t2-close{font-size:18px;height:30px;width:30px}.od-modal-scroll,.t2-body,.tgd-body{padding:20px 20px 24px}.od-detail-section-title,.t2-section-title,.t2-title,.tgd-title{font-size:22px;font-weight:700;margin-bottom:16px}.t2-section,.tgd-card{margin-bottom:16px;padding:18px 16px}.od-detail-order-row,.t2-item{font-size:15px;padding:14px 6px}.od-detail-card,.t2-card-row{margin-bottom:10px;padding:16px}.t2-time-box{padding:16px 14px}.t2-time-box .n{font-size:28px;margin-bottom:6px}.t2-time-box .l{font-size:13px}.od-detail-close-btn,.t2-primary,.tgd-btn,.tgd-clear{font-size:16px;font-weight:700;padding:18px 24px}.od-detail-order-name,.t2-item-name{font-size:16px;font-weight:600}.od-detail-price,.t2-item-price{font-size:16px;font-weight:700}.od-detail-qty,.t2-item-qty{font-size:14px}.od-payment-label,.t2-label{font-size:16px;font-weight:600}.od-payment-value,.t2-amount{font-size:18px;font-weight:700}}@media (max-width:375px){.od-header,.rt-header{padding:8px 12px}.rt-header-top{gap:6px}.rt-title-with-status{padding-top:2px}.od-header h1,.od-page-title,.rt-title{font-size:1.2rem!important;line-height:1.4}.rt-status-dot{height:5px;width:5px}.rt-header-right{gap:5px}.rt-notification-btn{padding:3px}.rt-notification-btn svg{height:20px;width:20px}.rt-menu-btn{min-width:38px;padding:7px 8px}.rt-menu-btn svg{height:16px;width:16px}.dropdown-menu-container{min-width:150px;right:12px}.od-header-subtitle,.rt-subtitle{font-size:12px!important}.od-section-title-left,.rt-dashboard-text{font-size:16px}.od-filter-btn,.od-menu-btn,.rt-menu-btn{font-size:11px!important;padding:6px 8px!important}.od-counter-section,.rt-stats-container{padding:6px 0 10px}.od-counter-card,.rt-main-counter-card{height:90px;padding:12px 14px}.od-counter-main-label,.rt-counter-label{font-size:14px}.od-counter-amount,.rt-counter-value{font-size:20px}.od-table-card,.rt-table-card{height:110px;max-width:130px;min-width:95px;padding:9px}.od-table-name,.rt-table-number{font-size:14px!important}.od-table-status,.rt-table-status{font-size:11px!important}.od-table-amount,.rt-table-amount{font-size:14px!important}.od-table-time,.rt-table-time{font-size:11px!important}.rt-dashboard-row{gap:6px;padding:0 12px .625rem}.rt-dashboard-text{font-size:1rem}.rt-floor-filter-select{border-radius:8px;font-size:11px;height:32px;min-width:100px;padding:0 26px 0 10px}.od-section-headline{padding:12px 12px 6px}.od-section-title-left{font-size:16px}.od-legend,.rt-legend{padding:6px 12px 12px}.od-legend-title,.rt-legend-title{font-size:13px}.od-legend-item,.rt-legend-item{font-size:11px}.od-legend-dot,.rt-legend-dot{height:11px;width:11px}}@media (max-height:600px) and (orientation:landscape){.od-header,.rt-header{padding:8px 14px}.od-counter-section,.rt-stats-container{padding:6px 0 10px}.od-counter-card,.rt-main-counter-card{height:85px;padding:12px 16px}.od-tables-grid,.rt-tables-grid{gap:12px 10px;grid-template-columns:repeat(2 1fr);padding:12px 16px}.od-table-card,.rt-table-card{height:110px}.od-legend,.rt-legend{padding:6px 14px 10px}.od-modal,.t2-modal{max-height:85vh}}.od-state-ash{background:#64748b!important;color:#fff!important}.od-state-yellow{background:#f59e0b!important;color:#fff!important}.od-state-green{background:#10b981!important;color:#fff!important}.od-table-name{align-items:center;color:#fff!important;display:flex;font-size:18px;font-weight:600;justify-content:space-between;line-height:1.2;margin:0 0 2px;text-align:left;width:100%}.od-table-icon{align-items:center;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;margin-left:6px;width:20px}.od-table-icon svg{display:block;height:18px;width:18px}.od-table-status{color:#fff!important;font-size:15px;font-weight:500;line-height:1.2;margin:0;opacity:.85;text-align:left;width:100%}.od-table-bottom{align-items:flex-end;display:flex;justify-content:space-between;margin-top:0;width:100%}.od-table-amount{font-size:18px;font-weight:700}.od-table-amount,.od-table-time{color:#fff!important;line-height:1;margin:0}.od-table-time{font-size:15px;font-weight:500;opacity:.75}.od-auto-stop-badge{animation:pulse-clock 2s infinite;display:inline-block;font-size:14px;margin-left:4px}@keyframes pulse-clock{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.od-modal-overlay{align-items:flex-end;background:#0000008c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:1000}.od-modal-overlay .od-order-history-modal{margin-top:0}.od-modal-overlay:has(.od-order-history-modal){-ms-overflow-style:none!important;align-items:center;background:#111518;background:var(--oh-bg-primary,#0f1820);justify-content:center;overflow:hidden;padding:0;scrollbar-width:none!important}.od-modal-overlay:has(.od-order-history-modal)::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.od-modal{background:#111518;border-top-left-radius:20px;border-top-right-radius:20px;height:clamp(600px,75vh,780px);max-height:95vh}.od-modal-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:16px 20px}.od-modal-title{color:#fff;font-size:18px;font-weight:700;margin:0}.od-close{background:#ffffff1a;border-radius:6px;font-size:20px;line-height:28px}.od-modal-scroll{overflow-y:auto;padding:20px}.od-detail-modal{border:1px solid #1f2933}.od-detail-header,.od-detail-modal{background:#111518}.od-detail-title{color:#fff;font-size:20px;font-weight:700;margin:0}.od-detail-scroll{-ms-overflow-style:none;background:#111518;display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:20px;scrollbar-width:none}.od-detail-scroll::-webkit-scrollbar{display:none;height:0;width:0}.od-detail-scroll::-webkit-scrollbar-thumb,.od-detail-scroll::-webkit-scrollbar-track{background:#0000}.od-detail-section{background:#0000}.od-detail-section-title{color:#e5e7eb;font-size:22px;font-weight:700;letter-spacing:-.33px;line-height:27.5px;margin:0 0 12px}.od-detail-orders{-ms-overflow-style:none;background:#111518;border:none;border-radius:10px;display:block;max-height:min(50vh,420px,calc(75vh - 260px));overflow-y:auto;padding:12px 16px;scrollbar-color:#0000 #0000!important;scrollbar-gutter:auto;scrollbar-width:none}.od-detail-orders::-webkit-scrollbar{display:none;height:0!important;width:0!important}.od-detail-orders::-webkit-scrollbar-thumb,.od-detail-orders::-webkit-scrollbar-track{background:#0000}.od-detail-orders::-webkit-scrollbar-corner{background:#0000}.od-detail-orders::-webkit-scrollbar-button{display:none}.od-detail-orders{position:relative}.od-detail-orders:after{background:#111518;border-bottom-right-radius:10px;border-top-right-radius:10px;bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:16px}.od-modal,.od-modal *{-ms-overflow-style:none;scrollbar-width:none}.od-modal ::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.od-modal ::-webkit-scrollbar-thumb,.od-modal ::-webkit-scrollbar-track{background:#0000!important;display:none!important}.od-detail-scroll{margin-right:-14px;padding-right:14px;scrollbar-color:#0000 #0000}.od-detail-orders{margin-right:0;padding-right:12px;scrollbar-color:#0000 #0000}.od-detail-scroll{position:relative}.od-detail-scroll:after{background:#111518;bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:16px}.od-detail-order-row{grid-gap:10px;align-items:center;background:#0000;border:none;border-radius:0;color:#fff;display:grid;font-size:15px;font-weight:600;gap:10px;grid-template-columns:1fr auto;padding:12px 4px}.od-detail-order-row+.od-detail-order-row{border-top:1px solid #ffffff0f}.od-detail-order-left{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.od-detail-order-name{line-height:1.2;margin:0;text-align:left}.waiter-tab-btn{background:#0000;border:1px solid #0000;color:#cbd5e1;color:var(--rt-text-secondary);cursor:pointer;font-weight:600}.waiter-tab-btn.active{background:#111827;border-color:#475569;border-color:var(--rt-border);color:#f8fafc;color:var(--rt-text-primary)}@media (max-width:768px){.floors-tab{padding:0!important}}@media (max-width:480px){.floors-tab,.floors-tab.active{padding:12px 8px}}.od-detail-order-right{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.od-detail-qty{color:#9ca3af;font-size:13px;font-weight:500;text-align:left}.od-detail-price{color:#fff;font-size:14px;font-weight:700}.od-detail-cards{display:flex;flex-direction:column;gap:12px}.od-detail-card{align-items:center;background:#242c37;border:1px solid #2f3a46;border-radius:10px;display:flex;font-size:14px;gap:10px;justify-content:space-between;padding:20px 16px}.od-detail-card-label{color:#9ca3af;font-weight:600}.od-detail-card-value{color:#e5e7eb;font-weight:700}.od-detail-card-value.paid,.od-detail-card-value.total{color:#10b981}.od-detail-timer-wrapper{background:#111518;border-radius:10px;padding:16px 20px}.od-detail-loading{color:#9ca3af;font-size:13px;padding:8px 4px}.od-detail-empty{background:#111518;border:1px solid #2f3a46;border-radius:8px;color:#d6e2db;font-size:13px;padding:12px 14px}.od-detail-actionbar{background:#111518;border-top:1px solid #1f2933;display:flex;justify-content:center;padding:14px 0 28px;position:static}.od-detail-close-btn{background:#3b82f6;border:none;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;max-width:none;padding:20px 30px;text-align:center;width:100%}.od-detail-close-btn:hover{filter:brightness(1.05)}.od-payment-details{display:flex;flex-direction:column;gap:16px}.od-payment-row{grid-gap:14px;align-items:center;border-bottom:1px solid #ffffff0f;display:grid;gap:14px;grid-template-columns:1fr auto;padding:8px 0}.od-payment-row:last-child{border-bottom:none}.od-payment-left{align-items:center;display:flex;gap:14px}.od-payment-icon{align-items:center;background:#2f3a46;border-radius:8px;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.od-payment-left-text{display:flex;flex-direction:column;line-height:24px}.od-payment-left-text .od-payment-label,.od-payment-left-text .od-payment-sub{color:#fff;display:block;font-size:17px;font-weight:400;letter-spacing:0;line-height:24px;margin:0}.od-payment-value{color:#e5e7eb;font-size:18px;font-weight:700;letter-spacing:-.2px}.od-payment-value.paid{color:#10b981}.od-payment-status .od-payment-label{color:#d1d5db;font-size:16px;font-weight:600}.od-payment-status{align-items:center;display:flex;gap:12px;justify-content:flex-start}.od-payment-status .od-payment-value{text-align:left}@media (max-width:768px){.od-modal{height:80vh;max-width:95vw}.od-detail-orders{max-height:min(45vh,360px)}.od-order-history-modal{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.od-order-history-header{padding:16px 20px 14px}.od-header-left{gap:14px}.od-order-history-body{gap:24px;padding:20px 16px}.od-summary-cards{flex-direction:column;gap:12px}.od-summary-card{padding:16px 10px 14px}.od-order-item{padding:18px 16px 16px}.od-header-text h2{font-size:22px}}@media (max-width:480px){.od-order-history-modal{height:100vh;max-width:none;width:100vw}.od-order-history-body{gap:20px;padding:16px 12px}.od-summary-number{font-size:20px}.od-order-item{padding:16px 14px 14px}}.od-order-history-modal{-ms-overflow-style:none!important;background:#111518;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;max-height:100vh;max-width:600px;overflow:hidden;position:relative;scrollbar-width:none!important;width:100%}.od-order-history-modal::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.od-order-history-modal *{-ms-overflow-style:none!important;scrollbar-width:none!important}.od-order-history-modal ::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.od-order-history-header{align-items:center;background:#111518;border-bottom:1px solid #2a3441;border-bottom:1px solid var(--oh-border-soft);display:flex;justify-content:space-between;padding:20px 24px}.od-header-left{gap:16px}.od-back-btn,.od-header-left{align-items:center;display:flex}.od-back-btn{background:#ffffff14;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;justify-content:center;padding:8px;width:40px}.od-header-text h2{color:#fff;font-size:28px;font-weight:700;letter-spacing:0;margin:0}.od-header-text p{color:#9ca3af;font-size:14px;font-weight:400;margin:2px 0 0}.od-close-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:34px;justify-content:center;margin-left:auto;transition:background .15s ease;width:34px}.od-close-btn:hover{background:#ffffff29}.od-order-history-body{-ms-overflow-style:none!important;background:#111518;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:30px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:26px 34px 34px;scrollbar-color:#0000 #0000!important;scrollbar-width:none!important}.od-order-history-body::-webkit-scrollbar{height:0!important}.od-order-history-body::-webkit-scrollbar,.od-order-history-body::-webkit-scrollbar-track{background:#0000!important;display:none!important;width:0!important}.od-order-history-body::-webkit-scrollbar-thumb{width:0!important}.od-order-history-body::-webkit-scrollbar-corner,.od-order-history-body::-webkit-scrollbar-thumb{background:#0000!important;display:none!important}.od-order-history-body::-webkit-scrollbar-button{display:none!important}.od-order-history-body *{-ms-overflow-style:none!important;scrollbar-width:none!important}.od-order-history-body ::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.od-summary-cards{display:flex;gap:12px}.od-summary-card{background:#1f2937;border:1px solid #374151;border-radius:12px;flex:1 1;padding:24px 16px;text-align:center}.od-summary-number{color:#60a5fa;font-size:32px;font-weight:700;letter-spacing:0;margin-bottom:8px}.od-summary-label{color:#9ca3af;font-size:14px;font-weight:400;letter-spacing:0}.od-order-list{display:flex;flex-direction:column;flex-shrink:0;gap:16px}.od-order-item{background:#1f2937;border:1px solid #374151;border-radius:16px;padding:20px}.od-order-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.od-order-left h3{color:#fff;font-size:20px;font-weight:700;letter-spacing:0;margin:0 0 6px}.od-order-left p{color:#9ca3af;font-size:14px;font-weight:400;margin:0}.od-payment-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:0;padding:6px 14px}.od-payment-badge.card{background:#1e3a5f;border:1px solid #2563eb;color:#60a5fa}.od-payment-badge.cash{background:#f59e0b;border:none;color:#1f2937}.od-items-section{background:#2a3441;border:none;border-radius:12px;margin-bottom:16px;padding:16px;text-align:left}.od-items-section strong{color:#fff;display:block;font-size:14px;font-weight:600;letter-spacing:0;margin-bottom:8px;text-align:left}.od-items-list{color:#d1d5db;font-size:14px;font-weight:400;line-height:1.6;margin-top:0;text-align:left}.od-items-list div{border:none!important;margin:0;padding:0;text-align:left}.od-order-footer{align-items:center;border-top:none;display:flex;justify-content:space-between;margin-top:0;padding-top:0}.od-order-time{align-items:center;color:#9ca3af;display:flex;font-size:13px;font-weight:400;gap:6px}.od-order-total{color:#10b981;font-size:20px;font-weight:700;letter-spacing:0}.order-history-page{color:#fff;min-height:100vh}.oh-header{border-bottom:1px solid #2a3441;gap:16px;padding:20px 24px}.oh-back-button{background:#ffffff14;border-radius:50%;color:#fff;font-size:24px;padding:8px}.oh-header-content h1.oh-title{color:#fff;font-size:28px;font-weight:700;margin:0}.oh-header-content p.oh-subtitle{color:#fff;font-size:14px;font-weight:400;margin:2px 0 0}.oh-stats{display:flex;padding:20px 24px}.oh-stat-card{background:#1f2937;border:1px solid #374151;flex:1 1;padding:24px 16px}.oh-stat-value{font-size:32px;font-weight:700;margin-bottom:8px}.oh-stat-label{color:#9ca3af;font-size:14px;font-weight:400}.oh-orders-list{gap:16px;padding:0 24px 24px}.oh-order-card{background:#1f2937;border:1px solid #374151;border-radius:16px;padding:20px}.oh-order-header{align-items:flex-start}.oh-order-id{color:#fff;font-size:20px}.oh-payment-badge.cash{background:#f59e0b;color:#1f2937}.oh-payment-badge.card,.oh-payment-badge.online,.oh-payment-badge.upi{background:#1e3a5f;border:1px solid #2563eb;color:#60a5fa}.oh-payment-badge.pending,.oh-payment-badge.unpaid{background:#7f1d1d;border:1px solid #dc2626;color:#fca5a5}.oh-payment-badge.paid{background:#065f46;border:1px solid #10b981;color:#6ee7b7}.oh-order-table{color:#9ca3af;font-size:14px;margin-bottom:16px}.oh-order-items{background:#2a3441;border-radius:12px;margin-bottom:16px;padding:16px}.oh-items-label{font-size:14px;font-weight:600;margin-bottom:8px}.oh-item{border:none!important;color:#d1d5db;font-size:14px;font-weight:400;line-height:1.6;margin:0;padding:0}.oh-order-time{color:#9ca3af;font-size:13px;font-weight:400;gap:6px}.oh-empty{color:#9ca3af;padding:40px}.oh-empty-icon{margin-bottom:16px}.oh-empty-text{font-size:16px}.tgd-overlay{margin-top:145px}.t2-section{background:#374151;border-radius:8px;margin-bottom:14px;padding:16px 18px}.t2-separator-line{background:#333;border:none;height:1px;margin:14px 0 10px}.t2-section.t2-time-section{background:#111518}.t2-section.t2-time-section .t2-time{gap:12px}.t2-section.t2-time-section .t2-time-box{background:#111518!important;border:1px solid #2a2e3a;border-radius:8px;padding:14px 16px}.t2-section.t2-time-section .t2-time-box .n{font-size:20px;font-weight:700}.t2-section.t2-time-section .t2-time-box .l{font-size:12px;font-weight:500}.t2-section.t2-payment{background:#111518}.t2-section.t2-current-orders{background:#374151;padding:21px 18px 15px}.t2-section.t2-current-orders .t2-title{color:#fff;font-size:20px;font-weight:700;margin-bottom:14px}.t2-section.t2-current-orders .t2-items{gap:8px;margin-bottom:14px}.t2-section.t2-current-orders .t2-items .t2-item{align-items:center;background:#111518;border:1px solid #111518;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:0;padding:12px 14px}.t2-section.t2-current-orders .t2-item>div:first-child{align-items:center;display:flex;flex-direction:row;gap:8px}.t2-section.t2-current-orders .t2-item>div:last-child{align-items:center;display:flex;gap:0;white-space:nowrap}.t2-section.t2-current-orders .t2-item-name{color:#fff;font-size:15px;font-weight:600;order:1}.t2-section.t2-current-orders .t2-item-qty{color:#fff;font-size:13px;font-weight:500;margin-left:0;margin-right:0;margin-top:0;order:0}.t2-section.t2-current-orders .t2-item-price{color:#25c35e;font-size:15px;font-weight:700;order:0}.t2-section.t2-current-orders .t2-row.between{background:#111518;border:1px solid #111518;border-radius:8px;margin-top:10px;padding:12px 14px}.t2-section.t2-current-orders .t2-label{color:#fff;font-size:20px;font-weight:700}.t2-section.t2-current-orders .t2-amount{color:#25c35e;font-size:16px;font-weight:700}.t2-section.t2-current-orders .t2-items .t2-item .t2-empty-icon{font-size:34px;margin-bottom:2px}.t2-section.t2-current-orders .t2-items .t2-item .t2-empty-title{font-size:14px;margin-bottom:2px}.t2-section.t2-current-orders .t2-items .t2-item .t2-empty-sub{font-size:11px;margin-bottom:4px}.od-overlay{align-items:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:2600}.od-overlay .t2-section{background:#111518!important}.od-overlay .t2-card-row,.od-overlay .t2-items .t2-item,.od-overlay .t2-row.between{background:#111518!important;border:1px solid #2a2e3a}.od-overlay .t2-row.between{border-radius:8px;padding:12px 14px}.od-overlay .t2-time-box{background:#111518!important;border:1px solid #2a2e3a}.od-overlay .t2-items{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.od-overlay .t2-item{align-items:center;background:#00000026;border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px}.od-overlay .t2-item>div:first-child{display:flex;flex-direction:column;gap:2px}.od-overlay .t2-item-name{color:#fff;font-size:14px;font-weight:600}.od-overlay .t2-item-qty{color:#cbd5e1;font-size:13px;font-weight:500}.od-overlay .t2-item-price{color:#10b981;font-size:15px;font-weight:700}.od-modal{animation:od-slide-up .25s ease-out;background:#2d3748;border:none;border-radius:16px 16px 0 0;box-shadow:0 -6px 24px #00000080;color:#e5e7eb;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;max-height:85vh;max-width:600px;overflow:hidden;width:100%}.od-header{flex-shrink:0;padding:18px 24px 20px;position:relative}.od-title{color:#fff;font-size:25px;font-weight:700;letter-spacing:0;margin:0}.od-close{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:30px;height:32px;justify-content:center;line-height:32px;position:absolute;right:16px;top:12px;transition:none;width:32px}.od-body,.od-close,.od-close:hover{background:#111518}.od-body{-ms-overflow-style:none;display:flex;flex:1 1;flex-direction:column;gap:20px;margin-right:-17px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px 29px 28px 12px;scrollbar-width:none}.od-body::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.od-body::-webkit-scrollbar-thumb,.od-body::-webkit-scrollbar-track{background:#0000!important;display:none!important}@media (max-width:640px){.od-modal{border-radius:16px 16px 0 0;max-width:100%;width:100%}.od-header{padding:18px 22px 14px}.od-title{font-size:20px}}@keyframes od-slide-up{0%{opacity:.96;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.t2-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:14px}.t2-label{color:#fff;font-size:15px;font-weight:600}.t2-amount{color:#10b981;font-size:15px;font-weight:700}.t2-time{gap:10px;margin-top:8px}.t2-time-box{background:#000;border-radius:8px;min-width:80px;padding:14px 12px}.t2-time-box .n{font-size:15px;font-weight:600;line-height:1.2}.t2-time-box .l{font-weight:500;margin-top:2px}.t2-card-row{border-radius:8px;margin-bottom:8px;padding:12px 14px}.t2-section.t2-payment .t2-card-row{background:#111518!important;border:1px solid #111518!important;border-radius:8px!important;gap:8px!important;padding:12px 14px!important}.t2-section.t2-payment .t2-card-left .t2-label{color:#fff;font-size:15px;font-weight:600}.t2-section.t2-payment .t2-card-left .t2-sub{color:#9ca3af;font-size:13px;font-weight:500}.t2-section.t2-payment .t2-card-right{color:#25c35e;font-size:15px;font-weight:700}.t2-card-left{gap:4px}.t2-card-left .t2-label{color:#fff;font-size:16px;font-weight:700}.t2-card-left .t2-sub{font-size:13px;font-weight:500}.t2-card-right{color:#fff;font-size:16px;font-weight:600}.t2-line{background:#0000;display:none;height:0;margin:0}.t2-section.t2-payment .t2-row.between{background:#111518!important;border-radius:8px!important;margin-top:8px!important;padding:12px 14px!important}.t2-section.t2-payment .t2-label{color:#fff;font-size:15px;font-weight:600}.t2-status{font-size:16px;font-weight:700}.t2-status.paid{color:#10b981}.t2-primary,.t2-primary.gold{font-family:Roboto}.tgd-overlay{align-items:flex-end;background:#f5f5f5;display:flex;inset:0;justify-content:center;margin-top:130px;padding:0;position:fixed;z-index:2500}.tgd-modal{background:#fff;border:none;border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000080;color:#1f2937;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;margin:0;max-height:85vh;max-width:100%;min-height:auto;overflow:hidden;padding:0;width:100%}.tgd-header{border-bottom:1px solid #334155;flex-shrink:0;padding:22px 28px;position:relative}.tgd-title{color:#f9c806;font-size:22px;font-weight:800;margin:0}.tgd-close{background:#0000;border:none;color:#cbd5e1;cursor:pointer;font-size:24px;position:absolute;right:16px;top:12px}.tgd-close:hover{color:#fff}.tgd-body{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:16px 20px 20px}.t2-section{background:#0f1016;border:1px solid #2a2e3a;flex-shrink:0;margin-bottom:12px;padding:12px 14px}.t2-title{margin-bottom:10px}.t2-amount,.t2-title{font-size:16px}.t2-time-box{background:#1b1e27;border:1px solid #2a2e3a;flex:1 1}.t2-card-row{background:#4b5563;border:1px solid #2a2e3a;padding:8px}.t2-card-left{display:flex;flex-direction:column}.t2-empty{background:#0f1016;border:1px solid #2a2e3a;margin-bottom:14px}.t2-empty-title{font-size:18px}.t2-empty-sub{font-size:14px;margin-bottom:14px}.t2-item-qty{font-size:12px;margin-top:2px}.t2-loading{color:#9ca3af;font-size:16px;padding:40px 20px;text-align:center}.t2-orders-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.t2-order-card{padding:14px 16px}.t2-order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.t2-order-number{color:#e5e7eb;font-size:16px;font-weight:800}.t2-order-items{margin-bottom:10px}.t2-order-item{color:#cbd5e1;font-size:14px}.t2-order-footer{align-items:center;border-top:1px solid #2a2e3a;display:flex;justify-content:space-between;padding-top:10px}.t2-order-total{font-size:16px}.t2-order-status{font-size:14px;font-weight:700}.t2-order-status.paid{color:#22c55e}.t2-order-status.pending{color:#fbbf24}.waiter-count-input{background-color:#0b0b0b!important;border:2px solid #2f3237!important;border-radius:8px!important;box-sizing:border-box;color:#fff!important;flex:1 1;font-size:16px!important;max-width:100%;min-width:80px;outline:none!important;padding:10px 12px!important;text-align:left!important}.waiter-count-input:focus{border:2px solid #374151!important;outline:none!important}.waiter-tables-display{word-wrap:break-word;background-color:#0b0b0b;border:2px solid #2f3237!important;border-radius:8px;box-sizing:border-box;color:#fff;cursor:not-allowed;flex:1 1;font-size:16px;font-weight:600;max-width:100%;min-width:0;overflow-wrap:break-word;padding:10px;text-align:center}.waiter-modal-body,.waiter-name-input{box-sizing:border-box}.waiter-name-input{background-color:#1f2937!important;border:2px solid #374151!important;border-radius:8px!important;color:#fff!important;flex:1 1;font-size:15px!important;font-weight:500!important;max-width:100%;min-width:0;opacity:1!important;outline:none!important;padding:10px!important;visibility:visible!important}.waiter-name-input:focus{border:2px solid #60a5fa!important;outline:none!important}.waiter-table-input{background-color:#0b0b0b!important;border:2px solid #2f3237!important;border-radius:8px!important;box-sizing:border-box;color:#fff!important;flex:1 1;font-size:14px!important;max-width:100%;min-width:80px;outline:none!important;padding:8px 12px!important;text-align:left!important;width:100%}.waiter-table-input:focus{border:2px solid #374151!important;outline:none!important}.waiter-form-row{align-items:center;box-sizing:border-box;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;max-width:100%}.waiter-form-label{color:#fff;flex-shrink:0;font-size:16px;font-weight:500;white-space:nowrap}.waiter-assignment-card{--wm-label-w:90px;background-color:#000;border:1px solid #2f3237;border-radius:8px;padding:16px}.waiter-assignment-card,.waiter-assignment-row{box-sizing:border-box;margin-bottom:12px;max-width:100%}.waiter-assignment-row{align-items:center;display:flex;gap:12px}.waiter-table-row{grid-column-gap:12px;grid-row-gap:12px;align-items:center;box-sizing:border-box;column-gap:12px;display:grid;grid-template-columns:var(--wm-label-w) 1fr var(--wm-label-w) 1fr;max-width:100%;row-gap:12px}.waiter-table-group{display:contents}.waiter-table-row label{color:#f3f4f6;font-size:14px;min-width:var(--wm-label-w);white-space:nowrap}.waiter-section-title{color:gold;font-size:20px;font-weight:600;margin-bottom:16px;margin-top:0;text-align:left}.waiter-button-group{box-sizing:border-box;display:flex;gap:12px;margin-top:24px;max-width:100%}.waiter-btn-save{background-color:#eab308;color:#000}.waiter-btn-cancel,.waiter-btn-save{border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-width:0;padding:12px}.waiter-btn-cancel{background-color:#2d323b;color:#fff}.waiter-table-summary{color:#fff;font-size:18px;font-weight:600;margin-bottom:12px}@media (max-width:768px){.waiter-modal-body{-ms-overflow-style:none;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;padding:16px 16px 76px!important;scrollbar-width:none}.waiter-modal-body::-webkit-scrollbar{display:none;height:0;width:0}.waiter-form-row{gap:10px;margin-bottom:16px}.waiter-form-label{flex-shrink:1;font-size:14px;min-width:0}.waiter-assignment-card{margin-bottom:10px;padding:12px}.waiter-assignment-row{gap:8px;margin-bottom:10px}.waiter-table-row{column-gap:8px;grid-template-columns:var(--wm-label-w) 1fr}.waiter-table-group{gap:6px;min-width:0}.waiter-table-group label{flex-shrink:1;font-size:12px!important;min-width:0}.waiter-count-input,.waiter-name-input,.waiter-table-input,.waiter-tables-display{font-size:13px!important;max-width:100%;min-width:0;padding:8px 6px!important}.waiter-tables-display{font-size:10px!important;line-height:1.3;padding:8px 6px!important;text-align:left}.waiter-section-title{font-size:14px;margin-bottom:12px}.waiter-button-group{background:#000;border-top:1px solid #2f3237;bottom:0;box-shadow:0 -4px 12px #00000080;flex-direction:row;gap:8px;left:0;margin-top:0;padding:12px 16px;position:fixed;right:0;z-index:1000}.waiter-btn-cancel,.waiter-btn-save{font-size:14px;padding:10px}.waiter-table-summary{font-size:11px;margin-top:6px}}@media (max-width:480px){.waiter-form-label{font-size:13px}.waiter-count-input,.waiter-name-input,.waiter-table-input{font-size:12px!important;padding:7px 5px!important}.waiter-tables-display{font-size:9px!important;padding:7px 5px!important}.waiter-table-group label{font-size:11px!important}}@media (max-width:768px){.rt-header{padding:14px 16px}.rt-header-top{align-items:flex-start!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:.75rem!important;justify-content:space-between!important}.rt-header-top .rt-title{flex:0 1 auto;margin:0}.rt-header-top .dropdown-menu-container,.rt-header-top .hamburger-menu-btn,.rt-header-top .rt-menu-btn{margin-left:auto!important}.rt-header-top .rt-menu-btn{position:relative}.rt-dashboard-row{gap:12px;padding:0 1rem .875rem!important}.rt-dashboard-text{flex-shrink:0;font-size:1.25rem!important}.rt-floor-filter-select{font-size:12px!important;height:36px!important;min-width:120px!important;padding:0 30px 0 12px!important}.hamburger-menu-btn,.rt-menu-btn{flex-shrink:0;min-width:48px!important;padding:10px 14px!important}.od-modal{padding:0!important}.od-header{padding:18px 20px!important}.t2-section{margin-left:0!important;margin-right:0!important}.t2-current-orders,.t2-section{padding:16px 20px 18px!important}.t2-item,.t2-items{padding-left:0!important;padding-right:0!important}.rt-dashboard-row,.rt-dashboard-text{margin-left:0!important;padding-left:0!important;text-align:left!important}.rt-dashboard-row,.t2-time{margin-right:0!important;padding-right:0!important}.t2-time{padding-left:0!important}.t2-card-row,.t2-time{margin-left:0!important}.t2-card-row{margin-right:0!important}[class*=Modal],[class*=modal-overlay],[style*="position: fixed"][style*="inset: 0"]{align-items:center!important;display:flex!important;justify-content:center!important}[class*=Modal]>div:first-child,[class*=modal-content]{margin:0 auto!important;max-width:90%!important;width:auto!important}[class*=Modal] [class*=card],[class*=modal] [class*=card]{margin:0 auto!important}}.power-menu-overlay{align-items:center;background-color:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.power-menu-modal{background-color:#1f2937;border:1px solid #374151;border-radius:16px;box-shadow:0 20px 25px -5px #00000080;max-width:600px;padding:32px;position:relative;width:100%}.power-menu-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:28px;line-height:1;position:absolute;right:16px;top:16px;transition:color .2s}.power-menu-close:hover{color:#f3f4f6}.power-menu-header{margin-bottom:24px;text-align:center}.power-menu-title{color:#f3f4f6;font-size:28px;font-weight:800;margin-bottom:8px;margin-top:0}.power-menu-subtitle{color:#fff;font-size:16px;margin-bottom:0;margin-top:0}.power-menu-current{background-color:#111827;border:1px solid #374151;border-radius:8px;margin-bottom:24px;padding:12px 16px;text-align:center}.power-menu-current-label{color:#fff;font-size:14px}.power-menu-current-value{color:#fff;font-size:16px;font-weight:700;text-transform:uppercase}.power-menu-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.power-menu-card{align-items:center;background-color:#111827;border:2px solid #374151;border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:200px;padding:24px;transform:scale(1);transition:all .3s ease}.power-menu-card:hover{border-color:#4b5563;transform:scale(1.02)}.power-menu-card.active{background-color:#111827;border-color:#10b981;border-width:3px;transform:scale(1.02)}.power-menu-icon{align-items:center;color:#f3f4f6;display:flex;font-size:48px;justify-content:center;margin-bottom:12px;text-align:center}.power-menu-card-title{color:#f3f4f6;font-size:20px;font-weight:700;margin-bottom:8px;margin-top:0;text-align:center}.power-menu-card-desc{color:#fff;font-size:14px;line-height:1.5;margin-bottom:0;margin-top:0;text-align:center}@media (max-width:768px){.power-menu-overlay{padding:12px}.power-menu-modal{border-radius:16px;max-width:90%;padding:20px 16px;width:auto}.power-menu-close{font-size:22px;right:10px;top:10px}.power-menu-header{margin-bottom:16px}.power-menu-title{font-size:20px;margin-bottom:4px}.power-menu-subtitle{font-size:13px}.power-menu-current{margin-bottom:16px;padding:8px 12px}.power-menu-current-label{font-size:12px}.power-menu-current-value{font-size:13px}.power-menu-options{gap:10px;margin-bottom:16px}.power-menu-card{align-items:center;border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:24px 12px}.power-menu-card.active{background-color:#111827;border-color:#10b981;border-width:3px;transform:scale(1.02)}.power-menu-icon{align-items:center;color:#f3f4f6;display:flex;font-size:36px;justify-content:center;margin-bottom:12px}.power-menu-card-title{font-size:17px;margin-bottom:8px}.power-menu-card-desc{font-size:12px;line-height:1.3}}.waiter-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;z-index:9999}.waiter-modal-container{display:flex;flex-direction:column;height:100vh;max-height:100vh;max-width:600px;overflow:hidden;position:relative;width:600px}.waiter-modal-header{align-items:center;background-color:#000;border-bottom:1px solid #2f3237;display:flex;flex-shrink:0;justify-content:flex-start;padding:20px 24px}.waiter-modal-title{color:#fff;font-size:20px;font-weight:600;margin:0}.waiter-modal-close{align-items:center;background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;transition:background-color .2s;width:40px}.waiter-modal-body{-ms-overflow-style:none;background-color:#000;border-radius:0 0 16px 16px;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px;scrollbar-width:none}.waiter-modal-body::-webkit-scrollbar{display:none;height:0;width:0}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.waiter-modal-overlay{align-items:flex-end!important;animation:fadeIn .2s ease-out;background-color:#000000bf;justify-content:center!important;margin:0!important;padding:0!important}.waiter-modal-container{animation:slideUpFromBottom .3s ease-out forwards;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;min-height:100vh!important;transform-origin:bottom;width:100vw!important}.waiter-modal-header{padding:16px 20px!important}.waiter-modal-close,.waiter-modal-title{font-size:18px!important}.waiter-modal-close{height:28px!important;width:28px!important}.waiter-modal-body{-ms-overflow-style:none;border-radius:0!important;overflow-y:auto;padding:16px 20px 88px!important;scrollbar-width:none}.waiter-modal-body::-webkit-scrollbar{display:none;height:0;width:0}}.takeaway-counter-bg{background:#7a38ee!important}.takeaway-counter-bg:hover{background:#8b4fff!important;box-shadow:0 6px 20px #7a38ee66!important}.takeaway-counter-shadow{box-shadow:0 4px 15px #7a38ee4d!important}.takeaway-counter-label-color{color:#fffffff2!important}.takeaway-counter-subtitle-color{color:#fffc!important}.takeaway-counter-value-color{color:#fff!important}.tao-modal-overlay-bg{background-color:#000000d9!important}.tao-header-bg,.tao-modal-container-bg{background-color:#1e293b!important}.tao-header-bg{border-bottom:1px solid #334155!important}.tao-header-back-btn-color,.tao-header-title-color{color:#f1f5f9!important}.tao-header-close-btn-bg{background-color:#334155!important}.tao-header-close-btn-color{color:#f1f5f9!important}.tao-stats-container-bg{background-color:#1e293b!important;border-bottom:1px solid #334155!important}.tao-stat-box-bg{background-color:#2d3748!important}.tao-stat-value-color{color:#f1f5f9!important}.tao-stat-label-color{color:#94a3b8!important}.tao-order-card-bg{background-color:#2d3748!important}.tao-order-card-pending-border{border:2px solid #fbbf24!important}.tao-order-card-paid-border{border:2px solid #10b981!important}.tao-order-id-color{color:#cbd5e1!important}.tao-table-number-color{color:#94a3b8!important}.tao-timestamp-icon-color{color:#6b7280!important}.tao-timestamp-text-color{color:#9ca3af!important}.tao-amount-color{color:#10b981!important}.tao-badge-pending-bg{background-color:#fbbf24!important}.tao-badge-pending-color{color:#000!important}.tao-badge-paid-bg{background-color:#10b981!important}.tao-badge-paid-color{color:#fff!important}.tao-items-section-bg{background-color:#1e293b!important}.tao-items-header-color{color:#94a3b8!important}.tao-item-text-color{color:#f1f5f9!important}.tao-loading-spinner-border{border:4px solid #374151!important;border-top-color:#ec4899!important}.tao-loading-text-color{color:#9ca3af!important}.tao-empty-icon{font-size:48px!important}.tao-empty-text-color{color:#9ca3af!important}@media (min-width:320px){[style*="gridTemplateColumns: 'repeat(3, 1fr)'"]>div{flex:1 1;min-width:0}}@media (max-width:767px){div[style*=gridTemplateColumns][style*="repeat(3, 1fr)"]{gap:12px!important;grid-template-columns:repeat(3,1fr)!important}div[style*=gridTemplateColumns][style*="repeat(3, 1fr)"]>div{max-width:100%!important;min-width:0!important;padding:16px 12px!important}div[style*=gridTemplateColumns][style*="repeat(3, 1fr)"]>div>div:first-child{font-size:24px!important}div[style*=gridTemplateColumns][style*="repeat(3, 1fr)"]>div>div:last-child{font-size:12px!important}}@media (min-width:768px) and (max-width:1024px){div[style*=gridTemplateColumns][style*="repeat(3, 1fr)"]{gap:16px!important;grid-template-columns:repeat(3,1fr)!important}div[style*=gridTemplateColumns][style*="repeat(3, 1fr)"]>div{padding:20px!important}}@media (min-width:1025px){div[style*=gridTemplateColumns][style*="repeat(3, 1fr)"]{gap:16px!important;grid-template-columns:repeat(3,1fr)!important}}.order-history-page{-ms-overflow-style:none;animation:rt-fadeIn .3s ease-out;background:#111518;bottom:0;box-shadow:0 0 40px #00000080;left:0;margin:0 auto;max-width:600px;overflow-y:auto;position:fixed;right:0;scrollbar-width:none;top:0;z-index:3000}.order-history-page::-webkit-scrollbar{display:none}.oh-header{border-bottom:1px solid #2a3142;gap:12px;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.oh-back-button,.oh-header{align-items:center;background:#111518;display:flex}.oh-back-button{border:none;border-radius:10px;color:#cbd5e1;cursor:pointer;flex-shrink:0;height:40px;justify-content:center;padding-bottom:10px;padding-top:0;transition:all .2s;width:40px}.oh-back-button svg{height:100%;width:100%}.oh-header-content{flex:1 1}.oh-title{color:#f8fafc;font-size:26px;font-weight:700;margin:0;text-align:left}.oh-subtitle{color:#94a3b8;font-size:15px;margin:2px 0 0;text-align:left}.oh-stats{grid-gap:12px;background:#111518;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:16px}.oh-stat-card{background:#27313a;border:1px solid #2a3142;border-radius:12px;padding:16px 12px;text-align:center}.oh-stat-value{color:#fff;font-size:24px;font-weight:800;margin-bottom:4px}.oh-stat-label{color:#fff;font-size:11px;font-weight:500}.oh-orders-list{display:flex;flex-direction:column;gap:12px;padding:0 16px 16px}.oh-order-card{background:#111518;border:1px solid #2a3142;border-radius:12px;padding:16px;transition:all .2s}.oh-order-card:hover{border-color:#374151;box-shadow:0 2px 8px #0000004d}.oh-order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.oh-order-id{color:#f8fafc;font-size:14px;font-weight:700;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-payment-badge{border:1px solid #2a3142;border-radius:.3rem;font-size:10px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.oh-payment-badge.card,.oh-payment-badge.test_card{background:#3b82f6;border-color:#60a5fa;color:#fff}.oh-payment-badge.cash{background:#111518;border-color:#2a3142;color:#fff}.oh-order-table{color:#fff;font-size:15px}.oh-order-items,.oh-order-table{margin-bottom:10px;text-align:left}.oh-order-items{background:#27313a;border:1px solid #2a3142;border-radius:8px;padding:10px}.oh-items-label{font-weight:700;margin-bottom:6px}.oh-item,.oh-items-label{color:#fff;font-size:12px}.oh-item{border-bottom:1px solid #1e2837;padding:4px 0}.oh-item:last-child{border-bottom:none}.oh-order-footer{align-items:center;border-top:1px solid #2a3142;display:flex;justify-content:space-between;padding-top:10px}.oh-order-time{align-items:center;color:#fff;display:flex;font-size:11px;gap:5px}.oh-order-time svg{flex-shrink:0;opacity:.6}.oh-order-total{color:#25c35e;font-size:18px;font-weight:800}.oh-empty{padding:60px 20px;text-align:center}.oh-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.oh-empty-text{color:#94a3b8;font-size:14px}@media (max-width:768px){.order-history-page{max-width:100%}.oh-stats{gap:10px;padding:12px}.oh-stat-card{padding:12px 8px}.oh-stat-value{font-size:20px}.oh-stat-label{font-size:10px}.oh-title{font-size:18px}.oh-subtitle{font-size:12px}}@media (min-width:769px){.order-history-page{border-left:1px solid #2a3142;border-right:1px solid #2a3142}}.floor-management{display:flex;flex-direction:column;gap:20px;height:100%;overflow-y:auto;padding:0}.floor-success-popup{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.floor-success-content{animation:scaleIn .3s ease;background:#1a1a1a;border:2px solid #10b981;border-radius:16px;box-shadow:0 8px 32px #10b9814d;padding:40px;text-align:center}.floor-success-checkmark{animation:checkmarkPop .4s ease .1s both;margin-bottom:20px}.floor-success-content h3{color:#10b981;font-size:24px;font-weight:700;margin-bottom:12px}.floor-success-content p{color:#9ca3af;font-size:16px;margin:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.floor-error-popup{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.floor-error-content{animation:scaleIn .3s ease;background:#1a1a1a;border:2px solid #ef4444;border-radius:16px;box-shadow:0 8px 32px #ef44444d;max-width:500px;padding:40px;text-align:center}.floor-error-cross{animation:crossPop .4s ease .1s both;margin-bottom:20px}.floor-error-content h3{color:#ef4444;font-size:24px;font-weight:700;margin-bottom:12px}.floor-error-content p{color:#fca5a5;font-size:16px;line-height:1.5;margin:0}@keyframes crossPop{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0deg)}to{transform:scale(1) rotate(0deg)}}.floor-settings-card{background:#0b0b0b;border:1px solid #2f3237;border-radius:12px;padding:16px}.floor-settings-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.floor-settings-row label{color:#f3f4f6;font-size:14px;white-space:nowrap}.floor-total-tables{color:#9ca3af;font-size:14px}.floor-assignments{display:flex;flex-direction:column;gap:16px}.floor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.floor-header h4{color:#f3f4f6;font-size:16px;font-weight:600;margin:0}.floor-add-btn{background:#eab308;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.floor-card{--fm-label-w:90px;background:#000;border:1px solid #374151;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.floor-card-header{align-items:center;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding-bottom:12px}.floor-summary{color:#f9c806;font-size:13px;font-weight:600}.floor-remove-btn{align-items:center;background:#000;border:1px solid #000;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s;width:36px}.floor-name-row{grid-column-gap:12px;align-items:center;column-gap:12px;display:grid;grid-template-columns:var(--fm-label-w) 1fr}.floor-name-row label{color:#f3f4f6;font-size:14px;min-width:var(--fm-label-w);white-space:nowrap}.floor-range-group{align-items:center;display:flex;flex:1 1;flex-direction:row}.floor-range-group label{color:#f3f4f6;font-size:14px;min-width:90px;white-space:nowrap}.floor-name-input{background:#1a1d24;border:1px solid #374151;border-radius:8px;color:#f3f4f6;font-size:14px;padding:10px 12px}.floor-name-input:focus{border-color:red;box-shadow:0 0 0 3px #4f46e51a;outline:none}.floor-management .fm-name-input,.fm-name-input,.waiter-modal-body .fm-name-input{background:#0b0b0b!important;border:1px solid #2f3237!important;border-radius:8px!important;box-sizing:border-box!important;color:#f9fafb!important;flex:1 1!important;font-size:14px!important;outline:none!important;padding:10px 14px!important;text-align:left!important;transition:border-color .2s ease!important}.fm-name-input::placeholder{color:#9ca3af!important}.fm-name-input:focus{border-color:#fff!important}.floor-range-row{grid-column-gap:12px;grid-row-gap:12px;align-items:center;column-gap:12px;display:grid;grid-template-columns:var(--fm-label-w) 1fr var(--fm-label-w) 1fr;row-gap:12px}.floor-range-group{display:contents}.floor-range-row label{color:#f3f4f6;font-size:14px;min-width:var(--fm-label-w);white-space:nowrap}.floor-range-input{background:#111827;border:3px solid #fff;border-radius:8px;color:#f9fafb;font-size:14px;padding:10px 14px;text-align:center;transition:all .2s;width:100%}.floor-management .fm-range-input,.fm-range-input,.waiter-modal-body .fm-range-input{background:#0b0b0b!important;border:1px solid #2f3237!important;border-radius:8px!important;box-sizing:border-box!important;color:#f9fafb!important;font-size:14px!important;outline:none!important;padding:8px 12px!important;text-align:center!important;transition:border-color .2s ease!important;width:100%!important}.fm-range-input:focus{border-color:#fff!important}.fm-range-input::placeholder{color:#9ca3af!important}.floor-from-to-input{background:#111827;border:3px solid #fff;border-radius:8px;color:#f9fafb;font-size:14px;outline:none;padding:10px 14px;text-align:center;transition:border-color .2s;width:100%}.floor-from-to-input:focus{border-color:#fff;outline:none}.floor-from-to-input:hover{border-color:#fff}.floor-button-group,.floor-management .floor-button-group{align-items:stretch;border-top:1px solid #374151;display:flex!important;flex-direction:row!important;gap:12px;justify-content:flex-end;padding-top:12px}.floor-save-btn{background:#eab308;border:none;border-radius:8px;color:#000;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.floor-save-btn:hover:not(:disabled){background:#4338ca;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.floor-save-btn:disabled{cursor:not-allowed;opacity:.5}.floor-cancel-btn{background:#2d323b;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s}.floor-cancel-btn:hover:not(:disabled){background:#3a414c;transform:translateY(-2px)}.floor-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.floor-summary-section{background:#2a3441;border:1px solid #374151;border-radius:12px;padding:16px}.floor-summary-section h4{color:#f3f4f6;font-size:14px;font-weight:600;margin-bottom:12px}.floor-summary-list{display:flex;flex-direction:column;gap:8px}.floor-summary-item{align-items:center;background:#1a1d24;border:1px solid #374151;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.floor-summary-name{color:#f3f4f6;font-size:14px;font-weight:500}.floor-summary-count{color:#9ca3af;font-size:13px}@media (max-width:768px){.floor-management{padding:0}.floor-range-row{column-gap:12px;grid-template-columns:var(--fm-label-w) 1fr var(--fm-label-w) 1fr;row-gap:12px}.floor-range-row label{font-size:14px}.fm-range-input{font-size:14px!important;padding:8px 12px!important}.fm-name-input{font-size:14px!important;padding:10px 14px!important}.floor-card{padding:16px;position:relative}.floor-summary{font-size:13px}.floor-card-header{border-bottom:none;padding-bottom:12px}.floor-remove-btn{margin-left:0;position:absolute;right:12px;top:12px}.floor-button-group{background:#0b0b0b;border-top:1px solid #374151;bottom:0;box-shadow:0 -4px 12px #00000080;flex-direction:row;flex-wrap:nowrap;left:0;margin-top:0;padding:12px 16px;position:fixed;right:0;z-index:1000}.floor-cancel-btn,.floor-save-btn{font-size:16px;padding:12px 32px}.floor-settings-card{padding:16px}.floor-settings-row label,.floor-total-tables{font-size:14px}.floor-header h4{font-size:16px}.floor-add-btn{font-size:14px;padding:8px 16px}}.ratings-dashboard{background:#000;color:#fff;left:0;margin:0;max-width:100%;min-height:100vh;padding:0;position:absolute;right:0;top:0;width:100%}.ratings-header{align-items:flex-start;border-bottom:none;display:flex;gap:0;justify-content:space-between;padding:14px 16px;position:relative}.ratings-title{color:#fff;flex:0 0 auto;font-size:24px;font-weight:800;letter-spacing:.5px;line-height:40px;margin:0;text-transform:none}.filter-btn{align-items:center!important;display:flex!important;flex-shrink:0;height:40px;justify-content:center!important;margin-left:auto;margin-top:4px;padding:10px 16px!important}.back-btn{background:#000;color:#fff;height:32px;min-width:32px;padding:0}.back-btn svg{height:24px;width:24px}.ratings-loading{min-height:calc(100vh - 100px);width:100%}.ratings-spinner{animation:ratings-spin 1s linear infinite;border:4px solid #374151;border-radius:50%;border-top-color:#fbbf24;height:48px;width:48px}@keyframes ratings-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refresh-btn{align-items:center;background:#374151;border:1px solid #4b5563;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:0;font-weight:600;gap:0;height:40px;justify-content:center;min-width:40px;padding:8px;transition:all .2s}.refresh-btn:hover{background:#4b5563;border-color:#ef4444;color:#ef4444}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.refresh-btn svg{height:20px;width:20px}.spinning{animation:none!important}.ratings-list-container{background:#0000;border:none;border-radius:0;overflow:visible}.ratings-list-header{display:none}.ratings-list-header h2{font-size:16px;font-weight:700;margin:0}.ratings-count{color:#9ca3af;font-size:13px;font-weight:500}.ratings-list{background:#0000;display:flex;flex-direction:column;gap:10px;max-height:none;overflow-y:visible;padding:0 16px 16px}.rating-card{background:#0b0b0b;border:1px solid #2f3237;border-radius:8px;display:flex;gap:10px;padding:12px;position:relative;transition:none}.rating-card:hover{background:#0b0b0b;border-color:#2f3237;box-shadow:none;transform:none}.rating-card-header{align-items:flex-start;display:flex;flex:1 1;justify-content:space-between;margin-bottom:10px}.rating-customer-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.rating-customer-icon{align-items:center;background:linear-gradient(135deg,#f9c806,orange);border-radius:50%;color:#000;display:flex;flex-shrink:0;height:36px;justify-content:center;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:36px}.rating-customer-icon svg{height:18px;width:18px}.rating-customer-details{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px;margin-left:46px}.rating-customer-name{color:#fff;font-size:15px;font-weight:600;text-align:left;width:100%}.rating-customer-phone{color:#fff;font-size:12px;text-align:left;width:100%}.rating-time{align-self:center;color:#fff;flex-shrink:0;font-size:11px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.rating-time-center{color:#fff;font-size:11px;margin:8px 0;padding:4px 0;text-align:center}.rating-card-body{display:flex;flex:1 1;flex-direction:column;gap:10px;margin-left:46px}.rating-stars-large{align-items:center;display:flex;gap:6px}.star-display{display:flex;gap:3px}.star-display svg{height:16px;width:16px}.rating-value{color:#f9c806;font-size:16px;font-weight:700;margin-left:4px}.rating-meta-info{display:flex;flex-wrap:wrap;gap:12px}.rating-meta-item{align-items:center;color:#fff;display:flex;font-size:12px;gap:5px}.rating-meta-item svg{color:#6b7280;height:14px;width:14px}.no-ratings{color:#6b7280;padding:40px 20px;text-align:center}.no-ratings svg{height:48px;margin-bottom:12px;opacity:.5;width:48px}.no-ratings h3{color:#fff;font-size:16px;font-weight:600;margin-bottom:6px}.no-ratings p{color:#6b7280;font-size:13px}.ratings-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{animation:none!important;border:3px solid #374151;border-radius:50%;border-top-color:#f9c806;height:40px;margin-bottom:12px;width:40px}.ratings-error{align-items:center;color:#f87171;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.ratings-error p{font-size:14px;margin-bottom:12px}.retry-btn{background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:8px 16px;transition:all .2s}.retry-btn:hover{background:#b91c1c}@media (max-width:1024px){.ratings-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.ratings-dashboard{padding:12px}.ratings-header{margin-bottom:12px}.ratings-title{font-size:18px}.refresh-btn{height:32px;min-width:32px;padding:7px}.refresh-btn svg{height:18px;width:18px}.ratings-list-container{margin:0 12px}.ratings-list{gap:8px;grid-template-columns:1fr;padding:0}.rating-card{padding:10px}.rating-customer-icon{height:32px;width:32px}.rating-customer-icon svg{height:16px;width:16px}.rating-customer-name{font-size:14px}.rating-customer-phone{font-size:11px}.rating-time{font-size:10px}.star-display svg{height:14px;width:14px}.rating-value{font-size:14px}.rating-meta-info{gap:10px}.rating-meta-item{font-size:11px}.rating-meta-item svg{height:12px;width:12px}}@media (max-width:480px){.ratings-dashboard{padding:10px}.ratings-title{font-size:16px}.refresh-btn{height:30px;min-width:30px;padding:6px}.refresh-btn svg{height:16px;width:16px}.ratings-list-container{margin:0}.ratings-list{padding:0}}.owner-notifications-container{background-color:#111518;color:#fff;min-height:100vh;padding-bottom:80px;position:relative}.owner-toast{animation:slideDown .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:15px;font-weight:600;left:50%;padding:16px 24px;position:fixed;top:80px;transform:translateX(-50%);z-index:1000}.owner-toast-success{background-color:#25c35e;color:#fff}.owner-toast-error{background-color:#ef4444;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.owner-notifications-header{align-items:center;background-color:#111518;border-bottom:1px solid #2a3142;display:flex;gap:12px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.owner-notifications-back-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}.owner-notifications-title{color:#fff;flex:1 1;font-size:24px;font-weight:600;margin:0;text-align:left}.notification-badge{background-color:#ef4444;border-radius:12px;color:#fff;font-size:14px;font-weight:600;min-width:24px;padding:4px 10px;text-align:center}.owner-notifications-content{padding:20px}.notification-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.notification-empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.notification-empty-state h3{color:#9ca3af;font-size:20px;font-weight:600;margin-bottom:8px}.notification-empty-state p{color:#6b7280;font-size:14px;max-width:300px}.owner-notifications-container .notification-card{animation:slideInUp .3s ease-out;background-color:#111518!important;border:1px solid #2a3142;border-radius:12px;margin-bottom:12px;padding:16px;pointer-events:auto;transition:all .3s ease}.notification-card-removing{animation:slideOutRight .3s ease-out;opacity:0;transform:translateX(100%)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.notification-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.notification-order-info{display:flex;flex-direction:column;gap:8px}.notification-order-number{color:#fff!important;font-size:18px;font-weight:600;margin:0}.notification-table-number{color:#9ca3af!important;font-size:16px;font-weight:500;margin:0}.notification-upi-badge{background-color:initial!important;border:2px solid #2a3142!important;border-radius:3px;color:#fff!important;font-size:12px;font-weight:600;padding:6px 16px;text-transform:uppercase}.notification-items-section{background-color:#27313a!important;border:1px solid #2a3142;border-radius:8px;margin-bottom:10px;padding:10px;text-align:left}.notification-items-title{font-weight:700;margin:0 0 6px;text-transform:uppercase}.notification-item,.notification-items-title{color:#fff!important;font-size:12px;text-align:left}.notification-item{align-items:center;background:#0000!important;border-bottom:1px solid #1e2837;display:flex;justify-content:space-between;padding:4px 0}.notification-item-content{display:flex;flex:1 1;flex-direction:column;gap:6px}.notification-item-customizations{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.customization-tag{background-color:#4b5563!important;border-radius:12px;color:#d1d5db!important;font-size:12px;font-weight:500;padding:4px 10px}.notification-item:last-child{margin-bottom:0}.notification-item-name{color:#fff!important;font-weight:400}.notification-item-price{color:#fff!important;font-weight:500}.notification-footer{align-items:center;display:flex;justify-content:space-between}.notification-timestamp{align-items:center;color:#9ca3af!important;display:flex;font-size:14px;gap:6px}.notification-timestamp span{color:#9ca3af!important}.notification-total{color:#25c35e!important;font-size:20px;font-weight:700}.notification-actions{border-top:none;display:flex;gap:12px;margin-top:16px;padding-top:0}.notification-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px 24px;transform:none!important;transition:opacity .2s ease!important}.notification-btn:disabled{cursor:not-allowed;opacity:.5}.notification-btn-cancel,.notification-btn-cancel:active,.notification-btn-cancel:hover{background-color:#374151!important;color:#fff!important}.notification-btn-confirm,.notification-btn-confirm:active,.notification-btn-confirm:hover{background-color:#25c35e!important;color:#fff!important}.customization-tag,.customization-tag:hover,.notification-card,.notification-card *,.notification-card-header,.notification-card-header:hover,.notification-card:hover,.notification-card:hover *,.notification-footer,.notification-footer:hover,.notification-item,.notification-item-content,.notification-item-content:hover,.notification-item-customizations,.notification-item-customizations:hover,.notification-item-name,.notification-item-name:hover,.notification-item-price,.notification-item-price:hover,.notification-item:active,.notification-item:hover,.notification-items-section,.notification-items-section:hover,.notification-items-title,.notification-items-title:hover,.notification-order-info,.notification-order-info:hover,.notification-order-number,.notification-order-number:hover,.notification-table-number,.notification-table-number:hover,.notification-timestamp,.notification-timestamp span,.notification-timestamp:hover,.notification-timestamp:hover span,.notification-total,.notification-total:hover,.notification-upi-badge,.notification-upi-badge:hover{transform:none!important;transition:none!important}.notification-card ::selection{background:#3b82f64d;color:#fff}.oa-container{background:#0000;color:#fff;min-height:100%}.oa-header{border-bottom:1px solid #374151;gap:16px;padding:16px 20px}.oa-back-btn,.oa-header{align-items:center;display:flex}.oa-back-btn{background:#0000;border:none;border-radius:6px;color:#e5e7eb;cursor:pointer;justify-content:center;padding:8px;transition:background .15s ease}.oa-back-btn:hover{background:#ffffff1a}.oa-header-content{flex:1 1}.oa-title{font-size:24px;font-weight:700;margin:0}.oa-subtitle{color:#9ca3af;font-size:14px;margin:2px 0 0}.oa-main{padding:0 0 40px}.oa-section{padding:20px}.oa-section-title{font-size:20px;font-weight:700;margin:0 0 16px}.oa-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.oa-stat-card{border-radius:12px;padding:16px;text-align:center;width:100%}.oa-stat-value{font-size:24px;font-weight:700;margin-top:8px}.oa-stat-label{font-size:12px;margin-top:4px;opacity:.9}.oa-bg-green{background:#10b981}.oa-bg-blue{background:#3b82f6}.oa-bg-amber{background:#f59e0b}.oa-bg-purple{background:#8b5cf6}.oa-popular-item{align-items:center;background:#222;background:var(--owner-surface-alt,#222);border-radius:8px;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 0 8px;padding:12px 14px;width:100%}.oa-item-info{align-items:flex-start;display:flex;flex-direction:column}.oa-item-name{font-size:16px;font-weight:500}.oa-item-orders{color:#9ca3af;font-size:12px}.oa-item-rank{background:#10b981;border-radius:16px;font-size:12px;font-weight:700;padding:6px 12px}@media (max-width:768px){.oa-header{gap:14px;padding:14px 18px}.oa-title{font-size:20px}.oa-subtitle{font-size:13px}.oa-section{padding:16px 18px}.oa-section-title{font-size:18px;margin:0 0 14px}.oa-stats-grid{gap:10px}.oa-stat-card{padding:14px}.oa-stat-value{font-size:20px;margin-top:6px}.oa-stat-label{font-size:11px;margin-top:3px}.oa-popular-item{margin:0 0 6px;padding:10px 12px}.oa-item-name{font-size:15px}.oa-item-orders,.oa-item-rank{font-size:11px}.oa-item-rank{padding:5px 10px}}@media (max-width:480px){.oa-container{padding-bottom:80px}.oa-header{gap:12px;padding:12px 16px}.oa-title{font-size:18px}.oa-subtitle{font-size:12px}.oa-back-btn{padding:6px}.oa-main{padding:0 0 20px}.oa-section{padding:14px 16px}.oa-section-title{font-size:16px;font-weight:600;margin:0 0 12px}.oa-stats-grid{gap:8px;grid-template-columns:1fr}.oa-stat-card{border-radius:10px;padding:12px}.oa-stat-value{font-size:18px;font-weight:600;margin-top:4px}.oa-stat-label{font-size:10px;margin-top:2px}.oa-popular-item{border-radius:6px;margin:0 0 4px;padding:8px 10px}.oa-item-name{font-size:14px;font-weight:500}.oa-item-orders{font-size:10px;margin-top:2px}.oa-item-rank{border-radius:12px;font-size:10px;font-weight:600;padding:4px 8px}}.owner-menu-container{background:#181711;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden}.owner-menu-container *,.owner-menu-container ::-webkit-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.owner-menu-container ::-webkit-scrollbar{height:0!important;width:0!important}.owner-menu-container ::-webkit-scrollbar,.owner-menu-container ::-webkit-scrollbar-track{background:#0000!important;display:none!important}.owner-menu-container ::-webkit-scrollbar-corner,.owner-menu-container ::-webkit-scrollbar-thumb{background:#0000!important;display:none!important}.owner-modal-overlay *,.owner-modal-overlay ::-webkit-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.owner-modal-overlay ::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.owner-success-message{animation:slideInFromRight .3s ease-out;background:#10b981;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;font-weight:600;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:2000}.ingredients-scroll-container{-ms-overflow-style:auto!important;scrollbar-color:#10b981 #f3f4f6!important;scrollbar-width:thin!important}.ingredients-scroll-container::-webkit-scrollbar{display:block!important;height:8px!important;width:8px!important}.ingredients-scroll-container::-webkit-scrollbar-track{background:#f3f4f6!important;border-radius:4px!important;display:block!important}.ingredients-scroll-container::-webkit-scrollbar-thumb{background:#10b981!important;border-radius:4px!important;display:block!important}.ingredients-scroll-container::-webkit-scrollbar-thumb:hover{background:#059669!important}.owner-error-message{animation:slideInFromRight .3s ease-out;background:#ef4444;border-radius:8px;box-shadow:0 4px 12px #ef44444d;font-weight:600;gap:12px;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:2000}.owner-error-dismiss,.owner-error-message{align-items:center;color:#fff;display:flex}.owner-error-dismiss{background:none;border:none;border-radius:4px;cursor:pointer;justify-content:center;padding:4px;transition:background .2s}.owner-error-dismiss:hover{background:#fff3}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.owner-menu-header{align-items:center;background:#181711;border-bottom:1px solid #444;display:flex;gap:16px;padding:16px 20px 16px 10px;position:relative}.owner-back-btn{background:#181711;color:#fff}.owner-back-btn,.owner-refresh-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:12px}.owner-refresh-btn{background:#333;color:#fbbf24;margin-left:auto;transition:all .2s}.owner-refresh-btn:hover:not(:disabled){background:#444;transform:rotate(90deg)}.owner-refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.owner-header-text{left:50%;position:absolute;transform:translateX(-50%)}.owner-header-text h2{color:#fff;font-size:24px;font-weight:600;margin:0;text-align:center;white-space:nowrap}.owner-header-text p{color:#999;font-size:14px;margin:4px 0 0}.owner-search-bar{align-items:center;background:#3a3627;border:1px solid #333;border-radius:10px;display:flex;gap:12px;height:48px;margin:10px 15px 16px;padding:0;position:relative;width:calc(100% - 30px)}.owner-search-bar svg:first-child{color:#999;left:16px;pointer-events:none;position:absolute;z-index:1}.owner-search-bar input{background:#3a3627;border:1px solid #3a3627;border-radius:8px;box-sizing:border-box;color:#bbb49b;flex:1 1;font-size:16px;height:48px;outline:none;padding:12px 50px 12px 48px;position:relative}.owner-search-bar input::placeholder{color:#9ca3af}.owner-search-bar input:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.owner-filter-toggle{align-items:center;background:#0000;border:none;color:#fbbf24;cursor:pointer;display:flex;height:28px;justify-content:center;padding:8px;position:absolute;right:30px;top:50%;transform:translateY(-50%);width:28px;z-index:2}.owner-categories{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#181711;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:6px;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:0 20px 12px;scrollbar-width:none;width:100%}.owner-categories::-webkit-scrollbar{display:none}.owner-cat{background:#3a3627;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:.92rem;font-weight:400;min-width:0;padding:6px 12px;transition:all .2s;white-space:nowrap}.owner-cat.active{background:#fbbf24;border-color:#fbbf24;color:#000;font-weight:600}.owner-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));padding:8px 20px 120px}.owner-item{background:#222;border-radius:12px;box-shadow:0 1px 2px #0006,0 6px 18px -10px #0009;cursor:pointer;display:flex;flex-direction:column;height:340px;overflow:hidden;position:relative;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.owner-item:hover{border:1px solid #fbbf24;box-shadow:0 8px 25px #ffc10726;transform:translateY(-4px)}.owner-img-wrap{height:140px;overflow:hidden;position:relative}.owner-img-wrap img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.owner-item:hover .owner-img-wrap img{transform:scale(1.05)}.owner-badge{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:10px;font-weight:600;gap:4px;left:8px;padding:4px 8px;position:absolute;top:8px}.owner-badge,.owner-badge.time{background:#000000b3}.owner-badge.offer{background:#4caf50}.owner-edit-overlay,.owner-item:hover .owner-edit-overlay{display:none}.owner-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-height:180px;padding:12px}.owner-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;cursor:pointer;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.2;margin:0;max-height:30px;min-height:30px;overflow:hidden}.owner-info p{color:#ccc;cursor:pointer;font-size:11px;line-height:1.4;margin:0;max-height:42px;min-height:42px;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-color:#444 #0000;scrollbar-width:thin}.owner-info p::-webkit-scrollbar{width:4px}.owner-info p::-webkit-scrollbar-track{background:#0000}.owner-info p::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.owner-info p::-webkit-scrollbar-thumb:hover{background:#555}.owner-footer-line{align-items:center;display:flex;justify-content:center;margin-bottom:4px;margin-top:0}.owner-footer-line .price{color:#fbbf24;font-size:14px;font-weight:700}.owner-footer-line .rating{display:none}.owner-actions{border-top:1px solid #333;gap:8px;margin-top:0;padding-top:4px}.owner-actions,.owner-edit-btn{align-items:center;display:flex;justify-content:center}.owner-edit-btn{background:#fbbf24;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:13px;font-weight:700;gap:6px;padding:10px 12px;transition:background .2s;width:100%}.owner-edit-btn:hover{background:#ffcd38}.owner-settings-btn,.owner-settings-btn:hover{display:none}.owner-error-state,.owner-loading-state{color:#fff;gap:16px;min-height:50vh}.owner-loading-spinner{border:3px solid #333;border-top-color:#4caf50;height:48px;width:48px}.owner-retry-button{background:#ffc107;transition:background .2s}.owner-retry-button:hover{background:#ffcd33}.owner-modal-overlay{padding:8px}.owner-edit-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.owner-modal-header{border-bottom:1px solid #333;padding:20px}.owner-modal-header h3{color:#fff;font-size:20px}.owner-modal-header button{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;padding:4px;transition:color .2s}.owner-modal-header button:hover{color:#fff}.owner-modal-content{display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative}.owner-edit-section{margin-bottom:10px}.owner-edit-section label{color:#fff;display:block;font-size:12px;font-weight:600;margin-bottom:3px}.owner-edit-section textarea{background:#222;border:1px solid #333;border-radius:6px;color:#fff;font-size:12px;min-height:50px;padding:6px;resize:vertical;width:100%}.owner-edit-section textarea:focus{border-color:#ffc107;outline:none}.owner-save-btn{background:#25c35e;border:none;color:#fff;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:10px 20px;transition:background .2s}@media (max-width:768px){.owner-menu-container{padding-bottom:80px}.owner-header{gap:14px;padding:14px 18px}.owner-header h1{font-size:20px!important}.owner-header-subtitle{font-size:14px!important}.owner-search-bar{padding:10px 18px}.owner-search-input{font-size:14px!important;padding:8px 12px!important}.owner-categories{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex-wrap:nowrap;margin:0 18px;max-width:calc(100% - 36px);overflow-x:auto;overflow-y:hidden;padding:14px 0;scrollbar-width:none;width:calc(100% - 36px)}.owner-categories::-webkit-scrollbar{display:none}.owner-category-btn{font-size:14px!important;padding:8px 16px!important}.owner-grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:16px 18px}.owner-item{min-height:200px}.owner-img-wrap{height:120px}.owner-item-name{font-size:15px!important}.owner-item-price{font-size:14px!important}.owner-item-desc{font-size:13px!important}.owner-btn,.owner-button{font-size:14px!important;padding:10px 16px!important}.owner-edit-modal{margin:20px;max-height:85vh}.owner-modal-title{font-size:18px!important}.owner-form-group input,.owner-form-group label,.owner-form-group textarea{font-size:14px!important}}@media (max-width:480px){.owner-menu-container{padding-bottom:80px}.owner-header{gap:12px;padding:12px 16px}.owner-header h1{font-size:18px!important;font-weight:600}.owner-header-subtitle{font-size:13px!important}.owner-back-btn{padding:6px!important}.owner-search-bar{padding:6px 16px}.owner-search-input{border-radius:8px!important;font-size:14px!important;padding:8px 10px!important}.owner-categories{padding:12px 1px}.owner-category-btn{border-radius:6px!important;font-size:13px!important;padding:6px 12px!important}.owner-grid{gap:10px;padding:14px 16px}.owner-item{min-height:auto;padding:12px!important}.owner-img-wrap{border-radius:8px!important;height:140px}.owner-item-content{padding:10px 0!important}.owner-item-name{font-size:14px!important;font-weight:600;margin:0 0 4px!important}.owner-item-price{font-size:13px!important;font-weight:700}.owner-item-desc{font-size:12px!important;line-height:1.3;margin:4px 0 0!important}.owner-actions{margin-top:-8px!important}.owner-btn,.owner-button{border-radius:6px!important;font-size:13px!important;padding:8px 12px!important}.owner-btn-sm{font-size:11px!important;padding:4px 8px!important}.owner-add-btn{font-size:14px!important;padding:10px 20px!important}.owner-modal-overlay{padding:0}.owner-modal-content{border-radius:8px;margin:0;padding:8px!important;width:100%!important}.owner-modal-header{padding:14px 16px}.owner-modal-header h3{font-size:16px}.owner-modal-body{padding:12px 16px}.owner-form-group{margin-bottom:12px;padding:12px 14px}.owner-form-group label{font-size:13px;font-weight:600;margin-bottom:6px}.owner-form-control{font-size:13px;padding:10px}.owner-form-group textarea{min-height:80px}.owner-modal-actions{gap:10px;padding:0 16px 16px}.owner-cancel-btn,.owner-save-btn{font-size:13px;height:40px;max-width:none;padding:10px 16px}.owner-status-badge{font-size:10px!important;padding:3px 6px!important}.owner-price-input{font-size:13px!important;text-align:center!important}.owner-image-upload{border-radius:8px!important;height:120px!important}.owner-upload-text{font-size:12px!important}}.owner-add-option-grid{grid-gap:12px;align-items:center;background:#1a1a1a4d;border:1px solid #555;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto;padding:12px;text-align:left}.owner-add-option-grid input{margin:0;text-align:left}.owner-add-option-grid button{align-self:center;height:-webkit-fit-content;height:fit-content;padding:8px 16px;white-space:nowrap}.owner-current-options{background:#1a1a1a;border:2px solid #555;border-radius:8px;margin-bottom:16px;padding:12px;text-align:left}.owner-options-label{color:#f9c806;display:block;font-size:12px;font-weight:500;margin-bottom:8px;text-align:left}.owner-options-list{display:flex;flex-wrap:wrap;gap:6px;text-align:left}.owner-option-tag{align-items:center;background:#333;border:1px solid #444;border-radius:8px;color:#fff;display:inline-flex;font-size:12px;justify-content:center;margin-bottom:5px;margin-right:5px;min-height:24px;padding:2px 18px 6px 8px;position:relative;text-align:center;transform:translateY(-2px)}.owner-option-remove-btn{align-items:center;background:#0000;border:none;border-radius:0;color:#aaa;cursor:pointer;display:flex;font-size:10px;height:10px;justify-content:center;line-height:1;padding:0;position:absolute;right:2px;top:2px;width:10px}.owner-option-remove-btn:hover{background:#0000;color:#fff}.owner-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.owner-modal-content{-ms-overflow-style:none!important;background:#000;border:1px solid #444;border-radius:16px;height:75vh;max-width:600px;overflow-y:auto;scrollbar-width:none!important;width:600px}.owner-modal-content::-webkit-scrollbar{height:0!important;width:0!important}.owner-modal-content::-webkit-scrollbar,.owner-modal-content::-webkit-scrollbar-track{background:#0000!important;display:none!important}.owner-modal-content::-webkit-scrollbar-corner,.owner-modal-content::-webkit-scrollbar-thumb{background:#0000!important;display:none!important}.owner-modal-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:18px 20px}.owner-modal-header h3{color:#f9c806;font-size:18px;font-weight:600;margin:0}.owner-close-btn{background:none;border:none;border-radius:6px;color:#999;cursor:pointer;padding:6px;transition:all .2s}.owner-close-btn:hover{background:#ffffff1a;color:#f9c806}.owner-modal-body{flex:1 1;max-height:calc(75vh - 130px);overflow-y:auto;padding:10px;text-align:left}.owner-form-group{background:#1a1a1a80;border:1px solid #444;border-radius:10px;margin-bottom:14px;padding:14px 16px;text-align:left}.owner-form-group:first-of-type{align-items:center;display:flex;justify-content:space-between}.owner-form-group:first-of-type label{color:#f9c806;flex-shrink:0;font-weight:500;margin-bottom:0;text-align:left}.owner-form-group:first-of-type .owner-form-control{margin-left:auto;margin-right:70px;padding-bottom:5px;width:60%}.prep-time-group{align-items:baseline;display:flex;justify-content:flex-start}.prep-time-group label{color:#f9c806;flex-shrink:0;font-size:16px;font-weight:500;margin:0!important;white-space:nowrap}.prep-time-group label,.prep-time-input{line-height:1.5;padding:0!important;text-align:left}.prep-time-input{background:#0000!important;border:none!important;color:#fff!important;font-size:16px!important;height:auto;margin-left:15px;margin-right:0;vertical-align:initial;width:80px!important}.owner-form-group:not(:first-of-type):not(.prep-time-group) label{color:#f9c806;display:block;font-weight:500;margin-bottom:8px;padding-bottom:5px;text-align:left}.owner-form-control{background:#1a1a1a;border:2px solid #555;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;padding:12px;resize:vertical;text-align:left;transition:border-color .2s;width:100%}.owner-form-control:focus{border-color:#f9c806;outline:none}.owner-form-control textarea{text-align:left;vertical-align:top}.owner-modal-body input,.owner-modal-body textarea{text-align:left}.owner-form-control::-webkit-scrollbar{display:none}.owner-form-control{-ms-overflow-style:none;scrollbar-width:none}.owner-modal-actions{align-items:stretch;background:#0000;border-top:none;display:flex;flex-direction:row-reverse;flex-shrink:0;gap:12px;justify-content:space-around;margin-top:0;padding:12px 10px;z-index:10}.owner-save-btn{background:#f9c806;border:1px solid #f9c806;border-radius:8px;box-sizing:border-box;color:#000;cursor:pointer;flex:1 1;font-weight:600;height:44px;margin:0;max-width:17rem;padding:12px 20px;text-align:center;transition:all .2s;vertical-align:middle}.owner-disable-btn,.owner-enable-btn,.owner-save-btn{align-items:center;display:inline-flex;justify-content:center}.owner-disable-btn,.owner-enable-btn{background-image:none!important;background-position:0!important;background-repeat:no-repeat!important;gap:8px;padding-left:12px!important;padding-right:12px!important}.owner-disable-btn:after,.owner-disable-btn:before,.owner-enable-btn:after,.owner-enable-btn:before{background:none!important;content:none!important}.owner-add-option-grid .owner-save-btn{font-size:.9rem;height:38px;padding:8px 16px;width:80px}.owner-add-option-grid .owner-save-btn:hover:not(:disabled){background:#f9c806;border-color:#f9c806}.owner-save-btn:hover:not(:disabled):not(.owner-add-option-grid .owner-save-btn){background:#e6b405;border-color:#e6b405}.owner-save-btn:disabled{cursor:not-allowed;opacity:.6}.owner-save-btn:after,.owner-save-btn:before{background:none!important;content:none!important}.owner-cancel-btn{align-items:center;background:#0000;border:1px solid #555;border-radius:8px;box-sizing:border-box;color:#999;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:600;height:44px;justify-content:center;margin:0;max-width:17rem;padding:12px 20px;text-align:center;transition:all .2s;vertical-align:middle}.owner-cancel-btn:hover{background:#ffffff1a;border-color:#777;color:#fff}.owner-error-state,.owner-loading-state{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.owner-error-state h3,.owner-loading-state h3{color:#fbbf24;font-size:18px;margin:16px 0 8px}.owner-loading-spinner{animation:spin 1s linear infinite;border:3px solid #444;border-radius:50%;border-top-color:#fbbf24;height:40px;width:40px}.owner-retry-button{background:#fbbf24;border:none;border-radius:8px;color:#000;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .2s}.owner-retry-button:hover{background:#f59e0b;transform:translateY(-1px)}.owner-item.disabled{background:#1a1a1a;border:1px solid #444;cursor:pointer;opacity:.6}.owner-item.disabled .owner-actions,.owner-item.disabled .owner-info,.owner-item.disabled button{pointer-events:auto}.owner-item.disabled .owner-img-wrap img{filter:grayscale(100%) brightness(.7)}.owner-item.disabled:hover{border:1px solid #444;box-shadow:0 1px 2px #0006,0 6px 18px -10px #0009;transform:none}.owner-disabled-overlay{align-items:center;background:#ef4444;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;left:50%;padding:8px 16px;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.owner-disabled-reason{background:#ff00001a;border:1px solid #ff00004d;border-radius:4px;margin:4px 0 -30px;max-height:60px;min-height:60px;overflow-y:auto;padding:6px 8px;scrollbar-color:#ef4444 #0000;scrollbar-width:thin}.owner-disabled-reason::-webkit-scrollbar{width:4px}.owner-disabled-reason::-webkit-scrollbar-track{background:#0000}.owner-disabled-reason::-webkit-scrollbar-thumb{background:#ef4444;border-radius:2px}.owner-disabled-reason::-webkit-scrollbar-thumb:hover{background:#dc2626}.owner-disabled-reason small{color:#ef4444;font-size:11px;font-weight:500}.owner-edit-btn.disabled-btn-style,.owner-settings-btn.disabled-btn-style{background:#fbbf24;color:#000;cursor:pointer;opacity:1;pointer-events:auto}.owner-edit-btn.disabled-btn-style:hover,.owner-settings-btn.disabled-btn-style:hover{background:#ffcd38;transform:translateY(-1px)}.owner-enable-modal{animation:modalSlideIn .3s ease-out;background:#000;border:1px solid #333;border-radius:12px;box-shadow:0 20px 60px #000c;max-width:450px;width:100%}.owner-enable-modal .owner-modal-body{padding:0 24px}.owner-enable-modal .owner-modal-body p{color:#ccc;font-size:14px;margin:0}.owner-enable-modal .owner-modal-actions{display:flex;gap:12px;margin-top:20px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.owner-save-btn.unsaved-changes{background:#f9c806;border-color:#f9c806;font-weight:700}.owner-modal-actions .owner-save-btn,.owner-modal-actions .owner-save-btn:active,.owner-modal-actions .owner-save-btn:focus,.owner-modal-actions .owner-save-btn:hover{background:#f9c806!important;border-color:#f9c806!important;box-shadow:none!important;color:#000!important;transform:none!important}@keyframes successPopup{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.qr-table-management{background:#0000;display:flex;flex-direction:column;min-height:100%;padding:0}.error-banner{background:#fee;border:1px solid #ef4444;border-radius:8px;color:#dc2626;margin:16px 20px;padding:12px 16px}.floor-form{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-y:auto;padding:20px}.floor-assignment-card{background:#1f2937;border:1px solid #374151;border-radius:10px;display:flex;flex-direction:column;gap:14px;margin-bottom:16px;padding:16px 18px}.floor-assignment-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.floor-assignment-row label{color:#f3f4f6;font-size:14px;font-weight:600;white-space:nowrap}.floor-tables-display{color:#9ca3af;flex:1 1;font-size:14px;text-align:right}.floor-count-input,.floor-tables-display{background:#111827;border:1px solid #374151;border-radius:8px;padding:10px 14px}.floor-count-input{color:#f9fafb;font-size:15px;outline:none;text-align:center;transition:all .2s;width:80px}.floor-count-input:focus{border-color:#60a5fa}.floor-section-title{color:#f3f4f6;font-size:16px;font-weight:700;margin:8px 0 16px;padding:0}.floor-table-summary{background:#111827;border:1px solid #374151;border-radius:8px;color:#e5e7eb;font-size:15px;font-weight:600;padding:10px 14px;text-align:center}.floor-name-input{-webkit-appearance:none!important;appearance:none!important;background:#111827!important;border:1px solid #374151!important;border-radius:8px!important;color:#f9fafb!important;flex:1 1;font-size:15px!important;outline:none!important;padding:10px 14px!important;transition:all .2s}.floor-name-input:focus{background:#111827!important;border-color:#60a5fa!important}.floor-name-input::placeholder{color:#6b7280}.floor-table-row{align-items:center;display:flex;gap:16px;width:100%}.floor-table-group{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:12px}.floor-table-group label{color:#f3f4f6;font-size:14px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.floor-table-input{background:#111827!important;border:2px solid #fff!important;border-radius:8px!important;color:#f9fafb!important;flex:1 1!important;font-size:15px!important;outline:none!important;padding:10px 14px!important;text-align:center!important;transition:all .2s!important}.floor-table-input:focus{border:2px solid #60a5fa!important}.floor-from-to-input{background:#111827!important;border:3px solid #fff!important;border-radius:8px!important;color:#f9fafb!important;flex:1 1!important;font-size:14px!important;outline:none!important;padding:10px 14px!important;text-align:center!important;transition:border-color .2s!important;width:100%!important}.floor-from-to-input:focus{border:3px solid #fff!important;outline:none!important}.floor-from-to-input:hover{border-color:#fff!important}.floor-button-group{border-top:1px solid #374151;display:flex;flex-direction:column;gap:12px;margin-top:24px;padding-top:20px}.floor-btn-new-table{background:#0000;border:2px solid #3b82f6;border-radius:10px;color:#3b82f6;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s;width:100%}.floor-btn-new-table:hover,.floor-btn-save{background:#3b82f6;color:#fff}.floor-btn-save{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s;width:100%}.floor-btn-save:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.floor-btn-save:disabled{cursor:not-allowed;opacity:.5}.new-table-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.new-table-modal{background:#000;border:1px solid #2d3748;border-radius:12px;box-shadow:0 20px 60px #000c;max-width:600px;width:100%}.new-table-modal-header{background:#000;border-bottom:1px solid #2d3748;border-radius:12px 12px 0 0;padding:20px 24px}.new-table-modal-header h3{color:#fff;font-size:18px;font-weight:700;margin:0;text-align:center}.new-table-modal-body{display:flex;flex-direction:column;gap:20px;padding:24px}.new-table-row{align-items:center;display:flex;gap:16px}.new-table-row label{color:#fff;font-size:15px;font-weight:600;min-width:120px;white-space:nowrap}.new-table-input{background:#1a202c;border:1px solid #2d3748;border-radius:8px;color:#fff;flex:1 1;font-size:15px;outline:none;padding:12px 16px;transition:all .2s}.new-table-input:focus{border-color:#3b82f6}.new-table-input::placeholder{color:#718096}.new-table-inputs-row{align-items:center;display:flex;flex-wrap:nowrap;gap:16px}.new-table-input-group{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:12px;min-width:0}.new-table-input-group label{color:#fff;font-size:14px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.new-table-number-input{background:#1f2937;border:2px solid #fff!important;border-radius:8px;color:#fff;flex:1 1;font-size:15px;outline:none;padding:12px 16px;text-align:center;transition:all .2s}.new-table-number-input:focus{background:#374151;border-color:#60a5fa!important}.new-table-number-input::placeholder{color:#718096}.new-table-modal-actions{display:flex;gap:12px;margin-top:8px}.new-table-btn-add,.new-table-btn-cancel{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:14px 24px;transition:all .2s}.new-table-btn-cancel{background:#374151;color:#fff}.new-table-btn-cancel:hover{background:#4b5563}.new-table-btn-add{background:#3b82f6;color:#fff}.new-table-btn-add:hover:not(:disabled){background:#2563eb}.new-table-btn-add:disabled{cursor:not-allowed;opacity:.5}.loading-spinner{align-items:center;background:#0000;display:flex;flex-direction:column;justify-content:center;min-height:300px}.spinner{border:4px solid #374151;border-top-color:#3b82f6;height:40px;margin-bottom:12px;width:40px}.owner-theme{--owner-bg:#000;--owner-surface:#1a1a1a;--owner-surface-alt:#222;--owner-border:#333;--owner-accent:#25c35e;--owner-text:#fff;--owner-text-dim:#ccc;--owner-tabbar-height:60px;color-scheme:dark}body.owner-app-active,body.owner-app-active #root,body.owner-app-active .App,html.owner-app-active,html.owner-app-active body{background:#2c2c2c!important}.owner-shell{background:var(--owner-bg);min-height:100vh;position:relative}.owner-theme:before{background:#000;content:"";inset:0;pointer-events:none;position:fixed;z-index:-1}.owner-content{margin:0 auto;max-width:600px}.owner-tabbar-outer{bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;transition:transform .28s ease,opacity .25s ease;z-index:1200}.owner-tabbar-hidden{opacity:0;pointer-events:none;transform:translateY(110%)}.owner-tabbar-inner{max-width:600px;width:100%}.owner-tabbar{align-items:center;background:var(--owner-surface-alt);border:1px solid var(--owner-border);border-bottom:none;border-top-left-radius:18px;border-top-right-radius:18px;display:flex;height:var(--owner-tabbar-height);justify-content:space-around}.owner-tabbar button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:600;gap:4px;justify-content:center}.owner-tabbar button.active{color:var(--owner-accent);font-weight:700}.owner-tabbar button:focus-visible{outline:2px solid var(--owner-accent);outline-offset:2px}.oa-container,.od-container{background:var(--owner-bg)}.oa-header,.od-header{background:#111518;border-bottom:1px solid var(--owner-border)}.od-counter-card{background:#7c3aed}.od-table-card{box-shadow:0 1px 3px #0006}.oa-popular-item{background:var(--owner-surface-alt)}body.owner-app-active{-ms-overflow-style:none;scrollbar-width:none}body.owner-app-active::-webkit-scrollbar{height:0;width:0}body.owner-modal-open{overflow:hidden}@media (max-width:768px){.owner-content{margin:0;max-width:100%;padding:0 10px}.owner-tabbar{border-top-left-radius:16px;border-top-right-radius:16px;height:56px}.owner-tabbar button{font-size:10px;gap:3px}}@media (max-width:480px){.owner-content{margin:0;max-width:100%;padding:0}.owner-tabbar-outer{left:0;right:0}.owner-tabbar-inner{max-width:100%;width:100%}.owner-tabbar{--owner-tabbar-height:52px;border-top-left-radius:14px;border-top-right-radius:14px;height:52px}.owner-tabbar button{font-size:9px;font-weight:600;gap:2px;padding:4px 2px}.owner-tabbar button.active{font-weight:700}}.chef-page-container .header-meta svg{color:#9ca3af}.chef-page-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0 auto;max-width:600px;min-height:100vh;padding:0}.chef-page-container *{box-sizing:border-box}.chef-page-container .loading-state{align-items:center;background:#0a0a0a;bottom:0;color:#fff;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;min-height:100vh;position:fixed;right:0;text-align:center;top:0;z-index:9999}.chef-page-container .loading-state p{color:#ccc;font-size:14px;margin:0}.chef-page-container .spin{animation:chef-spin 1s linear infinite}@keyframes chef-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chef-page-container .error-banner{align-items:center;background:#dc26261a;border:1px solid #dc26264d;border-radius:8px;color:#fca5a5;display:flex;gap:12px;margin:16px 20px;padding:12px 16px}.chef-page-container .error-banner button{align-items:center;background:#0000;border:none;color:#fca5a5;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:4px}.chef-page-container .error-banner button:hover{color:#fff}.chef-page-container .chef-header{background:#0a0a0a!important;border-bottom:1px solid #1f1f1f;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.chef-page-container .header-top{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:space-between}.chef-page-container .brand-group{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.chef-page-container .brand-name{color:#f8fafc;font-family:Roboto;font-size:30px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.chef-page-container .header-meta{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:8px;margin-left:auto;text-align:right}.chef-page-container .header-meta span{align-items:center;display:inline-flex}.chef-page-container .auto-refresh-text{opacity:.7}.chef-page-container .header-divider{background:#1f1f1f;height:1px;margin:12px -20px 10px;width:calc(100% + 40px)}.chef-page-container .header-main{align-items:center;display:flex;gap:16px;justify-content:space-between}.chef-page-container .header-title{align-items:center;display:flex;gap:10px}.chef-page-container .header-title h1{color:#fff;font-family:Roboto;font-size:24px;font-weight:700;margin:0}.chef-page-container .header-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.chef-page-container .status-dot{background:#ef4444;border-radius:50%;height:8px;width:8px}.chef-page-container .status-dot.connected{animation:chef-pulse 2s infinite;background:#10b981;box-shadow:0 0 8px #10b98180}.chef-page-container .status-dot.disconnected{background:#ef4444}@keyframes chef-pulse{0%,to{opacity:1}50%{opacity:.5}}.chef-page-container .batch-btn{background:#fbbf24;color:#000}.chef-page-container .batch-btn,.chef-page-container .voice-toggle-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;height:44px;justify-content:center;width:44px}.chef-page-container .voice-toggle-btn{transition:all .2s}.chef-page-container .voice-toggle-btn.voice-on{background:#10b981;color:#fff}.chef-page-container .voice-toggle-btn.voice-off{background:#6b7280;color:#d1d5db}.chef-page-container .voice-toggle-btn:hover{opacity:.9;transform:scale(1.05)}.chef-page-container .voice-toggle-btn svg{height:20px;width:20px}.chef-page-container .wastage-btn{align-items:center;background:#ef4444;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;height:44px;justify-content:center;width:44px}.chef-page-container .batch-btn svg,.chef-page-container .wastage-btn svg{height:20px;width:20px}.chef-page-container .zone-filters{background:#0a0a0a!important;display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px 8px}.chef-page-container .zone-btn{align-items:center;background:#1a1a1a;border:1px solid #2f2f2f;border-radius:8px;color:#ccc;cursor:pointer;display:flex;font-family:Roboto;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s}.chef-page-container .zone-btn:hover{background:#222;border-color:#444}.chef-page-container .zone-btn.active{background:#fbbf24;border-color:#fbbf24;color:#111}.chef-page-container .zone-metric{font-size:11px;opacity:.8}.chef-page-container .chef-search-wrapper{background:#0a0a0a;padding:12px 20px 18px}.chef-page-container .chef-search-container{background:#0a0a0a;border:1px solid #3a3a3a;border-radius:10px;max-width:100%;padding:2px;position:relative;width:100%}.chef-page-container .chef-search-icon{align-items:center;color:#9ca3af;display:flex;justify-content:center;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.chef-page-container .chef-search-input{background:#0a0a0a;border:none;border-radius:8px;color:#f3f4f6;font-size:14px;font-weight:400;height:44px;outline:none;padding:0 44px;transition:all .2s ease;width:100%}.chef-page-container .chef-search-input::placeholder{color:#6b7280;font-weight:400}.chef-page-container .chef-search-input:focus{background:#111;border-color:#4b5563}.chef-page-container .chef-search-clear{align-items:center;background:#374151;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:28px;z-index:2}.chef-page-container .chef-search-clear:hover{background:#4b5563;color:#f3f4f6}.chef-page-container .chef-search-clear:active{transform:translateY(-50%) scale(.95)}.chef-page-container .queue-stats{grid-gap:12px;background:#0a0a0a!important;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:16px 20px}.chef-page-container .stat-card{align-items:center;background:#1a1a1a;border:1px solid #2f2f2f;border-radius:12px;color:#fbbf24;display:flex;gap:12px;padding:16px}.chef-page-container .stat-card svg{flex-shrink:0}.chef-page-container .stat-card>div{flex:1 1}.chef-page-container .stat-value{color:#fff;font-size:24px;font-weight:700;line-height:1;margin-bottom:4px}.chef-page-container .production-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:0 20px 20px}.chef-page-container .empty-state{align-items:center;color:#666;display:flex;flex-direction:column;gap:12px;grid-column:1/-1;justify-content:center;padding:60px 20px;text-align:center}.chef-page-container .empty-state svg{margin-bottom:16px;opacity:.5}.chef-page-container .empty-state h2{color:#999;font-size:20px;margin:0 0 8px}.chef-page-container .empty-state p{color:#666;font-size:14px;margin:0}.chef-page-container .production-card{align-items:center;background:#0a0a0a;border:1px solid #3a3a3a;border-left:4px solid #fbbf24;border-radius:16px;display:flex;justify-content:space-between;padding:24px 20px}.chef-page-container .card-header{align-items:flex-start;border-bottom:1px solid #2a2a2a;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.chef-page-container .dish-info{flex:1 1}.chef-page-container .dish-info h3{color:#fff;font-size:18px;font-weight:700;line-height:1.2;margin:0 0 6px}.chef-page-container .zone-badge{background:#fbbf241a;border-radius:6px;color:#fbbf24;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.chef-page-container .quantity-badge{background:#fbbf24;border-radius:8px;color:#111;font-size:20px;font-weight:700;line-height:1;padding:8px 16px}.chef-page-container .card-body{margin-bottom:12px}.chef-page-container .time-info{align-items:center;color:#999;display:flex;gap:8px;margin-bottom:12px}.elapsed-time{font-size:16px;font-weight:600}.chef-page-container .time-normal{color:#10b981}.chef-page-container .time-warning{color:#fbbf24}.chef-page-container .time-critical{animation:pulse-critical 1.5s infinite;color:#ef4444}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.6}}.chef-page-container .lock-badge{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:12px;padding:6px 10px}.chef-page-container .batch-details{display:flex;flex-direction:column;gap:6px}.chef-page-container .detail-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.chef-page-container .detail-item .label{color:#999}.chef-page-container .detail-item .value{color:#fff;font-weight:600}.chef-page-container .card-footer{border-top:1px solid #2a2a2a;padding-top:12px}.chef-page-container .waiter-note{color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.chef-order-card{border:1px solid #374151;border-left:.2rem solid #fbbf24;border-radius:12px;padding:14px 16px}.chef-dish-layout{align-items:center;display:flex;justify-content:space-between;width:100%}.chef-dish-name-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:8px}.chef-dish-name{color:#fff;font-size:26px;font-weight:700;letter-spacing:-.3px;margin:0;text-align:left}.chef-customizations{color:#e2e8f0;list-style:disc;margin:6px 0 0;padding-left:18px;text-align:left}.chef-customization-item{font-size:13px;line-height:1.45;margin-bottom:4px}.chef-customization-item:last-child{margin-bottom:0}.chef-timer-display{align-items:center;color:#ef4444;display:flex;font-size:14px;font-weight:600;gap:6px}.chef-dish-quantity{color:#fbbf24;font-size:26px;font-weight:800;margin-left:16px;min-width:60px;text-align:right}.chef-order-card.chef-status-placed{border-left-color:#3b82f6}.chef-order-card.chef-status-in_progress{border-left-color:#f97316}.chef-order-card.chef-status-preparing{border-left-color:#fbbf24}.chef-order-card.chef-status-ready{border-left-color:#10b981}.chef-order-card.chef-status-completed{border-left-color:#6b7280}.chef-order-card.chef-urgent{background:#dc26260d;border-color:#dc2626}.chef-order-card.chef-warning{background:#f59e0b0d;border-color:#f59e0b}.chef-order-header{align-items:center;display:flex;justify-content:space-between}.chef-order-info{align-items:flex-start;display:flex;flex-direction:column;gap:4px;margin:0;padding:0}.chef-order-info h3{color:#fff;font-size:18px;margin:0 0 .5rem}.chef-table-info{align-items:center;color:#ccc;display:flex;font-size:14px;gap:6px;margin:0 0 .5rem}.chef-order-items{margin-bottom:8px;margin-top:4px}.chef-order-list-heading{color:#fff;font-weight:700;margin:0 0 8px;text-align:left}.chef-order-item-empty{color:#888;padding:8px 0;text-align:left}.chef-order-item{margin-bottom:6px;padding:8px 0}.chef-order-items .chef-order-item+.chef-order-item{border-top:1px solid #ffffff1f}.chef-item-main .chef-item-name{color:#9eb7a8}.chef-item-customizations{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.chef-customization.chef-badge{background:#333;border:1px solid #444;border-radius:6px;color:#fff;font-size:11px;padding:2px 6px}.chef-newly-added-badge{animation:chefFadeInBounce .5s ease-out;background:#3b82f6;border-radius:12px;color:#111;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 10px;text-transform:uppercase}@keyframes chefFadeInBounce{0%{opacity:0;transform:scale(.8) translateY(-4px)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1) translateY(0)}}.chef-special-requests{margin-bottom:8px;margin-top:8px}.chef-special-requests-title{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px}.chef-special-requests-bar{align-items:center;background:#2a1f1f;border:1px solid #3b1f1f;border-radius:8px;color:#fecaca;display:flex;gap:6px;padding:6px 8px}.chef-status-row{align-items:center;display:flex;gap:8px;margin-top:6px}.chef-status-pill{background:#fbbf24;border-radius:.3rem;color:#111;display:inline-block;font-size:12px;font-weight:700;padding:.1rem 10px 2px}.chef-order-actions{margin-top:10px}.chef-action-button.chef-primary{align-items:center;background:#0000;border:.08rem solid #6e7d94;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;padding:12px 0;width:100%}.chef-action-button.chef-primary.chef-variant-mark-ready{border-color:#e4b63f}.chef-order-card.chef-status-placed .chef-action-button.chef-primary{border-color:#6c9ae4}.chef-order-card.chef-status-in_progress .chef-action-button.chef-primary{border-color:#f97316;color:#fdba74}.chef-order-card.chef-status-preparing .chef-action-button.chef-primary{border-color:#fbbf24;color:#fde68a}.chef-order-card.chef-status-ready .chef-action-button.chef-primary{border-color:#10b981;color:#6ee7b7}.chef-order-card.chef-status-completed .chef-action-button.chef-primary{border-color:#6b7280;color:#9ca3af}.chef-action-button.chef-primary:disabled{cursor:default;opacity:.6}.chef-spinning{animation:chefSpin 1s linear infinite}@keyframes chefSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chef-batch-overlay{align-items:flex-end;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.chef-batch-modal{background:#181711;border:1px solid #2a2a2a;border-top-left-radius:18px;border-top-right-radius:18px;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.chef-batch-modal-header{align-items:center;border-bottom:1px solid #2c2c2c;display:flex;justify-content:space-between;padding:18px 24px}.chef-batch-modal-header h2{color:#fff;font-size:20px;margin:0}.chef-batch-close{background:#ffffff14;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;height:36px;width:36px}.chef-batch-modal-scroll{-ms-overflow-style:none;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding:1.5rem .8rem;scrollbar-width:none}.chef-batch-modal-scroll::-webkit-scrollbar,.chef-batch-modal-scroll::-webkit-scrollbar-track{display:none}.chef-batch-modal-scroll::-webkit-scrollbar-thumb,.chef-batch-modal-scroll::-webkit-scrollbar-thumb:hover{display:none}.chef-batch-modal-scroll::-webkit-scrollbar-corner{display:none}.chef-batch-item{background:#0000;border:1px solid #374151;border-radius:10px;padding:1rem;position:relative}.chef-batch-item:before{background:#fbbf24;border-bottom-left-radius:10px;border-top-left-radius:10px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.chef-batch-item.chef-accent-empty:before{background:#dc2626}.chef-batch-item.chef-accent-active:before{background:#fbbf24}.chef-batch-item-head{margin-bottom:12px}.chef-batch-item-left{flex:1 1;text-align:left}.chef-batch-item-title{color:#fff;font-size:16px;font-weight:600;line-height:1.2;margin-bottom:6px;text-align:left}.chef-batch-item-servings-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.chef-batch-remaining{color:#fbbf24;font-size:24px;font-weight:700;line-height:1}.chef-batch-remaining.chef-zero{color:#ef4444}.chef-batch-item-sub{font-size:13px}.chef-batch-item-meta,.chef-batch-item-sub{color:#9ca3af;line-height:1.3;margin:0;text-align:left}.chef-batch-item-meta{font-size:12px}.chef-batch-actions{display:flex;gap:0;margin-top:16px}.chef-batch-start-btn{align-items:center;background:#f9c806;border:none;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:1;padding:12px 16px}.chef-batch-start-btn:hover{filter:brightness(1.05)}.chef-batch-size-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:2100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chef-batch-size-modal{animation:slideUp .3s ease-out;background:#181711;border:1px solid #3a3a3a;border-radius:12px;max-width:420px;padding:1rem;width:90%}.chef-batch-size-header{margin-bottom:24px;text-align:center}.chef-batch-size-header h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 12px}.chef-batch-size-subtitle{color:#ccc;font-size:15px;margin:0}.chef-batch-size-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.chef-batch-size-btn{background:#fbbf24;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:700;padding:16px 20px;transition:filter .15s ease;width:100%}.chef-batch-size-btn:active{transform:scale(.98)}.chef-batch-size-btn.chef-custom,.chef-batch-size-btn.chef-large,.chef-batch-size-btn.chef-medium,.chef-batch-size-btn.chef-small{background:#fbbf24;color:#000}.chef-batch-size-footer{margin-top:16px;text-align:center}.chef-batch-cancel-btn{background:#0000;border:1px solid #666;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 0;transition:all .15s ease;width:100%}.chef-batch-cancel-btn:hover{background:#ffffff0d;border-color:#888}.chef-custom-batch-input{background:#181711;border:1px solid #444;border-radius:8px;margin:0 0 16px;padding:20px}.chef-custom-batch-input label{color:#fff;display:block;font-size:15px;font-weight:600;margin-bottom:12px;text-align:center}.chef-custom-input-group{align-items:center;display:flex;gap:8px}.chef-custom-input-group input{background:#1a1a1a;border:2px solid #888;border-radius:6px;color:#fff;flex:1 1;font-size:15px;min-width:0;padding:12px 14px}.chef-custom-input-group input:focus{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf2433;outline:none}.chef-custom-input-group input::placeholder{color:#666}.chef-create-custom-batch-btn{background:#444;border:none;border-radius:6px;color:#ccc;cursor:pointer;font-size:15px;font-weight:700;padding:12px 20px;transition:all .15s ease;white-space:nowrap}.chef-create-custom-batch-btn:hover:not(:disabled){background:#555;color:#fff}.chef-create-custom-batch-btn:disabled{background:#333;color:#666;cursor:not-allowed;opacity:.5}body.app-global.chef-pov-active{background-color:#2c2c2c!important}body.chef-pov-active::-webkit-scrollbar{background:#0000;width:10px}body.chef-pov-active::-webkit-scrollbar-track{background:#0000}body.chef-pov-active::-webkit-scrollbar-thumb{background:#ffffff26;background-clip:content-box;border:2px solid #0000;border-radius:8px}body.chef-pov-active::-webkit-scrollbar-thumb:hover{background:#ffffff40;background-clip:content-box}@media (max-width:600px){.chef-page-container .chef-header{padding:14px 16px}.chef-page-container .header-top{align-items:flex-start;flex-direction:column;gap:6px}.chef-page-container .header-meta{gap:6px;margin-left:0;text-align:left}.chef-page-container .header-main{flex-wrap:wrap;gap:12px}.chef-page-container .header-title{flex:1 1 auto}.chef-page-container .header-actions{flex:0 0 auto;gap:10px;justify-content:flex-end}.chef-page-container .batch-btn,.chef-page-container .wastage-btn{height:42px;width:42px}.chef-page-container .zone-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:12px 16px 8px}.chef-page-container .zone-btn{flex-shrink:0;font-size:13px;padding:8px 14px;white-space:nowrap}.chef-page-container .zone-metric{font-size:11px}.chef-page-container .search-container{padding:8px 16px 12px}.chef-page-container .search-input{font-size:15px;padding:12px 40px}.chef-page-container .search-container svg{left:26px}.chef-page-container .clear-search{right:24px}.chef-page-container .queue-stats{gap:10px;grid-template-columns:repeat(3,1fr);padding:12px 16px}.chef-page-container .stat-card{align-items:center;flex-direction:row;gap:10px;justify-content:space-between;padding:14px 12px}.chef-page-container .stat-card svg{flex-shrink:0;height:24px;order:1;width:24px}.chef-page-container .stat-card>div{flex:1 1;order:2;text-align:right}.chef-page-container .stat-value{font-size:28px;font-weight:700;line-height:1;margin-bottom:2px}.chef-page-container .stat-label{font-size:10px;letter-spacing:.5px;opacity:.9;text-transform:uppercase}.chef-page-container .production-grid{gap:14px;grid-template-columns:1fr;padding:0 16px 20px}.chef-page-container .production-card{padding:18px 14px}.chef-page-container .chef-dish-name{font-size:22px;font-weight:700;letter-spacing:-.3px}.chef-page-container .chef-dish-quantity{font-size:22px;font-weight:800}.chef-page-container .chef-timer-display{font-size:13px;font-weight:600}.chef-page-container .chef-timer-display svg{height:13px;width:13px}.chef-page-container .chef-customization-tag{font-size:11px;font-weight:500;padding:3px 7px}.chef-page-container .empty-state{padding:60px 20px}.chef-page-container .empty-state svg{height:64px;width:64px}.chef-page-container .empty-state h2{font-size:20px}.chef-page-container .empty-state p{font-size:15px}.chef-batch-modal{border-radius:20px 20px 0 0;height:90vh;max-height:90vh;max-width:100%}.chef-batch-modal-header{padding:18px 20px}.chef-batch-modal-header h2{font-size:20px}.chef-batch-close{height:36px;width:36px}.chef-batch-modal-scroll{gap:14px}.chef-batch-item-title{font-size:17px}.chef-batch-remaining{font-size:28px}.chef-batch-item-sub{font-size:14px}.chef-batch-item-meta{font-size:13px}.chef-batch-start-btn{font-size:15px;padding:14px 16px}.chef-batch-size-modal{max-width:92%}.chef-batch-size-header h3{font-size:20px}.chef-batch-size-subtitle{font-size:15px}.chef-batch-size-btn{font-size:16px;padding:16px 20px}.chef-custom-batch-input label{font-size:15px}.chef-custom-input-group input{font-size:16px;padding:12px 14px}.chef-create-custom-batch-btn{font-size:15px;padding:12px 18px}.chef-batch-cancel-btn{font-size:16px;padding:12px}}@media (max-width:375px){.chef-page-container .header-title h1{font-size:19px}.chef-page-container .batch-btn,.chef-page-container .wastage-btn{height:40px;width:40px}.chef-page-container .zone-btn{font-size:11px;padding:6px 10px}.chef-page-container .queue-stats{gap:8px;padding:10px 14px}.chef-page-container .stat-card{gap:8px;padding:12px 8px}.chef-page-container .stat-card svg{height:20px;width:20px}.chef-page-container .stat-value{font-size:24px}.chef-page-container .stat-label{font-size:9px}.chef-page-container .chef-dish-name,.chef-page-container .chef-dish-quantity{font-size:20px}.chef-page-container .chef-timer-display{font-size:12px}.chef-page-container .chef-customization-tag{font-size:10px;padding:3px 6px}.chef-page-container .production-card{padding:16px 12px}}@media (max-height:600px) and (orientation:landscape){.chef-page-container .chef-header{gap:10px;padding:10px 16px}.chef-page-container .header-main{align-items:center;flex-direction:row;gap:14px}.chef-page-container .production-grid{padding:0 16px 16px}.chef-batch-modal{max-height:85vh}}@media (prefers-reduced-motion:reduce){.chef-page-container .chef-pulse,.chef-page-container .chef-pulse-critical,.chef-page-container .spin{animation:none}.chef-page-container *{transition:none!important}}@media (max-width:600px){.chef-page-container .header-top{flex-wrap:nowrap!important}.chef-page-container .brand-group{flex-shrink:0}.chef-page-container .brand-name{font-size:24px}}@media (max-width:400px){.chef-page-container .brand-name{font-size:20px}}@media (max-width:600px){.chef-page-container .empty-state{min-height:60vh;padding:80px 20px}.chef-page-container .empty-state svg{height:80px!important;margin-bottom:24px;width:80px!important}.chef-page-container .empty-state h2{font-size:22px}.chef-page-container .empty-state p{font-size:16px}}.wpov-pq-root{background:#111;border:none}@keyframes pickupCardFadeOut{0%{margin-bottom:12px;max-height:500px;opacity:1;transform:translateX(0) scale(1)}50%{opacity:.3;transform:translateX(20px) scale(.98)}to{margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:translateX(40px) scale(.95)}}.wpov-pq-item.card-removing{animation:pickupCardFadeOut .5s ease-out forwards;overflow:hidden;pointer-events:none}.wpov-pq-card{background:#000;margin-bottom:16px}.wpov-pq-title{font-size:1.125rem;justify-content:space-between;margin:0 0 12px}.wpov-pq-header-actions,.wpov-pq-title{align-items:center;display:flex;gap:8px}.wpov-pq-header-actions{justify-content:flex-end;margin:0 0 8px}.wpov-history-toggle{background:#111827;border:1px solid #374151;border-radius:6px;color:#e5e7eb;cursor:pointer;font-size:1.125rem;font-weight:700;padding:6px 10px}.wpov-history-toggle:hover{background:#1f2937}.wpov-pq-icon{height:20px;width:20px}.wpov-pq-gold{color:gold}.wpov-pq-green{color:#38a169}.wpov-pq-empty{align-items:center;color:#eaeaea;display:flex;flex-direction:column;justify-content:center;min-height:200px;opacity:.6;padding:32px;text-align:center}.wpov-pq-empty-icon{height:48px;margin-bottom:8px;width:48px}.wpov-pq-list{display:flex;flex-direction:column;gap:12px}.wpov-pq-item{background:#000;border:1px solid #4b5563;border-left:4px solid #eab308;border-radius:8px;padding:12px;transition:all .5s ease}.wpov-pq-item.urgent{border-left:4px solid #e53e3e}.wpov-pq-order-meta{margin:8px 0;width:100%}.wpov-pq-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;width:100%}.wpov-pq-stat{background:#0b0b0b;border:1px solid #2f3237;border-radius:8px;box-sizing:border-box;flex:1 1;padding:5px 12px}.wpov-pq-stat-label{color:#cbd5e1;font-size:12px;margin-bottom:4px;opacity:.8}.wpov-pq-stat-value{color:#e5e7eb;font-size:24px;font-weight:700}.wpov-orange .wpov-pq-stat-value{color:#f59e0b}.wpov-green .wpov-pq-stat-value{color:#22c55e}.wpov-blue .wpov-pq-stat-value{color:#60a5fa}.wpov-gray .wpov-pq-stat-value{color:#9ca3af}.wpov-pq-items-col{display:flex;flex-direction:column;gap:8px;margin-top:6px;width:100%}.wpov-line-item{align-items:center;background:#0a0a0a;border:1px solid #2f3237;border-radius:8px;box-sizing:border-box;display:flex;justify-content:space-between;padding:8px;width:100%}.wpov-line-left{align-items:center;display:flex;gap:10px}.wpov-item-name{color:#fff;font-weight:600}.wpov-item-qty{color:#cbd5e1;font-size:12px}.wpov-deliver-section{display:flex;flex-direction:column;gap:10px;text-align:left}.wpov-deliver-head{align-items:center;display:flex;gap:8px;text-align:left}.wpov-deliver-head-title{color:#e5e7eb;font-weight:800;text-align:left}.wpov-deliver-head-sub{color:#9ca3af;font-size:12px;text-align:left}.wpov-deliver-list{display:flex;flex-direction:column;gap:8px}.wpov-deliver-row{grid-gap:12px;align-items:center;background:#0a0a0a;border:none;border-radius:10px;color:#e5e7eb;cursor:default;display:grid;gap:12px;grid-template-columns:1fr auto;padding:12px;text-align:left;transition:background-color .2s ease}.wpov-deliver-row:hover{background:#1a1a1a}.wpov-deliver-row.inhand,.wpov-deliver-row.ready{background:#0a0a0a;border-color:#374151}.wpov-deliver-row.selected.inhand,.wpov-deliver-row.selected.ready{background:#0a0a0a;border-color:#374151;box-shadow:none}.wpov-deliver-check{border:2px solid #64748b;border-radius:999px;height:18px;position:relative;width:18px}.wpov-deliver-check.checked{background:#16a34a;border-color:#16a34a;box-shadow:0 0 0 2px #22c55e59}.wpov-deliver-check.checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.wpov-deliver-name{font-weight:700;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.wpov-status-pill{border-radius:999px;flex-shrink:0;font-size:10px;font-weight:700;padding:4px 8px;white-space:nowrap}.wpov-status-pill.ready_on_pass{background:#22c55e26;border:1px solid #22c55e59;color:#22c55e}.wpov-status-pill.in_hand{background:#60a5fa26;border:1px solid #60a5fa59;color:#60a5fa}.wpov-status-pill.served{background:#94a3b833;border:1px solid #94a3b859;color:#94a3b8}.wpov-status-pill.in_kitchen{background:#f59e0b26;border:1px solid #f59e0b59;color:#f59e0b}.wpov-deliver-qty{color:#cbd5e1;font-size:12px;text-align:left}.wpov-deliver-pill{border-radius:999px;font-size:10px;font-weight:800;padding:4px 8px}.wpov-deliver-pill.ready{background:#22c55e26;border:1px solid #22c55e59;color:#22c55e}.wpov-deliver-pill.inhand{background:#3b82f626;border:1px solid #3b82f659;color:#60a5fa}.wpov-deliver-footer{align-items:center;border-top:1px solid #374151;display:flex;justify-content:space-between;margin-top:12px;padding:16px 4px 4px}.wpov-selected-count{color:#9ca3af;flex:1 1;font-size:14px;text-align:left}.wpov-selected-count-inline{color:#9ca3af;font-size:12px;white-space:nowrap}.modal-actions{gap:12px}.modal-actions .ab-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;min-width:120px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.modal-actions .ab-btn:hover{box-shadow:0 2px 8px #0003;transform:none}.modal-actions .ab-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.wpq-deliver-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;inset:0;bottom:0;display:flex;height:100vh;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;width:100vw;z-index:9998}.wpq-deliver-modal-container{background:#181711;border:1px solid #374151;border-radius:12px;box-shadow:0 8px 28px -4px #0000008c;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow-y:auto;padding:24px 28px;width:100%}.wpq-deliver-modal-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:12px;position:relative}.wpq-deliver-modal-header:after{background-color:#374151;bottom:-1px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:600px}.wpq-deliver-modal-title{color:#eaeaea;font-size:22px;font-weight:800;margin:0}.wpq-deliver-modal-close{background:#0000;border:none;color:#cbd5e1;cursor:pointer;font-size:26px;line-height:1;position:absolute;right:16px;top:16px;transition:transform .12s ease,color .12s ease;z-index:10}.wpq-deliver-modal-close:hover{color:#fff;transform:scale(1.08)}.wpq-deliver-modal-body{display:flex;flex:1 1;flex-direction:column;font-size:16px;gap:18px;overflow-y:auto}.wpq-deliver-modal-body p{font-size:17px;line-height:1.5;margin:0}.wpq-deliver-modal-footer{align-items:center;border-top:1px solid #181711;display:flex;flex-shrink:0;justify-content:space-between;margin-top:12px;padding:16px 4px 4px}.wpq-deliver-modal-actions{display:flex;gap:12px;justify-content:flex-end;width:100%}.wpq-deliver-selected-count{color:#9ca3af;font-size:12px;white-space:nowrap}.wpq-deliver-undo-btn{background:#111827;border:1px solid #374151;border-radius:6px;color:#e5e7eb;cursor:pointer;font-size:12px;font-weight:700;padding:6px 10px;transition:background-color .2s}.wpq-deliver-undo-btn:hover{background:#1f2937}.wpq-deliver-cancel-btn{background:#3a3627;color:#e5e7eb}.wpq-deliver-cancel-btn,.wpq-deliver-confirm-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;min-width:120px;padding:12px 20px;white-space:nowrap}.wpq-deliver-confirm-btn{background:#fbbf24;color:#000;transition:all .2s ease}.wpq-deliver-confirm-btn:disabled{cursor:not-allowed;opacity:.5}.wpov-mark-all-btn:hover{background-color:#f59e0b!important;box-shadow:0 2px 8px #fbbf244d;transform:none}.wpov-deliver-qty-controls input[type=number]{background:#0a0a0a!important;border:1px solid #0a0a0a!important;border-radius:4px!important;color:#fff!important;font-weight:600!important;text-align:center!important}.wpov-deliver-qty-controls input[type=number]:focus{border-color:#4b5563!important;box-shadow:0 0 0 2px #4b556333!important;outline:none!important}.wpov-deliver-qty-controls input[type=number]::-webkit-inner-spin-button,.wpov-deliver-qty-controls input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}.wpov-deliver-qty-controls input[type=number]{-webkit-appearance:textfield!important;appearance:textfield!important}.wpov-deliver-row{border-radius:6px;margin-bottom:2px;transition:all .2s ease}.wpov-deliver-row:hover{background-color:#fbbf240d;transform:none}.wpov-deliver-row.selected{background-color:#0a0a0a;border-color:#374151}.wpov-deliver-list .wpov-deliver-qty-controls{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}.wpov-pq-item-top{align-items:flex-start;display:flex;justify-content:space-between}.wpov-pq-item-left{flex:1 1;max-width:100%;width:100%}.wpov-pq-item-header{align-items:center;display:flex;gap:8px}.wpov-pq-pending-pill{background:#fbbf2426;border:1px solid #fbbf2459;border-radius:999px;color:#fbbf24;font-size:10px;font-weight:800;padding:4px 8px}.wpov-pq-item-title{color:#fff;font-weight:600;margin:0 0 0 12px;padding-top:10px}.wpov-pq-item-table{color:gold;font-size:1.125rem;font-weight:700;margin:0 0 6px;text-align:left}.wpov-pq-item-meta{text-align:right}.wpov-pq-elapsed{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin-top:6px}.wpov-pq-kitchen{border:1px solid;border-radius:20px;display:inline-block;font-size:.75rem;margin-bottom:6px;padding:4px 8px}.wpov-pq-kitchen.grill{background:#fee2e2;border-color:#fecaca;color:#7f1d1d}.wpov-pq-kitchen.cold{background:#dbeafe;border-color:#bfdbfe;color:#1e3a8a}.wpov-pq-kitchen.hot{background:#fff7ed;border-color:#ffedd5;color:#9a3412}.wpov-pq-kitchen.default{background:#3a3627;border-color:#374151;color:#fff}.wpov-pq-wait{align-items:center;display:flex;gap:6px;margin-left:30px;margin-top:6px}.wpov-pq-small{height:14px;width:14px}.wpov-pq-urgent-text{color:#e53e3e;font-weight:700}.wpov-pq-ack{align-items:center;background:gold;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:8px;justify-content:center;margin-top:12px;padding:12px;transition:background .3s ease;width:100%}.wpov-pq-ack:hover{background:#ffc700}.wpov-pq-confirm{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:8px;justify-content:center;margin-top:12px;padding:12px;transition:background .3s ease;width:100%}.wpov-pq-confirm,.wpov-pq-confirm:hover{background:#25c35e}.wpov-pq-btn-icon{height:16px;width:16px}.wpov-pq-on-delivery{background:#000;border-left:4px solid #25c35e}.wpov-pq-green-text{color:#25c35e;font-weight:700}.wpov-pq-last{color:#eaeaea;font-size:.85rem;margin-top:6px;opacity:.8}.wpov-pq-delivered{animation:fadeToAsh .5s ease;background:#4b5563;border:1px solid #6b7280;opacity:.5}.wpov-pq-history-pill{background:#22c55e26;border:1px solid #22c55e59;border-radius:999px;color:#22c55e;font-size:10px;font-weight:800;padding:4px 8px}.wpov-pq-ash-text{color:#9ca3af;font-weight:600}@keyframes fadeToAsh{0%{background:#1f3a2e;border-left:6px solid #38a169;opacity:1}to{background:#4b5563;border:1px solid #6b7280;opacity:.5}}@media (max-width:559px){.wpov-pq-card{padding:12px}.wpov-pq-title{font-size:1rem}.wpov-pq-icon{height:18px;width:18px}.wpov-pq-item{padding:10px}.wpov-pq-item-table{font-size:1rem}.wpov-pq-item-title{font-size:.95rem}.wpov-pq-kitchen{font-size:.7rem;padding:3px 6px}.wpov-pq-wait{margin-left:0}.wpov-pq-ack,.wpov-pq-confirm{font-size:16px;padding:10px}.wpov-pq-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wpov-line-item{padding:8px}.wpov-deliver-row{grid-template-columns:1fr auto}.wpq-deliver-modal-backdrop{align-items:center!important;justify-content:center!important;padding:0!important}.wpq-deliver-modal-container{border-radius:16px;display:flex;flex-direction:column;height:75vh;margin:0;max-height:60vh;max-width:100vw;overflow:hidden;padding:0;width:100vw}.wpq-deliver-modal-header{align-items:center;border-bottom:1px solid #374151;flex-shrink:0;flex-wrap:nowrap;gap:12px;margin-bottom:0;padding:16px!important}.wpq-deliver-modal-title{flex:1 1 100%;font-size:18px!important;margin-bottom:0;order:-1;text-align:left!important;width:100%}.wpq-deliver-modal-header>div{align-items:center;display:flex;gap:8px;justify-content:space-between;order:1;width:100%}.wpq-deliver-selected-count{flex-shrink:0;font-size:11px;order:1}.wpq-deliver-markall-btn{flex-shrink:0;font-size:11px!important;order:2;padding:6px 10px!important}.wpq-deliver-modal-close{flex-shrink:0;font-size:24px;margin-left:auto;order:3;position:static!important;right:auto!important;top:auto!important}.wpq-deliver-undo-btn{display:none!important}.wpq-deliver-modal-header+div{border-bottom:none!important;flex-shrink:0;font-size:15px!important;font-weight:600!important;padding:8px 16px!important}.wpq-deliver-modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;gap:12px;overflow-y:auto;padding:16px}.wpq-deliver-modal-body p{font-size:12px;line-height:1.4;margin-bottom:8px}.wpov-deliver-list{gap:10px}.wpov-deliver-row{border-radius:8px;gap:8px;grid-template-columns:1fr;padding:12px}.wpov-deliver-name{font-size:14px;font-weight:600;white-space:normal;word-break:break-word}.wpov-status-pill{align-self:flex-start;font-size:9px;margin-top:4px;padding:3px 6px}.wpov-deliver-row>div:first-child>div{gap:4px}.wpov-deliver-row>div:first-child>div span{font-size:9px!important;padding:2px 5px!important}.wpov-deliver-qty-controls{justify-content:flex-start!important;margin-top:8px}.wpov-deliver-qty-controls>div{gap:6px!important}.wpov-deliver-qty-controls button{font-size:18px!important;height:32px!important;width:32px!important}.wpov-deliver-qty-controls input{font-size:16px!important;height:32px!important;padding:4px!important;width:50px!important}.wpov-deliver-qty-controls span{font-size:11px!important}.wpq-deliver-modal-footer{background:#181711;border-top:1px solid #374151;flex-shrink:0;margin-top:0;padding:12px 16px}.wpq-deliver-modal-actions{gap:10px;width:100%}.wpq-deliver-cancel-btn,.wpq-deliver-confirm-btn{flex:1 1;font-size:14px!important;min-width:auto!important;padding:12px 16px!important}}@media (max-width:380px){.wpq-deliver-modal-title{font-size:16px!important}.wpq-deliver-selected-count{font-size:10px}.wpq-deliver-markall-btn{font-size:10px!important;padding:5px 8px!important}.wpq-deliver-undo-btn{font-size:10px;padding:5px 8px!important}.wpq-deliver-modal-close{font-size:22px}.wpov-deliver-row{padding:10px}.wpov-deliver-name{font-size:13px}.wpov-deliver-qty-controls button{font-size:16px!important;height:28px!important;width:28px!important}.wpov-deliver-qty-controls input{font-size:14px!important;height:28px!important;width:45px!important}.wpq-deliver-cancel-btn,.wpq-deliver-confirm-btn{font-size:13px!important;padding:10px 12px!important}}@media (max-width:600px){.wpov-pq-empty{min-height:450px;padding:48px 16px}.wpov-pq-empty-icon{height:64px!important;margin-bottom:16px;width:64px!important}.wpov-pq-empty p{font-size:16px;margin:0}}@media (max-width:400px){.wpov-pq-empty{min-height:400px}}:root{--wd-app-max-width:600px;--wd-heading-font:"Inter","Segoe UI",Roboto,Arial,sans-serif;--wd-heading-height:28px;--wd-title-font-size:22px;--wd-title-weight-strong:800;--wd-title-weight:700;--wd-page-title-padding:14px 20px 24px 20px}body.waiter-app-active,body.waiter-app-active #root,body.waiter-app-active .App,html.waiter-app-active,html.waiter-app-active body{background:#2c2c2c!important}body.wd-modal-open{height:100vh!important;overflow:hidden!important}body.wd-modal-open *{animation:none!important;transition:none!important}.wd-root{background:#000;color:#eaeaea;display:flex;flex-direction:column;min-height:100vh;padding-bottom:64px;position:relative}.wd-root .modal-backdrop,.wd-root .tgd-overlay,.wd-root [class*=modal-backdrop],.wd-root [class*=overlay]{bottom:0!important;height:100vh!important;left:0!important;margin:0!important;max-width:none!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;width:100vw!important}.wd-header{background:#000;border-bottom:none;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.wd-header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}@media (max-width:559px){.wd-header-inner{padding:0!important}}.wd-brand{align-items:flex-start;display:flex;flex-direction:column;gap:0;padding:0;width:100%}.wd-brand-title{color:#fff;font-size:2rem;font-weight:700;letter-spacing:.5px;margin:0 0 1rem}.wd-brand-divider{background:#374151;display:block;height:1px;margin:0 0 0 -2rem;width:calc(100% + 4rem)}.wd-brand-sub{align-items:center;color:#9ca3af;display:flex;font-size:22.6px;font-weight:600;gap:12px;justify-content:space-between;margin:1rem 0 0;width:100%}.wd-screen-title{color:#fff;flex-shrink:0;font-weight:600}.wd-header-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.wd-waiter-select{flex-shrink:1;max-width:250px;min-width:0}.wd-title{color:gold;font-size:1.5rem;margin:0}.wd-subtitle{align-items:center;color:#eaeaea;display:flex;font-size:.9rem;gap:8px;margin-top:6px;opacity:.9}.wd-icon-small{height:16px;margin-right:6px;width:16px}.wd-content{flex:1 1;margin:0 auto;max-width:600px;max-width:var(--wd-app-max-width);overflow-y:auto;padding:16px;position:relative;width:100%}.wd-content .modal-backdrop,.wd-content .tgd-overlay,.wd-content [class*=modal-backdrop],.wd-content [class*=overlay]{bottom:0!important;height:100vh!important;left:0!important;margin-left:0!important;margin-right:0!important;max-width:none!important;position:fixed!important;right:0!important;top:0!important;transform:translateX(0)!important;width:100vw!important}.wd-root.dashboard-active .wd-content{overflow-y:hidden}.wd-card{background:#000;border:1px solid #374151;border-radius:8px;margin-bottom:16px;padding:20px}.wd-grid-2>.wd-card{padding:18px}.wd-card-label{color:#eaeaea;font-size:.95rem;font-weight:600;margin:0 0 8px;opacity:.95;text-align:left}.wd-card-stats-row{align-items:center}.wd-card{position:relative}.wd-card-icon{position:absolute;right:12px;top:12px}.wd-card-tight{padding:20px}.wd-card-tight .wd-h3{color:#e5e7eb;font-size:22px;font-weight:700;margin-bottom:12px;margin-top:0;padding-left:12px}.wd-card-top{padding:20px}.wd-card-top .wd-h3{margin-bottom:12px;margin-top:0}.wd-space-y-6>*+*{margin-top:24px}.wd-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.wd-grid-2>.wd-card{margin-bottom:0}.wd-flex-between{align-items:center;display:flex;justify-content:space-between}.wd-muted{color:#eaeaea;margin:0;opacity:.75}.wd-2xl{font-size:1.5rem;font-weight:700;margin:0}.wd-gold,.wd-gold-text{color:gold}.wd-icon-green{color:#38a169;height:32px;width:32px}.wd-icon-gold{color:gold;height:32px;width:32px}.wd-h3{color:#eaeaea;font-size:1.4rem;font-weight:600;margin:0 0 12px}.wd-vertical>*+*{margin-top:12px}.wd-button-outline{align-items:center;background:#2a2a3e;border:1px solid #374151;border-radius:8px;color:#eaeaea;display:flex;font-size:17px;justify-content:space-between;padding:12px;width:100%}.wd-button-outline:hover{background:#3a3a4e}.wd-danger-border{border-color:#ef4444}.wd-success-border{border-color:#25c35e}.wd-card-quick{padding:20px}.wd-card-quick .wd-button-outline{background:#000;padding:14px}.wd-card-quick .wd-button-outline:not(.wd-danger-border):not(.wd-success-border){border-color:#f9c806}.wd-card-quick .wd-button-outline:hover{background:#000}.wd-badge{border-radius:999px;font-weight:700;padding:4px 8px}.wd-danger,.wd-gold,.wd-success{background:#000;border-radius:999px;color:#fff;padding:4px 8px}.wd-task{background:#000;border:1px solid #374151;border-radius:8px;padding:12px}.wd-task-desc{font-size:.95rem}.wd-task-priority{border-radius:6px;color:#fff;padding:4px 8px;text-transform:capitalize}.wd-task-priority.high{background:#ef4444}.wd-task-priority.medium{background:gold;color:#000}.wd-task-priority.low{background:#2563eb}.wd-task-meta{color:#eaeaea;font-size:.8rem;margin-top:8px;opacity:.75;text-align:left}.wd-bottom-nav{background:#000;border:1px solid #374151;border-bottom:none;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 12px #00000040;left:50%;max-width:600px;max-width:var(--wd-app-max-width);padding:6px 12px;position:fixed;transform:translateX(-50%);width:min(100%,600px);width:min(100%,var(--wd-app-max-width))}.wd-nav-buttons{display:flex;gap:12px;justify-content:center}.wd-nav-buttons button{flex:0 1 46%;position:relative}@media (min-width:560px){.wd-nav-buttons{gap:14px;justify-content:center}.wd-nav-buttons button{flex:0 1 46%}}.wd-nav,.wd-nav-active{align-items:center;border-radius:8px;display:flex;flex-direction:column;font-size:.78rem;font-weight:600;gap:4px;justify-content:center;letter-spacing:.25px;padding:12px 0;position:relative}.wd-nav{border:1px solid #0000;opacity:1;transition:background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.wd-nav,.wd-nav:hover{background:#000;color:#fff}.wd-nav:hover{border-color:#0000;box-shadow:none;transform:none}.wd-nav-active{background:#000;border:1px solid #374151;box-shadow:0 6px 14px #00000047;color:#fff;transform:translateY(-1px)}.wd-nav svg,.wd-nav-active svg{stroke-width:1.8;height:18px;width:18px}.wd-badge-small{align-items:center;background:#ef4444;border-radius:999px;box-shadow:0 0 0 2px #000;color:#fff;display:inline-flex;font-size:11px;font-weight:800;height:18px;justify-content:center;line-height:18px;min-width:18px;padding:0 4px;position:absolute;right:6px;top:6px}.wd-pulse{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.modal-backdrop{align-items:center!important;inset:0!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;max-width:none!important;overflow:hidden!important;padding:16px;position:fixed!important;right:0!important;top:0!important;touch-action:none!important;transform:none!important;width:100vw!important;z-index:9998!important}.modal{background:#181711;border:1px solid #374151;border-radius:10px;box-shadow:0 8px 28px -4px #0000008c;max-width:480px;padding:24px 28px;touch-action:auto!important;width:100%}.large-modal{border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:none;max-width:600px;width:min(600px,100vw)}.large-modal .modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.modal-header{margin-bottom:12px;padding-right:34px;position:relative}.modal-title{color:#fff;font-size:22px;font-weight:800;margin:0}.modal-close{background:#0000;border:none;color:#cbd5e1;cursor:pointer;font-size:26px;line-height:1;position:absolute;right:-22px;top:-18px;transition:transform .12s ease,color .12s ease}.modal-close:hover{color:#fff;transform:scale(1.08)}.modal-body{display:flex;flex-direction:column;font-size:16px;gap:18px}.modal-body p{font-size:17px;line-height:1.5;margin:0}.modal-actions{display:flex;gap:16px;margin-top:4px}.modal-actions .ab-btn{font-size:16px;font-weight:700;justify-content:center;padding:16px 18px;text-align:center}.icon{height:18px;width:18px}.sr-modal-backdrop{align-items:center!important;inset:0!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;max-width:none!important;overflow:hidden!important;padding:16px;position:fixed!important;right:0!important;top:0!important;touch-action:none!important;transform:none!important;width:100vw!important;z-index:9998!important}.sr-modal{background:#181711;border:1px solid #374151;border-radius:10px;box-shadow:0 8px 28px -4px #0000008c;max-width:480px;padding:24px 28px;touch-action:auto!important;width:100%}.sr-large-modal{border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:none;max-width:600px;width:min(600px,100vw)}.sr-large-modal .sr-modal-body{-webkit-overflow-scrolling:touch;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.sr-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;padding-right:34px;position:relative}.sr-modal-title{color:#fff;font-size:22px;font-weight:800;margin:0}.sr-modal-close{background:#0000;border:none;color:#cbd5e1;cursor:pointer;font-size:26px;line-height:1;position:absolute;right:-22px;top:-18px;transition:transform .12s ease,color .12s ease}.sr-modal-close:hover{color:#fff;transform:scale(1.08)}.sr-modal-body{display:flex;flex-direction:column;font-size:16px;gap:18px}.sr-modal-body p{font-size:17px;line-height:1.5;margin:0}.ab-section{display:flex;flex-direction:column;gap:12px}.ab-label{color:#eaeaea;display:block;margin-bottom:8px;opacity:.9}.ab-input,.ab-select,.ab-textarea{background:#2a2a3e;border:1px solid #ced4da;border-radius:6px;color:#eaeaea;font-size:14px;max-height:200px;overflow-y:auto;padding:10px 12px;transition:border-color .2s;width:100%}.ab-input:focus,.ab-select:focus,.ab-textarea:focus{border-color:#2196f3;outline:none}.ab-select::-webkit-scrollbar{width:6px}.ab-select::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.ab-select::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.ab-select::-webkit-scrollbar-thumb:hover{background:#999}.ab-textarea{min-height:96px;resize:none}.ab-actions{flex-direction:column;margin-bottom:12px}.ab-actions,.ab-btn{display:flex;gap:8px}.ab-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;font-weight:700;justify-content:flex-start;padding:12px 14px;text-align:left;width:100%}.ab-btn-danger{background:#e53e3e;color:#fff}.ab-btn-green{background:#f9c806;color:#000}.ab-btn-gold{background:gold;color:#000}.ab-btn-blue{background:#2563eb;color:#fff}.ab-btn-purple{background:#7c3aed;color:#fff}.ab-btn-gray{background:#3a3627;color:#fff}.ab-financial{border-top:1px solid #4b5563;display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px}.ab-sub{color:#eaeaea;font-weight:600;margin:8px 0}.ab-discount-summary{background:#1f2333;border:1px solid #303545;border-radius:8px;font-size:.9rem;line-height:1.35;padding:14px 16px 16px}.ab-discount-summary .ab-new-total{color:#38a169;display:block;font-size:1rem;font-weight:700;margin-top:6px}.ab-status-box{background:#2a2a3e;border:1px solid #4b5563;border-radius:8px;color:#eaeaea;padding:12px}.ab-note{color:#eaeaea;opacity:.75}.ab-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.ab-icon{height:18px;width:18px}.sr-card{background:#000;border:1px solid #374151;border-radius:8px;margin-bottom:16px;padding:16px}.sr-title{align-items:center;color:#eaeaea;display:flex;font-size:1.125rem;gap:8px;margin:0 0 12px}.sr-icon{height:18px;width:18px}.sr-icon-small{height:14px;width:14px}.sr-red{color:#e53e3e}.sr-yellow{color:#fbbf24}.sr-blue{color:#60a5fa}.sr-gray{color:#9ca3af}.sr-green{color:#38a169}.sr-empty{color:#eaeaea;opacity:.6;padding:32px;text-align:center}.sr-empty-icon{height:48px;margin-bottom:8px;width:48px}.sr-list{display:flex;flex-direction:column;gap:12px}.sr-item{background:#000;border:1px solid #374151;border-left:4px solid #f9c806;border-radius:8px;padding:12px}.sr-escalated{border-left-color:#e53e3e}.sr-item-top{align-items:flex-start;display:flex;justify-content:space-between}.sr-item-header{align-items:center;display:flex;gap:8px}.sr-table{color:#eaeaea;font-size:1.125rem;font-weight:700}.sr-escalated-badge{background:#e53e3e;border-radius:999px;color:#fff;font-size:.75rem;font-weight:700;margin-left:8px;padding:4px 8px}.sr-reason{color:#eaeaea;margin-top:8px}.sr-meta{text-align:right}.sr-age{color:#eaeaea;opacity:.75}.sr-urgent{color:#e53e3e;font-weight:700}.sr-priority-label{color:#eaeaea;font-weight:600;text-transform:capitalize}.sr-accept{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;margin-top:8px;padding:12px;width:100%}.sr-accept-gold{background:gold;color:#000}.sr-accept-danger{background:#e53e3e;color:#fff}.sr-active-item{background:#000;border:1px solid #2f855a;border-left:4px solid #25c35e;border-radius:8px;padding:12px}.sr-active-header,.sr-clear{align-items:center;display:flex;gap:8px}.sr-clear{background:#38a169;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;justify-content:center;margin-top:8px;padding:12px;width:100%}.chat-message-item{background:#000;border:1px solid #374151;border-radius:8px;margin-bottom:8px;padding:12px}.chat-message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.chat-unread-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.chat-message-preview{color:#aaa;font-size:13px;margin:8px 0}.chat-row{display:flex;margin-bottom:10px}.chat-row.customer{justify-content:flex-start}.chat-row.waiter{justify-content:flex-end}.chat-row.compact{margin-bottom:6px}.chat-bubble{border:1px solid #0000;border-radius:14px;box-shadow:0 2px 6px #00000026;max-width:78%;padding:.5rem .5rem .5rem 1rem;white-space:pre-wrap;word-break:break-word}.chat-bubble.customer{background:#2a2a2a;border-bottom-left-radius:4px;border-bottom-right-radius:.5rem;border-color:#3f3f46;border-top-left-radius:6px;border-top-right-radius:.5rem;color:#fff}.chat-bubble.waiter{background:#1e3a2a;border-bottom-left-radius:.5rem;border-bottom-right-radius:4px;border-color:#065f46;border-top-left-radius:.5rem;border-top-right-radius:6px;color:#fff}.chat-row.customer .chat-bubble{margin-left:6px}.chat-row.waiter .chat-bubble{margin-right:6px}.chat-bubble-text{font-size:14px;line-height:1.4;margin:0}@media (max-width:559px){.wd-root{padding-bottom:64px}.wd-brand{padding:14px 16px}.wd-brand-title{font-size:24px!important;margin-bottom:1rem!important;padding-left:0!important}.wd-brand-sub{align-items:center!important;display:flex!important;flex-direction:row!important;font-size:18px!important;gap:12px!important;justify-content:space-between!important;padding-left:0!important}.wd-header-actions,.wd-screen-title{flex-shrink:0!important}.wd-header-actions{align-items:center!important;display:flex!important;gap:8px!important;margin-left:auto!important}.wd-waiter-select{flex-shrink:1!important;font-size:12px!important;margin-left:0!important;margin-right:0!important;max-width:135px!important;min-width:0!important;overflow:hidden!important;padding:6px 10px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.wd-grid-2{gap:12px;grid-template-columns:repeat(2,1fr)}.wd-grid-2>.wd-card{margin-bottom:0}.wd-card{margin-bottom:12px;padding:12px}.wd-card-label{font-size:14px!important}.wd-2xl{font-size:20px!important}.wd-h3{font-size:18px!important}.wd-title{font-size:20px!important}.wd-muted,.wd-subtitle{font-size:14px!important}.wd-button-outline{font-size:15px!important}.wd-button-outline,.wd-task{padding:10px!important}.wd-task-desc{font-size:14px!important}.wd-task-meta,.wd-task-priority{font-size:12px!important}.wd-badge,.wd-danger,.wd-gold,.wd-success{font-size:12px!important;padding:3px 6px!important}.wd-card-tight{padding:16px}.wd-card-top .wd-h3{margin-bottom:6px;margin-top:6px}.wd-space-y-6>*+*{margin-top:16px!important}.wd-vertical>*+*{margin-top:8px!important}.wd-bottom-nav{border-radius:12px 12px 0 0;left:50%;max-width:100%;padding:6px 10px;transform:translateX(-50%);width:100%}.wd-nav,.wd-nav-active{border-radius:8px;font-size:13px!important;padding:10px 0}.wd-nav svg,.wd-nav-active svg{height:16px;width:16px}.wd-badge-small{font-size:11px!important;height:18px!important;right:4px;top:4px;width:18px!important}.modal{font-size:14px!important;margin:0 16px;max-width:94%}.modal-title{font-size:18px!important;font-weight:800}.modal-body p{font-size:15px!important;line-height:1.4}.modal-actions .ab-btn{font-size:14px!important;font-weight:700}.modal-close{font-size:22px!important;right:12px;top:12px}.sr-card{margin-bottom:12px;padding:12px}.sr-table,.sr-title{font-size:1rem}.sr-active-item,.sr-item{padding:10px}.sr-accept,.sr-clear{font-size:14px;padding:10px}}.tg-grid{grid-gap:24px 16px;box-sizing:border-box;display:grid;gap:24px 16px;grid-template-columns:repeat(2,1fr);justify-items:center;margin:2rem 0 1rem;max-width:100%;padding:20px 40px}.tg-card{align-items:flex-start;border:none;border-radius:.3rem;box-shadow:0 2px 6px #00000026;cursor:pointer;display:flex;flex-direction:column;height:150px;justify-content:space-between;margin-bottom:5rem;margin-top:1rem;max-width:150px;min-width:130px;padding:14px;position:relative;text-align:left;transition:transform .15s ease;width:100%}.tg-card:hover{transform:none}.tg-empty-center{color:#fff;font-size:18px;font-weight:700;height:100%;justify-content:center;text-align:center;width:100%}.tg-empty-center,.tg-header{align-items:center;display:flex}.tg-header{justify-content:space-between;margin-bottom:6px;min-height:24px}.tg-title{font-size:1.125rem;font-weight:700}.tg-icon{display:none}.tg-table-name{align-items:center;color:#fff!important;display:flex;font-size:18px;font-weight:600;justify-content:space-between;line-height:1.2;margin:0 0 2px;text-align:left;width:100%}.tg-table-icon{align-items:center;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;margin-left:6px;width:20px}.tg-table-icon svg{display:block;height:18px;width:18px}.tg-table-icon--paid{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 0 1px #ffffffe6;display:flex;height:22px;justify-content:center;width:22px}.tg-table-icon--paid span,.tg-table-icon--paid svg{color:#25c35e}.tg-table-status{color:#fff!important;font-size:15px;font-weight:500;line-height:1.2;margin:0;opacity:.85;text-align:left;width:100%}.tg-table-bottom{align-items:flex-end;display:flex;justify-content:space-between;margin-top:0;width:100%}.tg-table-amount{font-size:18px;font-weight:700}.tg-table-amount,.tg-table-time{color:#fff!important;line-height:1;margin:0}.tg-table-time{font-size:15px;font-weight:500;opacity:.75}.tg-status{font-size:.9rem;font-weight:500;margin:0 0 8px;min-height:20px}.tg-revenue,.tg-status{align-items:center;display:none;display:flex}.tg-revenue{border-top:none;font-weight:700;margin:0;min-height:24px;padding-top:0}.tg-small{height:12px;margin-right:6px;width:12px}.tg-last{display:none}.tg-last-meta{font-weight:600}.tg-available{background:#4b5563;border:1px solid #6b7280;color:#eaeaea}.tg-paid{background:#25c35e;border:1px solid #25c35e;color:#fff}.tg-eating{background:#f9c806;border:1px solid #f9c806;color:#fff}.tg-reserved{background:#2563eb;border:1px solid #2563eb;color:#fff}.tg-issue{background:#ef4444;border:1px solid #ef4444;color:#fff}.tg-default{background:#4b5563;border:1px solid #6b7280;color:#eaeaea}.tg-ash{filter:grayscale(1) saturate(.2);opacity:.72;transition:opacity .18s ease,filter .18s ease,transform .2s ease}.tg-ash:after{background:repeating-linear-gradient(135deg,#ffffff0f,#ffffff0f 6px,#ffffff05 0,#ffffff05 12px);border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute}.tg-ash .tg-revenue,.tg-ash .tg-status,.tg-ash .tg-title{color:#e5e7eb!important}.tg-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.tg-modal{background:#0f172a;border:1px solid #334155;border-radius:12px;box-shadow:0 8px 24px #0006;color:#f1f5f9;max-width:90%;padding:14px 16px;width:300px}.tg-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tg-modal-header h3{font-size:16px;margin:0}.tg-close{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:20px;line-height:1}.tg-close:hover{color:#f1f5f9}.tg-modal-body{font-size:13px}.tg-loading{padding:20px 0;text-align:center}.tg-error{color:#f87171;font-size:12px;padding:8px 0}.tg-row{display:flex;justify-content:space-between;margin:6px 0}.tg-row.small{font-size:11px;opacity:.75}.tg-actions{display:flex;gap:8px;margin-top:12px}.tg-action-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;flex:1 1;font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:8px 10px}.tg-action-btn.pause{background:#f9c806;color:#1e293b}.tg-action-btn.pause:hover{background:#f9c806}.tg-action-btn.resume{background:#25c35e;color:#052e16}.tg-action-btn.resume:hover{background:#25c35e}.tg-calling-waiter{animation:tg-blink 1.2s ease-in-out infinite;box-shadow:none;position:relative;transform:translateY(-2px);transition:transform .15s ease,box-shadow .2s ease}@keyframes tg-blink{0%,to{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;box-shadow:none;transform:translateY(-2px) scale(1.03)}50%{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;box-shadow:none;transform:translateY(-2px) scale(.97)}}.tg-call-badge{align-items:center;animation:tg-badge-pulse 1.2s infinite;background:#0000;border-radius:50%;display:inline-flex;font-size:16px;height:26px;justify-content:center;position:absolute;right:6px;top:6px;width:26px;z-index:10}@keyframes tg-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.tg-bell-icon{animation:tg-bell-ring 1.5s ease-in-out infinite;color:#000;height:24px;transform-origin:50% 0;width:24px}@keyframes tg-bell-ring{0%,to{transform:rotate(0deg)}10%,30%,50%,70%{transform:rotate(-15deg)}20%,40%,60%,80%{transform:rotate(15deg)}}@keyframes fadeSlideOut{0%{margin-bottom:16px;max-height:500px;opacity:1;transform:translateY(0) scale(1)}50%{opacity:.3;transform:translateY(-10px) scale(.98)}to{margin-bottom:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0;transform:translateY(-30px) scale(.95)}}.card-removing{animation:fadeSlideOut .5s ease-out forwards;overflow:hidden;pointer-events:none}.tgd-overlay{align-items:flex-end!important;background:#000000bf!important;bottom:0!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;max-height:none!important;max-width:none!important;overscroll-behavior:contain!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:999999!important}.tgd-modal,.tgd-overlay{display:flex!important;overflow:hidden!important;padding:0!important;transform:none!important}.tgd-modal{background:#181711!important;border:1px solid #374151!important;border-radius:16px 16px 0 0!important;bottom:auto!important;box-shadow:0 -4px 24px #00000080!important;box-sizing:border-box!important;color:#e5e7eb!important;flex-direction:column!important;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif!important;height:80vh!important;left:auto!important;margin:0 20px!important;max-height:80vh!important;max-width:min(600px,calc(100vw - 40px))!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important}@media (max-width:768px){.tgd-overlay{align-items:flex-end!important;padding:0!important;position:fixed!important;touch-action:none!important;z-index:9999!important}.tgd-modal,.tgd-overlay,.tgd-overlay .tgd-modal{overflow:hidden!important;pointer-events:auto!important}.tgd-modal,.tgd-overlay .tgd-modal{border-bottom:none!important;border-left:none!important;border-radius:20px 20px 0 0!important;border-right:none!important;height:75vh!important;isolation:isolate!important;margin:0!important;max-height:75vh!important;max-width:100%!important;min-height:75vh!important;position:relative!important;touch-action:pan-y pinch-zoom!important;transform:none!important;width:100%!important}.tgd-header,.tgd-modal .tgd-header{background:#181711!important;border-top-left-radius:20px!important;border-top-right-radius:20px!important;flex-shrink:0!important;padding:18px 20px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;touch-action:none!important;z-index:10!important}.tgd-body,.tgd-modal .tgd-body{-webkit-overflow-scrolling:touch!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;flex:1 1 auto!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;overscroll-behavior-x:none!important;overscroll-behavior-y:contain!important;padding:16px!important;position:relative!important;scroll-behavior:auto!important;touch-action:pan-y!important;transform:translateZ(0)!important;will-change:auto!important}.tgd-body-content,.tgd-modal .tgd-body-content{gap:12px!important;padding-bottom:8px!important;position:relative!important;transform:none!important}.t2-section,.tgd-modal .t2-section{border-radius:12px!important;margin-bottom:0!important;padding:14px 16px 16px!important}.t2-title,.tgd-modal .t2-title{font-size:16px!important;margin-bottom:10px!important}.t2-items,.tgd-modal .t2-items{gap:8px!important;margin-bottom:8px!important}.t2-item-name,.tgd-modal .t2-item-name{font-size:15px!important}.t2-item-qty,.tgd-modal .t2-item-qty{font-size:13px!important}.t2-item-price,.t2-label,.tgd-modal .t2-item-price,.tgd-modal .t2-label{font-size:15px!important}.t2-amount,.tgd-modal .t2-amount{font-size:18px!important}.t2-time,.tgd-modal .t2-time{gap:8px!important}.t2-time-box,.tgd-modal .t2-time-box{flex:1 1!important;min-width:70px!important;padding:10px 8px!important}.t2-time-box .n,.tgd-modal .t2-time-box .n{font-size:24px!important}.t2-time-box .l,.tgd-modal .t2-time-box .l{font-size:11px!important}.t2-card-row,.tgd-modal .t2-card-row{border-radius:12px!important;padding:12px 16px!important}.t2-accept-wrapper,.tgd-modal .t2-accept-wrapper{margin-bottom:0!important}.t2-accept-btn,.tgd-modal .t2-accept-btn{align-items:center!important;background-color:#10b981!important;border-radius:12px!important;display:flex!important;font-size:15px!important;gap:8px!important;justify-content:center!important;margin:0!important;padding:14px 16px!important;width:100%!important}.t2-total-row,.tgd-modal .t2-total-row{margin-top:10px!important}.t2-primary,.tgd-clear,.tgd-modal .t2-primary,.tgd-modal .tgd-clear{border-radius:12px!important;font-size:15px!important;margin-top:0!important;padding:14px 16px!important}.tgd-modal .tgd-title,.tgd-title{font-size:20px!important}.tgd-close,.tgd-modal .tgd-close{font-size:22px!important;height:32px!important;right:20px!important;top:16px!important;width:32px!important}.tgd-call-badge,.tgd-modal .tgd-call-badge{align-items:center!important;color:#f59e0b!important;display:flex!important;font-size:13px!important;font-weight:600!important;gap:8px!important;left:50%!important;position:absolute!important;top:22px!important;transform:translateX(-50%)!important}.tgd-call-bell,.tgd-modal .tgd-call-bell{animation:tg-bell-ring .9s ease-in-out infinite!important}}.tgd-header{background:#181711!important;border-bottom:1px solid #374151!important;border-top-left-radius:16px!important;border-top-right-radius:16px!important;flex-shrink:0!important;padding:24px 28px!important;position:relative!important}.tgd-title{color:#f9c806!important;font-weight:800!important;line-height:1.2!important;margin:0!important;padding-right:40px!important}.tgd-close,.tgd-title{font-size:24px!important}.tgd-close{align-items:center!important;background:#ffffff1a!important;border:none!important;border-radius:8px!important;color:#cbd5e1!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;line-height:1!important;position:absolute!important;right:24px!important;top:20px!important;transition:all .2s ease!important;width:36px!important}.tgd-close:hover{background:#fff3!important;color:#fff!important;transform:scale(1.05)!important}.tgd-body{-webkit-overflow-scrolling:touch!important;-ms-overflow-style:none!important;flex:1 1 auto!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;overscroll-behavior-y:contain!important;padding:20px 24px!important;position:relative!important;scrollbar-color:#0000 #0000!important;scrollbar-width:none!important;touch-action:pan-y!important}.tgd-body::-webkit-scrollbar{height:0!important;width:0!important}.tgd-body::-webkit-scrollbar,.tgd-body::-webkit-scrollbar-track{background:#0000!important;display:none!important;opacity:0!important}.tgd-body::-webkit-scrollbar-thumb{opacity:0!important}.tgd-body::-webkit-scrollbar-corner,.tgd-body::-webkit-scrollbar-thumb{background:#0000!important;display:none!important}.tgd-body::-webkit-scrollbar-button{display:none!important}.tgd-body ::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.tgd-body-content{display:flex;flex-direction:column;gap:16px;min-height:-webkit-min-content;min-height:min-content;padding-bottom:16px}.tgd-call-badge{align-items:center;color:#f59e0b;display:flex;font-size:14px;font-weight:600;gap:8px;left:50%;position:absolute;top:26px;transform:translateX(-50%)}.tgd-call-bell{animation:tg-bell-ring .9s ease-in-out infinite}.t2-accept-wrapper{background:#0000;border:none;box-shadow:none;margin-bottom:0;padding:0}.t2-accept-btn{align-items:center;background-color:#10b981;display:flex;gap:8px;justify-content:center;width:100%}.t2-total-row{margin-top:10px}.t2-section{background:#181711;border:none;border-radius:10px;margin:0;padding:16px 20px 18px}.t2-title{color:#e5e7eb;font-size:20px;font-weight:800;margin-bottom:12px;text-align:left}.t2-row{align-items:center;display:flex;gap:10px}.t2-row.between{justify-content:space-between}.t2-label{color:#cbd5e1;font-weight:700}.t2-amount{color:#fff;font-weight:800}.t2-muted{color:#9ca3af;font-size:12px;margin-top:6px}.t2-time{display:flex;gap:12px}.t2-time-box{background:#181711;border:1px solid #334155;border-radius:10px;min-width:90px;padding:12px 16px;text-align:center}.t2-time-box .n{color:#fff;font-size:20px;font-weight:800}.t2-time-box .l{color:#9ca3af;font-size:12px;margin-top:4px}.t2-card-row{align-items:center;background:#181711;border:none;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:0}.t2-card-left .t2-sub{color:#9ca3af;font-size:12px}.t2-card-right{color:#e5e7eb;font-weight:700}.t2-line{background:#2a2e3a;height:1px;margin:10px 0}.t2-thin-line{background:#334155;height:.5px;margin:12px 0}.t2-divider{background:#fff;border-radius:2px;height:3px;margin:14px 0}.t2-status{font-weight:800}.t2-status.paid{color:#22c55e}.t2-status.pending{color:#fbbf24}.t2-card-right.not-paid{color:#ef4444;font-weight:700}.t2-primary{background:#068cf9;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:800;margin-top:6px;padding:14px 16px;width:100%}.t2-primary,.t2-primary:active,.t2-primary:focus,.t2-primary:hover{transform:none!important;transition:none!important}.t2-primary.gold{color:#111}.t2-primary.gold,.t2-primary.gold:hover{background:#f9c806;transform:none!important;transition:none!important}.t2-empty{background:#181711;border:none;border-radius:10px;margin-bottom:6px;padding:24px 16px;text-align:center}.t2-empty-icon{color:#fff;font-size:40px;margin-bottom:8px}.t2-empty-title{color:#e5e7eb;font-weight:800;margin-bottom:4px}.t2-empty-sub{color:#9ca3af;font-size:12px;margin-bottom:32px}.t2-items{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.t2-item{align-items:flex-start;background:#0000;border:none;display:flex;justify-content:space-between;padding:0}.t2-item-name{color:#e5e7eb;font-weight:800}.t2-item-qty{color:#9ca3af;font-size:14px;font-weight:400;margin-left:8px}.t2-item-price{color:#e5e7eb;font-weight:800}.t2-order-list{display:flex;flex-direction:column;gap:12px}.t2-order-card{background:#0f1016;border:1px solid #2a2e3a;border-radius:10px;padding:12px 14px}.t2-order-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.t2-order-id{color:#e5e7eb;font-weight:800}.t2-order-total{color:#22c55e;font-weight:800}.t2-order-items{display:flex;flex-direction:column;gap:6px}.t2-order-item{color:#e5e7eb;display:flex;justify-content:space-between}.t2-order-time{color:#9ca3af;font-size:12px;margin-top:8px;text-align:right}.toh-overlay{background:#000000d9;display:flex;inset:0;position:fixed;z-index:3000}.toh-page{background:#000;color:#eaeaea;flex-direction:column;height:100vh}.toh-header,.toh-page{display:flex;width:100%}.toh-header{align-items:center;border-bottom:1px solid #374151;justify-content:space-between;margin:0 auto;max-width:600px;max-width:var(--wd-app-max-width);padding:16px 0}.toh-title{color:#eaeaea;font-size:18px;font-weight:800}.toh-back,.toh-close{background:#0000;border:none;color:#eaeaea;cursor:pointer;font-size:20px}.toh-body{-ms-overflow-style:none;flex:1 1;margin:0 auto;max-width:600px;max-width:var(--wd-app-max-width);overflow:auto;padding:.5rem;scrollbar-width:none;width:100%}.toh-body::-webkit-scrollbar{height:0;width:0}.toh-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:6px auto 16px;max-width:600px;max-width:var(--wd-app-max-width)}.toh-stat{background:#000;border:1px solid #374151;border-radius:10px;padding:14px 10px;text-align:center}.toh-stat .n{color:#eaeaea;font-size:20px;font-weight:800}.toh-stat .l{color:#9ca3af;font-size:12px;margin-top:4px}.toh-list{display:flex;flex-direction:column;gap:14px;margin:0 auto;max-width:600px;max-width:var(--wd-app-max-width)}.toh-card{background:#000;border:1px solid #374151;border-radius:12px;padding:14px}.toh-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.toh-ord-id{font-weight:800}.toh-ord-sub{color:#9ca3af;font-size:12px}.toh-badge{border:1px solid #0000;border-radius:12px;font-size:12px;font-weight:800;padding:6px 10px}.toh-badge.paid{background:#0f2118;border-color:#1f3d2b;color:#22c55e}.toh-badge.unpaid{background:#3a3627;border-color:#51492f;color:#f9c806}.toh-items-title{color:#cbd5e1;font-weight:700;margin-bottom:8px}.toh-items-box{background:#0000;border:none;border-radius:10px;padding:10px}.toh-item-row{align-items:center;color:#e5e7eb;display:flex;justify-content:space-between;padding:4px 0}.toh-item-name{color:#eaeaea;font-weight:600}.toh-item-amt{color:#eaeaea;font-weight:800}.toh-card-bottom{justify-content:space-between;margin-top:10px}.toh-card-bottom,.toh-time{align-items:center;display:flex}.toh-time{color:#9ca3af;font-size:12px;gap:6px}.toh-total{color:#22c55e;font-weight:800}.tgd-info{background:#181711;border:1px solid #374151;border-radius:10px;margin-bottom:16px;padding:16px}.tgd-row{align-items:center;display:flex;justify-content:space-between;margin:10px 0}.tgd-label{color:#cbd5e1;font-size:.95rem;font-weight:700;margin-right:8px}.tgd-pill{align-items:center;background:#3a3627;border-radius:10px;color:#fff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}.tgd-amount{color:#fff;font-size:18px;font-weight:800;margin-right:10px}.tgd-card{background:#181711;border:1px solid #f33a3a;border-radius:12px;margin-top:25px;padding:20px 20px 16px}.tgd-card.tgd-card-service{min-height:140px;padding:22px 20px 18px}.tgd-card-head{align-items:center;color:#ef4444;display:flex;font-size:.95rem;font-weight:700;gap:8px;margin-bottom:10px}.tgd-card-head .tgd-age.tgd-age-top{color:#9ca3af;font-size:12px;font-weight:500;margin-left:auto}.tgd-icon{height:18px;width:18px}.tgd-service-item{display:flex;flex-direction:column;gap:12px;padding-top:6px}.tgd-service-main{align-items:flex-start;display:flex;justify-content:space-between}.tgd-actions-row{display:flex;gap:12px}.tgd-btn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:17px;letter-spacing:.25px;padding:10px 12px}.tgd-btn,.tgd-btn-gold{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-family:var(--wd-heading-font,"Inter","Segoe UI",Roboto,Arial,sans-serif);font-weight:800}.tgd-btn-gold{background:#f9c806;color:#111827}.tgd-btn-green,.tgd-clear{background:#3a3627;color:#fff;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-family:var(--wd-heading-font,"Inter","Segoe UI",Roboto,Arial,sans-serif);font-weight:800}.tgd-clear{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:16px;gap:10px;justify-content:center;letter-spacing:.25px;margin-bottom:0;margin-top:-2px;padding:17px 16px;width:100%}.tgd-clear:hover{filter:brightness(1.05)}.tgd-icon-red{color:#ef4444}.tgd-pill-gold{background:#3a3627;color:#fff}@media (max-width:768px){.tg-grid{gap:20px 14px;grid-template-columns:repeat(2,1fr);justify-content:center;justify-items:center;margin-bottom:16px;padding:18px 32px}.tg-card{border-radius:.3rem;height:140px;margin-bottom:0;margin-left:0;max-width:145px;min-width:110px;padding:12px;width:100%}.tg-table-name{font-size:17px!important}.tg-table-status{font-size:14px!important}.tg-table-amount{font-size:17px!important}.tg-table-time{font-size:14px!important}}@media (max-width:600px){.tg-grid{gap:3.5rem .9375rem!important;grid-template-columns:repeat(2,1fr)!important;justify-content:center!important;justify-items:center!important;padding:0!important}.tg-card{border-radius:.3rem;height:130px;margin:0;max-width:135px;min-width:100px;padding:11px}.tg-table-name{font-size:16px!important}.tg-table-status{font-size:13px!important}.tg-table-amount{font-size:16px!important}.tg-table-time{font-size:13px!important}}@media (max-width:480px){.wd-waiter-select{font-size:11px!important;max-width:110px!important;padding:5px 8px!important}.tg-grid{gap:3rem .75rem!important;grid-template-columns:repeat(2,1fr)!important;justify-content:center!important;justify-items:center!important;padding:0!important}.tg-card{border-radius:.3rem;height:120px;margin:0;max-width:130px;min-width:90px;padding:10px}.tg-table-name{font-size:15px!important;font-weight:600}.tg-table-status{font-size:12px!important;font-weight:500}.tg-table-amount{font-size:15px!important}.tg-table-time{font-size:12px!important}.tg-table-icon{height:18px;width:18px}.tg-table-icon svg{height:16px;width:16px}}@media (max-width:375px){.wd-waiter-select{font-size:10px!important;max-width:95px!important;padding:4px 6px!important}.tg-grid{gap:3rem .75rem!important;grid-template-columns:repeat(2,1fr)!important;justify-content:center!important;justify-items:center!important;padding:0!important}.tg-card{border-radius:.3rem;height:110px;margin:0;max-width:120px;min-width:85px;padding:9px}.tg-table-name{font-size:14px!important}.tg-table-status{font-size:11px!important}.tg-table-amount{font-size:14px!important}.tg-table-time{font-size:11px!important}}@media (max-width:559px){.tgd-overlay{align-items:flex-end!important;padding:0!important}.tgd-modal{border-left:none!important;border-radius:20px 20px 0 0!important;border-right:none!important;height:50vh!important;margin:0!important;max-height:50vh!important;max-width:100%!important;width:100%!important}.tgd-header{border-top-left-radius:20px!important;border-top-right-radius:20px!important;padding:18px 20px!important}.tgd-title{font-size:20px!important;padding-right:36px!important}.tgd-close{font-size:22px!important;height:32px!important;right:20px!important;top:16px!important;width:32px!important}.tgd-body{padding:20px!important}.tgd-body-content{gap:14px!important}.t2-section{border-radius:12px!important;padding:14px 16px 16px!important}.t2-title{font-size:16px!important;margin-bottom:12px!important}.t2-items{gap:10px!important}.t2-item-name{font-size:15px!important}.t2-item-qty{font-size:13px!important}.t2-item-price,.t2-label{font-size:15px!important}.t2-amount{font-size:18px!important}.t2-time{flex-wrap:nowrap!important;gap:8px!important}.t2-time-box{flex:1 1!important;min-width:70px!important;padding:10px 12px!important}.t2-time-box .n{font-size:24px!important}.t2-time-box .l{font-size:11px!important;margin-top:2px!important}.t2-card-row{border-radius:12px!important;padding:12px 14px!important}.t2-card-left .t2-label,.t2-card-right{font-size:15px!important}.t2-primary,.tgd-clear{border-radius:12px!important;font-size:15px!important;padding:14px 16px!important}.t2-empty{border-radius:12px!important;padding:32px 16px!important}.t2-empty-icon{font-size:48px!important}.t2-empty-title{font-size:16px!important}.t2-empty-sub{font-size:13px!important}.t2-primary[style*=background]{font-size:15px!important;padding:14px!important}.tgd-call-badge{font-size:13px!important}.tgd-call-badge svg{height:18px!important;width:18px!important}.tgd-pill{font-size:12px;padding:6px 10px}.tgd-amount{font-size:16px}.tgd-btn{font-size:15px;padding:10px}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.wd-toast{animation:slideInRight .3s ease-out}@media (max-width:1024px){.wd-section-title{font-size:1.3rem}.wd-card{padding:14px}.wd-stat-value{font-size:1.8rem}}@media (max-width:768px){.wd-root{padding-bottom:80px}.wd-header-inner{padding:12px 16px}.wd-brand{font-size:1.2rem}.wd-icon-btn{height:36px;width:36px}.wd-section{padding:16px}.wd-section-title{font-size:1.2rem;margin-bottom:14px}.wd-stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.wd-stat-label{font-size:.75rem}.wd-stat-value{font-size:1.6rem}.wd-card,.wpov-pq-item{padding:12px}.wpov-pq-item-table{font-size:1rem}.wpov-pq-stats-grid{gap:8px}.wpov-pq-stat-value{font-size:20px}.wd-section>div>div{padding:16px}.wd-bottom-nav{padding:8px 0}.wd-nav,.wd-nav-active{font-size:.75rem;min-width:70px;padding:8px 12px}.wd-icon-small{height:20px;width:20px}.modal{max-width:90%;padding:20px}.modal-title{font-size:1.2rem}.modal-body{padding:16px 0}}@media (max-width:600px){.wd-header-inner{padding:10px 12px}.wd-brand{font-size:1.1rem}.wd-section{padding:12px}.wd-section-title{font-size:1.1rem;gap:8px}.wd-stats-grid{gap:10px;grid-template-columns:1fr}.wd-card{padding:10px}.wpov-pq-item{border-radius:6px;padding:10px}.wpov-pq-item-table{font-size:.95rem}.wpov-pq-stats-grid{gap:8px;grid-template-columns:1fr 1fr}.wpov-pq-stat{padding:4px 10px}.wpov-pq-stat-value{font-size:18px}.wpov-pq-stat-label{font-size:11px}.wpov-line-item{font-size:.85rem;padding:6px}.wpov-pq-ack,.wpov-pq-confirm{font-size:16px;padding:10px}.wpov-pq-elapsed{font-size:.85rem}.wd-bottom-nav{padding:6px 0}.wd-nav,.wd-nav-active{font-size:.7rem;gap:2px;min-width:60px;padding:6px 8px}.wd-icon-small{height:18px;width:18px}.wd-badge-small{font-size:.65rem}.modal,.tgd-modal{border-radius:12px 12px 0 0!important;height:85vh!important;margin:0 8px!important;max-height:85vh!important;max-width:calc(100vw - 16px)!important;padding:0!important}.modal-header,.tgd-header{padding:16px 16px 14px!important}.modal-title,.tgd-title{font-size:18px!important;font-weight:800!important;padding-right:36px!important}.tgd-close{font-size:20px!important;height:32px!important;right:14px!important;top:14px!important;width:32px!important}.modal-body,.tgd-body{padding:12px 16px 16px!important}.tgd-body-content{gap:12px!important;padding-bottom:12px!important}.t2-title,.tgd-card-head{font-size:16px!important;font-weight:800!important;margin-bottom:10px!important}.t2-section,.tgd-info{border-radius:8px!important;margin-bottom:0!important;padding:10px 12px!important}.t2-items{gap:8px!important;margin-bottom:6px!important}.t2-item{padding:0!important}.t2-item-name{font-size:14px!important;font-weight:700!important}.t2-item-qty{font-size:12px!important;margin-left:6px!important}.t2-item-price{font-size:14px!important;font-weight:700!important}.t2-row,.tgd-row{margin:8px 0!important;padding:0!important}.t2-label,.tgd-label{font-size:14px!important;font-weight:700!important}.t2-amount,.tgd-amount{font-size:16px!important;font-weight:800!important}.t2-time{gap:8px!important}.t2-time-box{border-radius:8px!important;min-width:70px!important;padding:10px 12px!important}.t2-time-box .n{font-size:18px!important;font-weight:800!important}.t2-time-box .l{font-size:11px!important;margin-top:2px!important}.t2-card-row{gap:8px!important;padding:0!important}.t2-card-left .t2-sub{font-size:11px!important}.t2-card-right{font-weight:700!important}.t2-card-right,.t2-card-right.not-paid{font-size:14px!important}.t2-thin-line{margin:8px 0!important}.t2-primary,.tgd-btn,.tgd-clear{border-radius:8px!important;font-size:15px!important;font-weight:800!important;margin-top:4px!important;padding:14px 16px!important}.tgd-clear{gap:8px!important;margin-top:0!important}.t2-empty{border-radius:8px!important;margin-bottom:10px!important;padding:20px 12px!important}.t2-empty-icon{font-size:32px!important;margin-bottom:6px!important}.t2-empty-title{font-size:16px!important;font-weight:800!important;margin-bottom:3px!important}.t2-empty-sub{font-size:12px!important;margin-bottom:12px!important}.tgd-call-badge{font-size:12px!important;gap:6px!important}.tgd-call-badge svg{height:16px!important;width:16px!important}.wpov-selected-count-inline{font-size:11px}.wpov-mark-all-btn{font-size:11px!important;padding:5px 10px!important}.wpov-deliver-row{gap:8px;grid-template-columns:1fr auto;padding:10px}.wpov-deliver-name{font-size:.9rem}.wpov-deliver-qty-controls input{width:40px!important}.modal-actions{flex-direction:column;gap:8px}.modal-actions .ab-btn{font-size:14px;padding:10px;width:100%}}@media (max-width:400px){.tgd-modal{height:90vh!important;margin:0 6px!important;max-height:90vh!important;max-width:calc(100vw - 12px)!important}.tgd-header{padding:14px 12px 12px!important}.tgd-title{font-size:16px!important;padding-right:32px!important}.tgd-close{font-size:18px!important;height:28px!important;right:10px!important;top:12px!important;width:28px!important}.tgd-body{padding:10px 12px 14px!important}.tgd-body-content{gap:10px!important}.t2-section{padding:8px 10px!important}.t2-title{font-size:15px!important;margin-bottom:8px!important}.t2-item-name{font-size:13px!important}.t2-item-qty{font-size:11px!important}.t2-item-price,.t2-label{font-size:13px!important}.t2-amount{font-size:15px!important}.t2-time{gap:6px!important}.t2-time-box{min-width:60px!important;padding:8px 10px!important}.t2-time-box .n{font-size:16px!important}.t2-time-box .l{font-size:10px!important}.t2-card-right{font-size:13px!important}.t2-primary,.tgd-btn,.tgd-clear{font-size:14px!important;padding:12px 14px!important}.t2-empty{padding:16px 10px!important}.t2-empty-icon{font-size:28px!important}.t2-empty-title{font-size:15px!important}.t2-empty-sub,.tgd-call-badge{font-size:11px!important}.tgd-call-badge{gap:4px!important}.tgd-call-badge svg{height:14px!important;width:14px!important}}@media (max-width:480px){.wd-root{padding-bottom:60px}.wd-brand{font-size:1rem}.wd-icon-btn{height:32px;width:32px}.wd-section{padding:0}.wd-section-title{font-size:1rem}.wpov-pq-card{padding:0}.wpov-pq-title{font-size:.95rem}.wpov-pq-item{padding:8px}.wpov-pq-item-table{font-size:.9rem}.wpov-pq-stats-grid{gap:6px}.wpov-pq-stat{padding:3px 8px}.wpov-pq-stat-value{font-size:16px}.wpov-pq-stat-label{font-size:10px}.wpov-item-name{font-size:.85rem}.wpov-pq-ack,.wpov-pq-confirm{font-size:14px;padding:8px}.wpov-pq-elapsed{font-size:.8rem;gap:4px}.wpov-pq-small{height:12px;width:12px}.wd-nav,.wd-nav-active{font-size:.65rem;min-width:55px;padding:5px 6px}.wd-icon-small{height:16px;width:16px}.modal{max-width:95%}.modal,.modal-header{padding:12px}.modal-title{font-size:1rem}.modal-body{padding:12px 0}.wpov-deliver-row{font-size:.85rem;padding:8px}.wpov-deliver-name{font-size:.85rem}.wpov-deliver-qty-controls button{font-size:14px!important;height:22px!important;width:22px!important}.wpov-deliver-qty-controls input{font-size:14px!important;width:36px!important}}@media (max-width:375px){.wd-brand,.wd-section-title{font-size:.95rem}.wpov-pq-item-table{font-size:.85rem}.wpov-pq-stats-grid{grid-template-columns:1fr}.wpov-pq-stat-value{font-size:14px}.wd-nav,.wd-nav-active{font-size:.6rem;min-width:50px;padding:4px}.wd-icon-small{height:14px;width:14px}.wpov-deliver-row{gap:8px;grid-template-columns:1fr}.wpov-deliver-qty-controls{justify-content:flex-start}.modal-actions .ab-btn{font-size:13px;padding:8px}}@media (max-height:600px) and (orientation:landscape){.wd-root{padding-bottom:56px}.wd-section{padding:8px 12px}.wpov-pq-item{padding:8px}.wpov-pq-stats-grid{gap:6px}.modal{max-height:85vh}.modal-body{max-height:50vh}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.wd-brand,.wd-section-title,.wpov-pq-item-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.new-modal-overlay{background:#000c;display:grid;height:100vh;left:0;margin:0;overflow:hidden;padding:0;place-items:end center;position:fixed;top:0;width:100vw;z-index:999999}.new-modal{animation:slideUp .3s ease-out;background:#1a1a1a;border:1px solid #333;border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #0009;display:flex;flex-direction:column;height:80vh;max-height:80vh;max-width:calc(100vw - 32px);overflow:hidden;width:600px}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.new-modal-header{align-items:center;background:#1a1a1a;border-bottom:1px solid #333;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px}.new-modal-title{color:#f9c806;font-size:24px;font-weight:800;margin:0;padding-right:40px}.new-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s;width:40px}.new-modal-close:hover{background:#fff3;transform:scale(1.05)}.new-modal-body{-ms-overflow-style:none;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px 28px;scrollbar-width:none}.new-modal-body::-webkit-scrollbar{display:none;height:0;width:0}.new-modal-section{background:#222;border:1px solid #333;border-radius:12px;margin-bottom:16px;padding:20px}.new-modal-section-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 16px}.new-modal-item{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:12px 0}.new-modal-item:last-child{border-bottom:none}.new-modal-item-name{color:#fff;font-size:16px;font-weight:600}.new-modal-item-qty{color:#999;font-size:14px;margin-top:4px}.new-modal-item-price{color:#10b981;font-size:16px;font-weight:700}.new-modal-time-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:12px}.new-modal-time-box{background:#111;border:1px solid #333;border-radius:10px;padding:16px;text-align:center}.new-modal-time-number{color:#fff;font-size:32px;font-weight:700;margin-bottom:4px}.new-modal-time-label{color:#999;font-size:13px;text-transform:capitalize}.new-modal-button{background:#f9c806;border:none;border-radius:12px;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin-top:8px;padding:18px;transition:all .2s;width:100%}.new-modal-button:hover{background:#e0b306;transform:translateY(-2px)}.new-modal-button-secondary{background:#333;color:#fff}.new-modal-button-secondary:hover{background:#444}@media (max-width:640px){.new-modal{border-radius:16px 16px 0 0;max-width:100vw;width:100vw}.new-modal-header{padding:20px 24px}.new-modal-title{font-size:22px}.new-modal-body{padding:20px 24px}.new-modal-time-number{font-size:28px}}.wd-table-modal-backdrop{align-items:flex-end;background:#000000b3;bottom:0;contain:layout style paint;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;width:100vw;will-change:auto;z-index:9999}.wd-table-modal-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#181711;border:1px solid #374151;border-radius:12px 12px 0 0;box-shadow:0 20px 60px #0009;display:flex;flex-direction:column;max-height:85vh;max-width:600px;position:relative;transform:none;transform:translateZ(0);width:100%;will-change:auto}.wd-table-modal-header{align-items:center;border-bottom:1px solid #374151;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px 20px;position:relative}.wd-table-modal-title{color:#f9c806;font-size:24px;font-weight:800;margin:0}.wd-table-modal-header .t2-accept-wrapper{animation:pulse-glow 2s ease-in-out infinite;background:#0000;margin:0;position:absolute;right:70px;top:50%;transform:translateY(-50%)}.wd-table-modal-header .t2-accept-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4755694d;border:2px solid #64748b;box-shadow:0 0 20px #64748b4d,0 2px 8px #0003;font-size:15px;font-weight:700;padding:12px 20px;transition:all .3s ease;width:auto}.wd-table-modal-header .t2-accept-btn:hover{background:#64748b66;border-color:#94a3b8;box-shadow:0 0 30px #64748b80,0 4px 12px #0000004d;transform:scale(1.05)}.wd-table-modal-header .t2-accept-btn:active{transform:scale(.98)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #64748b80,0 4px 12px #0000004d}50%{box-shadow:0 0 35px #64748bcc,0 6px 16px #0006}}.wd-table-call-badge{align-items:center;background:#f9c80626;border-radius:8px;color:#f9c806;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 12px;position:absolute;right:60px;top:50%;transform:translateY(-50%)}.wd-table-call-bell{animation:ring 1s ease-in-out infinite}@keyframes ring{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}}.wd-table-modal-close{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;line-height:1;padding:0;position:absolute;right:28px;top:24px;transition:color .2s;width:32px}.wd-table-modal-close:hover{color:#fff}.wd-table-modal-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex:1 1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:24px 28px;scrollbar-width:none;will-change:scroll-position}.wd-table-modal-body::-webkit-scrollbar{display:none}.wd-table-modal-content{display:flex;flex-direction:column;gap:6px}.wd-table-modal-content .t2-primary.gold{margin-bottom:4px;margin-top:2px}.wd-table-clear-btn{background:#444;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:4px;padding:16px;transition:background .2s;width:100%}.wd-table-clear-btn:hover{background:#444}@media (max-width:768px){.wd-table-modal-backdrop{align-items:flex-end;overflow:hidden;padding:0;position:fixed}.wd-table-modal-container{border-bottom:none;border-radius:20px 20px 0 0;height:75vh;max-height:75vh;max-width:100%;overflow:hidden;position:relative;width:100%}.wd-table-modal-header{background:#181711;border-top-left-radius:20px;border-top-right-radius:20px;padding:18px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.wd-table-modal-title{font-size:20px}.wd-table-call-badge{font-size:11px;padding:6px 10px;right:50px}.wd-table-modal-close{font-size:28px;height:28px;right:20px;top:18px;width:28px}.wd-table-modal-body{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow-x:hidden;overflow-y:auto;overscroll-behavior-x:none;overscroll-behavior-y:contain;padding:16px 0;scrollbar-width:none;transform:translateZ(0);will-change:auto}.wd-table-modal-body::-webkit-scrollbar{display:none}.wd-table-clear-btn{font-size:15px;padding:14px}.modal-backdrop{padding:0!important}.large-modal{border-radius:0!important;height:100vh!important;height:100dvh!important;max-height:100vh!important;max-width:100vw!important;width:100vw!important}.large-modal .modal-header{background:#181711;position:-webkit-sticky;position:sticky;top:0;z-index:2}}.mpf-modal-overlay{align-items:center;animation:mpfFadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes mpfFadeIn{0%{opacity:0}to{opacity:1}}.mpf-modal{animation:mpfSlideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:90%}@keyframes mpfSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mpf-header{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;display:flex;justify-content:space-between;padding:24px}.mpf-header h2{font-size:1.5rem;font-weight:700;margin:0}.mpf-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s;width:36px}.mpf-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.mpf-tabs{background:#f8f9fa;border-bottom:2px solid #e9ecef;display:flex}.mpf-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:16px;transition:all .2s}.mpf-tab:hover{background:#00000008;color:#495057}.mpf-tab-active{background:#fff;border-bottom-color:#f5576c;color:#f5576c}.mpf-body{flex:1 1;overflow-y:auto;padding:24px}.mpf-tab-content h3{color:#212529;font-size:1.4rem;margin-bottom:8px;margin-top:0}.mpf-description{color:#6c757d;line-height:1.6}.mpf-description,.mpf-form{margin-bottom:24px}.mpf-form-group{margin-bottom:16px}.mpf-form-group label{color:#495057;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.mpf-input,.mpf-textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px;transition:all .2s;width:100%}.mpf-input:focus,.mpf-textarea:focus{border-color:#f5576c;box-shadow:0 0 0 3px #f5576c1a;outline:none}.mpf-textarea{min-height:120px;resize:vertical}.mpf-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.mpf-btn:disabled{cursor:not-allowed;opacity:.5}.mpf-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mpf-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.mpf-btn-success{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}.mpf-btn-success:hover:not(:disabled){box-shadow:0 4px 12px #38ef7d66;transform:translateY(-2px)}.mpf-btn-sm{font-size:.85rem;padding:6px 12px}.mpf-result-box{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;margin-top:20px;padding:20px}.mpf-result-box h4{color:#28a745;font-size:1.2rem;margin-top:0}.mpf-breakdown{margin-top:16px}.mpf-breakdown h5{color:#495057;margin-bottom:12px}.mpf-breakdown-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px}.mpf-item-name{color:#212529;flex:1 1;font-weight:600}.mpf-item-quantity{color:#667eea;font-weight:600}.mpf-item-cost{color:#28a745;font-weight:700}.mpf-templates{margin-top:32px}.mpf-templates h4{color:#495057;margin-bottom:16px}.mpf-template-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.mpf-template-item{background:#fff;border:2px solid #e9ecef;border-radius:8px;padding:16px;transition:all .2s}.mpf-template-item:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mpf-template-name{color:#212529;font-weight:700;margin-bottom:4px}.mpf-template-meta{color:#6c757d;font-size:.85rem}.mpf-sanity-result{border-radius:12px;margin-bottom:24px;padding:24px}.mpf-profitable{background:linear-gradient(135deg,#d4fc79,#96e6a1);border:2px solid #28a745}.mpf-unprofitable{background:linear-gradient(135deg,#fa709a,#fee140);border:2px solid #dc3545}.mpf-sanity-header h4{font-size:1.3rem;margin:0}.mpf-sanity-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.mpf-stat{background:#ffffffe6;border-radius:8px;padding:16px;text-align:center}.mpf-stat label{color:#6c757d;display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.mpf-stat-value{color:#212529;font-size:1.5rem;font-weight:700}.mpf-negative{color:#dc3545!important}.mpf-positive{color:#28a745!important}.mpf-recommendation{background:#ffffffe6;border-left:4px solid #667eea;border-radius:8px;margin-top:16px;padding:16px}.mpf-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:24px;padding:24px}.mpf-dashboard h4{margin-bottom:20px;margin-top:0}.mpf-dashboard-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.mpf-dashboard-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;padding:16px;text-align:center}.mpf-dashboard-label{font-size:.85rem;margin-bottom:8px;opacity:.9}.mpf-dashboard-value{font-size:1.8rem;font-weight:700}.mpf-green{color:#d4fc79}.mpf-red{color:#fa709a}.mpf-alerts{margin-top:24px}.mpf-alerts h4{color:#495057;margin-bottom:16px}.mpf-alert{border-left:4px solid;border-radius:8px;margin-bottom:12px;padding:16px}.mpf-alert-critical{background:#fee;border-color:#dc3545}.mpf-alert-warning{background:#fff3cd;border-color:#ffc107}.mpf-alert-info{background:#d1ecf1;border-color:#17a2b8}.mpf-alert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mpf-alert-severity{background:#0000001a;border-radius:4px;font-size:.75rem;font-weight:700;padding:4px 8px}.mpf-alert-dish{color:#212529;font-weight:600}.mpf-alert-message{color:#495057;margin-bottom:12px}.mpf-alert-actions{display:flex;gap:8px}.mpf-languages{margin-bottom:24px}.mpf-languages h4{color:#495057;margin-bottom:12px}.mpf-language-grid{display:flex;flex-wrap:wrap;gap:12px}.mpf-language-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}.mpf-ocr-result{background:#f8f9fa;border-radius:12px;margin-top:20px;padding:20px}.mpf-ocr-detection{align-items:center;background:#fff;border-radius:8px;display:flex;font-weight:600;justify-content:space-between;margin-bottom:16px;padding:12px}.mpf-confidence{color:#28a745;font-size:.9rem}.mpf-ocr-translation h5{color:#495057;margin-bottom:8px;margin-top:16px}.mpf-ocr-original,.mpf-ocr-translated{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1.1rem;line-height:1.6;margin-bottom:12px;padding:16px}.mpf-ocr-original{font-family:Noto Sans Telugu,Noto Sans Devanagari,sans-serif}.mpf-ocr-match{background:#d4fc79;border:2px solid #28a745;border-radius:8px;margin-top:16px;padding:12px}.mpf-ocr-cache{color:#6c757d;font-size:.9rem;margin-top:12px;text-align:center}.mpf-error{background:#f8d7da;border:2px solid #dc3545;border-radius:8px;justify-content:space-between;margin-bottom:20px;padding:16px}.mpf-error,.mpf-error-close{align-items:center;color:#721c24;display:flex}.mpf-error-close{background:#0000;border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;height:24px;justify-content:center;padding:0;transition:all .2s;width:24px}.mpf-error-close:hover{background:#0000001a}@media (max-width:768px){.mpf-modal{max-height:90vh;width:95%}.mpf-tabs{flex-direction:column}.mpf-tab{border-bottom:1px solid #e9ecef;border-left:3px solid #0000}.mpf-tab-active{border-bottom-color:#e9ecef;border-left-color:#f5576c}.mpf-dashboard-stats,.mpf-sanity-stats,.mpf-template-list{grid-template-columns:1fr}}.enhanced-features-container{background:#fff;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.enhanced-features-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.enhanced-features-header h2{font-size:24px;font-weight:700;margin:0}.close-btn{background:#fff3;border-radius:50%;color:#fff;font-size:20px;height:36px;width:36px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.features-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;overflow-x:auto;padding:12px 20px}.features-tabs button{background:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;position:relative;transition:all .2s;white-space:nowrap}.features-tabs button:hover{background:#f3f4f6}.features-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge{background:#ef4444;color:#fff;font-weight:700;padding:2px 6px;position:absolute;right:-4px;top:-4px}.features-content{flex:1 1;overflow-y:auto;padding:20px}.panel{margin:0 auto;max-width:900px}.panel-header{align-items:center;display:flex;justify-content:space-between}.panel h3{color:#1f2937;font-size:20px;font-weight:700;margin:0 0 16px}.panel h4{color:#374151;font-size:16px;font-weight:600;margin:20px 0 12px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);transition:all .2s}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;color:#374151}.btn-primary-sm{background:#667eea}.btn-danger-sm,.btn-primary-sm{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px}.btn-danger-sm{background:#ef4444}.btn-disabled{background:#d1d5db;border:none;border-radius:6px;color:#9ca3af;cursor:not-allowed;font-size:13px;padding:6px 12px}.feature-form{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.feature-form input,.feature-form select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;margin-bottom:12px;padding:12px;width:100%}.feature-form input:focus,.feature-form select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{display:flex;gap:8px;margin-top:16px}.empty-state{color:#9ca3af;padding:40px 20px}.variants-list{grid-gap:12px;display:grid;gap:12px}.variant-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.variant-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.multiplier-badge{background:#dbeafe;border-radius:6px;color:#1e40af;font-size:13px;font-weight:700;padding:4px 10px}.variant-desc{color:#6b7280;font-size:13px;margin:0}.section{margin-bottom:24px}.comp-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:14px}.scaling-badge{background:#fef3c7;border-radius:4px;color:#92400e;font-size:11px;font-weight:600;margin-left:8px;padding:2px 8px}.comp-meta{color:#16a34a;font-size:13px;font-weight:600;margin-top:4px}.scaling-selector{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:12px}.scaling-selector label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:6px}.comp-list{grid-gap:8px;display:grid;gap:8px}.customizations-list{grid-gap:12px;display:grid;gap:12px}.customization-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px}.category-badge{background:#e0e7ff;border-radius:6px;color:#4338ca;font-size:12px;font-weight:600;margin-left:8px;padding:3px 10px}.adjustment-count{color:#6b7280;font-size:13px}.info-text{background:#dbeafe;border-radius:8px;color:#1e40af;font-size:13px;margin-bottom:16px;padding:12px}.virtual-list{grid-gap:12px;display:grid;gap:12px}.virtual-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.virtual-meta{color:#6b7280;font-size:13px;margin-top:6px}.flagged-section{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;margin-bottom:32px;padding:16px}.recent-section{margin-top:24px}.change-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:14px}.change-card.flagged{background:#fef2f2;border-color:#fca5a5}.change-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.flag-badge{background:#dc2626;border-radius:6px;color:#fff;font-size:11px;font-weight:700;padding:4px 10px}.change-details{color:#374151;font-family:Courier New,monospace;font-size:13px;margin-bottom:6px}.change-meta{color:#9ca3af;font-size:12px}.loading{color:#6b7280;font-size:16px;padding:60px 20px;text-align:center}.customization-mapping-container{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.customization-header{align-items:center;gap:16px;padding:20px}.customization-header,.customization-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;margin-bottom:24px}.customization-tabs{gap:8px;padding:8px}.tab{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:17px;font-weight:600;padding:17px 24px;transition:all .2s}.tab:hover{background:#f5f7fa;color:#1a1a1a}.tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:500px;padding:24px}.customization-mapping-container .section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.customization-mapping-container .section-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.option-type-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px}.option-type-card h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 16px}.option-list{display:flex;flex-direction:column;gap:8px}.option-item{background:#fff;border:1px solid #dee2e6;border-radius:8px;justify-content:space-between;padding:12px}.option-details,.option-item{align-items:center;display:flex}.option-details{flex:1 1;gap:12px}.option-name{color:#212529;font-weight:500}.option-price{background:#d4edda;border-radius:12px;color:#28a745;font-size:12px;font-weight:600;padding:2px 8px}.option-actions{display:flex;gap:8px}.groups-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.group-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px}.group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.group-header h4{color:#212529;font-size:16px;font-weight:600;margin:0}.group-type{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:600;padding:4px 12px}.group-description{color:#6c757d;font-size:14px;margin:0 0 12px}.group-options{margin-top:12px}.option-chips{display:flex;flex-wrap:wrap;gap:8px}.option-chip{background:#fff;border:1px solid #dee2e6;border-radius:16px;color:#495057;display:inline-block;font-size:13px;padding:6px 12px}.menu-items-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr}.menu-items-list{max-height:600px;overflow-y:auto;padding-right:8px}.menu-items-list h3{color:#212529;font-size:18px;font-weight:600;margin:0 0 16px}.menu-item-card{background:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s}.menu-item-card:hover{background:#e9ecef}.menu-item-card.selected{background:#e3f2fd;border-color:#2196f3}.menu-item-name{color:#212529;font-weight:600;margin-bottom:4px}.menu-item-price{color:#28a745;font-size:14px;font-weight:600}.menu-item-customizations{background:#f8f9fa;border-radius:12px;min-height:500px;padding:24px}.linked-groups{display:flex;flex-direction:column;gap:16px}.linked-group-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:16px}.btn-primary:hover{background:#1976d2}.btn-icon{align-items:center;background:#0000;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-icon:hover{background:#f0f0f0;color:#1a1a1a}.btn-icon.btn-danger:hover{background:#f8d7da;color:#dc3545}.empty-state{font-size:14px;padding:40px}.empty-state-small{color:#adb5bd;font-size:13px;padding:12px;text-align:center}.modal-content{max-width:500px}.modal-header h3{color:#212529}.modal-body{padding:24px}.menu-items-list::-webkit-scrollbar,.modal-content::-webkit-scrollbar{width:6px}.menu-items-list::-webkit-scrollbar-track,.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.menu-items-list::-webkit-scrollbar-thumb,.modal-content::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.menu-items-list::-webkit-scrollbar-thumb:hover,.modal-content::-webkit-scrollbar-thumb:hover{background:#999}.vid-manager-container{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.vid-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:16px;margin-bottom:24px;padding:20px}.back-btn,.vid-header{align-items:center;display:flex}.back-btn{background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;height:40px;justify-content:center;transition:background .2s;width:40px}.page-title{color:#1a1a1a;font-size:24px;font-weight:600;margin:0}.page-subtitle{color:#666;font-size:14px;margin:4px 0 0}.vid-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;margin-bottom:24px;padding:8px}.vid-tab{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.vid-tab:hover{background:#f5f7fa;color:#1a1a1a}.vid-tab.active{background:#2196f3;color:#fff}.vid-tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:500px;padding:24px}.tab-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.tab-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.date-filter{align-items:center;display:flex;gap:12px}.date-filter input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.virtual-items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.virtual-item-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:20px;transition:box-shadow .2s}.virtual-item-card:hover{box-shadow:0 4px 12px #0000001a}.item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.item-header h4{color:#212529;font-size:18px;font-weight:600;margin:0}.yield-badge{background:#28a745;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px}.item-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.detail-row{display:flex;font-size:14px;justify-content:space-between}.detail-row .label{color:#6c757d;font-weight:500}.detail-row .value{color:#212529;font-weight:600}.detail-row .value.wastage{color:#dc3545}.detail-row .value.cost{color:#28a745}.processing-notes{background:#fff;border-radius:8px;color:#495057;font-size:13px;margin-bottom:16px;padding:12px}.item-actions{display:flex;gap:8px}.info-box{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;margin-bottom:24px;padding:16px 20px}.info-box h4{color:#1976d2;font-size:16px;margin:0 0 12px}.info-box ol{color:#495057;margin:0;padding-left:20px}.info-box li{margin-bottom:8px}.wastage-report{margin-top:24px}.report-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;padding:20px;text-align:center}.summary-card h4{font-size:14px;margin:0 0 12px;opacity:.9}.summary-card .big-number{font-size:32px;font-weight:700;margin:0}.wastage-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.wastage-table thead{background:#f8f9fa}.wastage-table th{border-bottom:2px solid #dee2e6;color:#495057;font-size:14px;font-weight:600;padding:12px;text-align:left}.wastage-table td{border-bottom:1px solid #e9ecef;color:#212529;font-size:14px;padding:12px}.wastage-table tbody tr:hover{background:#f8f9fa}.yield-indicator{border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px}.yield-indicator.low{background:#f8d7da;color:#dc3545}.yield-indicator.high{background:#d4edda;color:#28a745}.btn-primary{align-items:center;background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:background .2s}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.btn-secondary:hover{background:#5a6268}.empty-state{color:#6c757d}.empty-state p{margin-bottom:20px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#f8f9fa;color:#212529}.modal-content form{padding:24px}.modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.form-group{margin-bottom:20px}.form-group label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2196f3;outline:none}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.loading-overlay{align-items:center;background:#fffc;bottom:0;color:#2196f3;display:flex;font-weight:600;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.vid-content{position:relative}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#bbb;border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:#999}.expiry-control-panel{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;width:100%}.expiry-control-panel.loading{align-items:center;display:flex;justify-content:center}.loader{color:#fff;font-size:18px;font-weight:600}.panel-header{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;margin-bottom:20px;padding:24px}.back-button{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:16px;padding:10px 20px;transition:all .2s}.back-button:hover{background:#5568d3;transform:translateY(-1px)}.header-content h1{color:#333;font-size:28px;margin:0 0 8px}.header-content p{color:#666;font-size:14px;margin:0}.summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.stat{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:16px;text-align:center}.stat.enabled{background:#ecfdf5;border-left-color:#10b981}.stat.disabled{background:#fef2f2;border-left-color:#ef4444}.stat.auto{background:#fffbeb;border-left-color:#f59e0b}.stat-value{color:#000;display:block;font-size:14px;font-weight:700;margin-bottom:4px}.stat-label{color:#666;display:block;font-size:12px;font-weight:600;text-transform:uppercase}.controls-bar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px}.controls-bar,.search-box{align-items:center;display:flex}.search-box{background:#f8f9fa;border-radius:8px;flex:1 1;gap:10px;min-width:250px;padding:10px 16px}.search-box svg{color:#666;font-size:16px}.search-box input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none}.filter-controls{display:flex;gap:12px}.filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s}.filter-select:hover{border-color:#667eea}.bulk-actions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;margin-bottom:20px;padding:16px}.bulk-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.bulk-action-btn.enable{background:#10b981;color:#fff}.bulk-action-btn.enable:hover{background:#059669}.bulk-action-btn.disable{background:#ef4444;color:#fff}.bulk-action-btn.disable:hover{background:#dc2626}.items-list{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;overflow:hidden}.list-header{background:#667eea;color:#fff;font-size:14px;font-weight:600;text-transform:uppercase}.item-row,.list-header{grid-gap:16px;display:grid;gap:16px;grid-template-columns:2fr 1.5fr 2fr 1fr;padding:16px 20px}.item-row{align-items:center;border-bottom:1px solid #f0f0f0;transition:all .2s}.item-row:hover{background:#f8f9fa}.item-row.enabled{border-left:4px solid #10b981}.item-row.disabled{border-left:4px solid #ef4444}.item-row.saving{opacity:.6;pointer-events:none}.col-name{color:#333;font-weight:600}.col-category{color:#666;font-size:14px}.col-status{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.badge{border-radius:12px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.badge.auto-enabled{background:#fef3c7;color:#92400e}.badge.manually-set{background:#dbeafe;color:#1e40af}.last-entry{color:#666;font-size:11px}.col-toggle{align-items:center;display:flex;gap:10px}.toggle-switch{cursor:pointer;display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.slider{align-items:center;background-color:#ccc;border-radius:34px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-switch input:checked+.slider{background-color:#10b981}.toggle-icon{color:#fff;font-size:24px}.saving-indicator{color:#667eea;font-size:12px;font-weight:600}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state p{font-size:16px;margin:0}@media (max-width:768px){.item-row,.list-header{gap:8px;grid-template-columns:1fr}.col-category,.col-name,.col-status,.col-toggle{justify-content:flex-start}.summary-stats{grid-template-columns:repeat(2,1fr)}}.finalization-container{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:20px}.finalization-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px}.header-content{align-items:center;display:flex;gap:20px}.header-text h1{color:#2c3e50;font-size:28px;font-weight:700;margin:0}.header-subtitle{color:#7f8c8d;font-size:14px;margin:8px 0 0}.progress-badge{align-items:center;display:flex;gap:12px}.completed-count{background:#27ae60}.completed-count,.pending-count{border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:8px 16px}.pending-count{background:#f39c12}.mog-banner{align-items:flex-start;background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:12px;box-shadow:0 4px 12px #f39c124d;color:#fff;display:flex;gap:16px;margin-bottom:20px;padding:20px 24px}.mog-banner svg{font-size:24px;margin-top:2px}.mog-text strong{display:block;font-size:18px;margin-bottom:8px}.mog-text p{font-size:14px;line-height:1.6;margin:0;opacity:.95}.finalization-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:350px 1fr;min-height:600px}.pending-items-panel{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;max-height:calc(100vh - 280px);overflow-y:auto;padding:24px}.pending-items-panel h3{color:#2c3e50;font-size:18px;font-weight:700;margin:0 0 20px}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.item-card:hover{background:#e9ecef;transform:translateX(4px)}.item-card.selected{background:#e3f2fd;border-color:#2196f3;box-shadow:0 2px 8px #2196f333}.item-image{border-radius:8px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.item-info{flex:1 1}.item-info h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 4px}.parent-dish{color:#7f8c8d;font-size:12px;margin:4px 0}.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;margin-top:8px;padding:4px 12px;text-transform:uppercase}.status-badge.pending{background:#fff3cd;color:#856404}.ingredient-editor-panel{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;max-height:calc(100vh - 280px);overflow-y:auto;padding:32px}.editor-header{margin-bottom:32px}.editor-header h2{color:#2c3e50;font-size:24px;font-weight:700;margin:0 0 8px}.editor-subtitle{color:#7f8c8d;font-size:14px;margin:0}.ingredients-section{margin-bottom:32px}.ingredients-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ingredients-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.btn-add-ingredient{align-items:center;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-add-ingredient:hover{background:#2980b9;box-shadow:0 4px 8px #3498db4d;transform:translateY(-2px)}.ingredients-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.ingredient-row{align-items:center;display:flex;gap:12px;grid-template-columns:2fr 1fr 100px 40px}.ingredient-row input,.ingredient-row select{border:2px solid #fff;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;transition:all .2s ease}.ingredient-row input:focus,.ingredient-row select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.input-name{font-weight:500}.input-quantity{text-align:right}.btn-remove{align-items:center;background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-remove:hover{background:#c0392b;transform:scale(1.1)}.constraint-notice{align-items:flex-start;background:#fff3cd;border-left:4px solid #f39c12;border-radius:8px;display:flex;gap:12px;padding:16px}.constraint-notice svg{font-size:20px;margin-top:2px}.constraint-notice p{color:#856404;font-size:13px;line-height:1.6;margin:0}.editor-actions{border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;padding-top:24px}.btn-save{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border:none;border-radius:10px;box-shadow:0 4px 12px #27ae604d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:14px 32px;transition:all .2s ease}.btn-save:hover:not(:disabled){box-shadow:0 6px 16px #27ae6066;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.no-selection{color:#95a5a6;font-size:16px;height:400px}.finalization-loading,.no-selection{align-items:center;display:flex;justify-content:center}.finalization-loading{color:#fff;flex-direction:column;min-height:60vh}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:20px;width:60px}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.finalization-loading p{font-size:16px;font-weight:500}.finalization-error{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.finalization-error h2{font-size:28px;margin:20px 0 10px}.finalization-error p{font-size:16px;margin:0 0 30px;opacity:.9}.btn-retry{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s ease}.btn-retry:hover{box-shadow:0 4px 12px #ffffff4d;transform:translateY(-2px)}.finalization-complete{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:40px;text-align:center}.finalization-complete h1{font-size:36px;font-weight:700;margin:20px 0 10px}.finalization-complete h2{font-size:24px;font-weight:600;margin:0 0 20px;opacity:.95}.finalization-complete p{font-size:16px;margin:10px 0;max-width:600px;opacity:.9}.btn-complete{background:#fff;border:none;border-radius:12px;box-shadow:0 4px 16px #ffffff4d;color:#667eea;cursor:pointer;font-size:18px;font-weight:700;margin-top:30px;padding:16px 48px;transition:all .2s ease}.btn-complete:hover{box-shadow:0 6px 20px #fff6;transform:translateY(-3px)}@media (max-width:1024px){.finalization-content{grid-template-columns:1fr}.pending-items-panel{max-height:300px}.ingredient-editor-panel{max-height:none}}@media (max-width:768px){.finalization-container{padding:12px}.finalization-header{gap:16px}.finalization-header,.header-content{align-items:flex-start;flex-direction:column}.header-text h1{font-size:22px}.ingredient-row{gap:8px;grid-template-columns:1fr}.btn-remove{height:36px;width:100%}}
/*# sourceMappingURL=main.1b28c857.css.map*/