.tabbar-container{transition:all .3s}.tabbar-container:hover{box-shadow:0 2px 8px #0000001a}@media (width<=1000px){.tabbar-container{gap:50px!important;padding:0 15px!important}}@media (width<=700px){.tabbar-container{gap:30px!important;padding:0 10px!important}}@media (width<=500px){.tabbar-container{flex-wrap:wrap!important;gap:10px!important;min-height:80px!important;padding:0 5px!important}.tabbar-item{flex:50%!important;min-width:60px!important;max-width:50%!important}}@media (width<=400px){.tabbar-container{gap:5px!important;padding:0 2px!important}.tabbar-item{min-width:50px!important;max-width:50%!important}}.modal-overlay{background-color:#00000080;justify-content:center;align-items:center;padding-left:20px;padding-right:20px;display:flex}.modal-content{background-color:#fff;border:2px solid #eee;border-radius:20px;align-items:center;width:100%;max-width:400px;padding:30px;display:flex;box-shadow:0 4px 8px #0000004d}.close-icon-container{z-index:1;padding:5px;position:absolute;top:15px;right:15px}.icon-container{align-items:center;margin-bottom:20px;display:flex}.icon-background{border-radius:40px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.button-container{width:100%;margin-top:25px}.ok-button{background-color:gold;border:none;border-radius:25px;padding:12px 40px;box-shadow:0 2px 4px #00000026}.ok-button-text{color:#333;font-size:16px;font-weight:600}@media (width>=960px){.auth-input-container{width:100%;max-width:500px;margin:0 auto}.auth-input{width:100%;max-width:100%}.auth-button,.auth-options{width:100%;max-width:500px;margin:0 auto}}@media (width<=768px){.modal-content{max-width:90%;padding:25px}.icon-background{border-radius:35px;width:70px;height:70px}.ok-button{padding:10px 30px}}@media (width<=480px){.modal-content{max-width:95%;padding:20px}.icon-background{border-radius:30px;width:60px;height:60px}.ok-button{padding:8px 25px}.ok-button-text{font-size:14px}}.import-button{color:#fff;cursor:pointer;background-color:#2196f3;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 2px 4px #0000001a}.import-button:hover{background-color:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.export-button,.import-button{padding:10px 20px;font-size:13px}}@media (width<=480px){.export-button,.import-button{padding:8px 16px;font-size:12px}}.export-button{color:#fff;cursor:pointer;background-color:#4caf50;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 2px 4px #0000001a}.export-button:hover{background-color:#45a049;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.export-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.export-button:disabled{cursor:not-allowed;box-shadow:none;background-color:#ccc;transform:none}.export-loading{justify-content:center;align-items:center;gap:8px;display:flex}.export-loading-spinner{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@media (width<=768px){.export-button{padding:10px 20px;font-size:13px}}@media (width<=480px){.export-button{padding:8px 16px;font-size:12px}}.modal-overlay{will-change:opacity;transition:opacity .2s ease-in-out}.modal-content{will-change:transform;transition:transform .2s ease-in-out}.confirmation-modal{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.delete-button{transition:all .2s ease-in-out;transform:translateZ(0)}.delete-button:active{transform:scale(.95)translateZ(0)}.orders-list{will-change:scroll-position;transform:translateZ(0)}.orders-list-item{will-change:transform;transform:translateZ(0)}.loader-container{will-change:opacity;transition:opacity .2s ease-in-out}.loading-state{pointer-events:none;user-select:none}.stable-component{contain:layout style paint}.color-remove-button{color:#fff;cursor:pointer;background-color:red;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:8px;transition:all .2s;display:flex}.color-remove-button:hover{background-color:#c00;transform:scale(1.1)}.color-remove-button:active{transform:scale(.95)}@media (width<=768px){.color-remove-button{width:18px;height:18px;margin-left:6px}}@media (width<=480px){.color-remove-button{width:16px;height:16px;margin-left:4px}}.color-display-container{align-items:center;gap:8px;display:flex}.color-preview{border:1px solid #e0e0e0;border-radius:4px;flex-shrink:0;width:70px;height:20px}@media (width<=768px){.color-preview{width:60px;height:18px}}@media (width<=480px){.color-preview{width:50px;height:16px}}.color-input-container{align-items:center;gap:10px;margin:5px 0;display:flex}.color-input-field{flex:1;position:relative}.color-remove-button-new{color:#fff;cursor:pointer;background-color:red;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000040}.color-remove-button-new:hover{background-color:#c00;transform:scale(1.05);box-shadow:0 4px 8px #0000004d}.color-remove-button-new:active{transform:scale(.95)}.color-remove-button-new:focus{outline-offset:2px;outline:2px solid #f66}@media (width<=768px){.color-remove-button-new{width:28px;height:28px}.color-input-container{gap:8px}}@media (width<=480px){.color-remove-button-new{width:26px;height:26px}.color-input-container{gap:6px}}.color-remove-button-new{animation:.3s ease-out fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.dashboard-section-title{color:#000;margin:10px 0;font-family:Montserrat,sans-serif;font-size:18px;font-weight:300}.dashboard-section-container{margin:5px 0 20px}.dashboard-section-header{justify-content:space-between;align-items:center;margin:10px 0;display:flex}.dashboard-section-title-text{color:#000;font-family:Montserrat,sans-serif;font-size:18px;font-weight:300}.dashboard-section-see-more{color:#e58924;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;transition:color .2s}.dashboard-section-see-more:hover{color:#d17a1a}@media (width<=768px){.dashboard-section-title,.dashboard-section-title-text{font-size:16px}.dashboard-section-see-more{font-size:13px}}@media (width<=480px){.dashboard-section-title,.dashboard-section-title-text{font-size:15px}.dashboard-section-see-more{font-size:12px}}.keyboard-aware-container{-webkit-overflow-scrolling:touch;min-height:100vh;overflow-x:hidden}.mobile-form-container{scroll-behavior:smooth;padding-bottom:20px}.mobile-input{-webkit-text-size-adjust:100%;border:2px solid #e0e0e0;border-radius:8px;padding:12px 16px;line-height:1.4;transition:border-color .2s,box-shadow .2s;font-size:16px!important}.mobile-input:focus{border-color:#e58924;outline:none;box-shadow:0 0 0 3px #e589241a}.mobile-button{cursor:pointer;user-select:none;border-radius:8px;min-width:44px;min-height:44px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.mobile-button:active{transform:scale(.98)}.scrollable-content{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scrollable-content::-webkit-scrollbar{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus-visible:focus{outline-offset:2px;outline:2px solid #e58924}.mobile-modal{z-index:1000;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.mobile-modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 10px 25px #0003}@media (width<=320px){.mobile-input{padding:10px 12px;font-size:14px!important}.mobile-button{min-height:40px;padding:10px 20px;font-size:14px}.mobile-modal-content{border-radius:12px;padding:16px}}.numeric-input{-webkit-appearance:none;-moz-appearance:textfield}.numeric-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numeric-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.multiline-input{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}@keyframes keyboardSlideUp{0%{transform:translateY(0)}to{transform:translateY(-50px)}}@keyframes keyboardSlideDown{0%{transform:translateY(-50px)}to{transform:translateY(0)}}.keyboard-slide-up{animation:.3s ease-out keyboardSlideUp}.keyboard-slide-down{animation:.3s ease-out keyboardSlideDown}.product-card{background-color:#fff;border-radius:20px;flex-direction:row;align-items:center;margin-bottom:15px;padding:5px;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 4px 8px #0000001a}.product-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.product-card-image{border-radius:15px;flex-shrink:0;width:80px;height:80px;margin-right:15px;overflow:hidden}.product-card-image img{object-fit:cover;border-radius:15px;width:100%;height:100%}.product-card-content{flex-direction:column;flex:1;justify-content:space-between;min-height:80px;display:flex}.product-card-name{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:16px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card-quantity{color:#666;margin-bottom:8px;font-size:14px}.product-card-size{align-items:center;margin-bottom:8px;display:flex}.product-card-size-color{border-radius:50%;width:16px;height:16px;margin-right:8px}.product-card-size-text{color:#666;font-size:12px}.product-card-price{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}.product-card-old-price{color:#999;font-size:14px;font-weight:600;text-decoration:line-through}.product-card-current-price{color:#e58924;font-size:18px;font-weight:600}@media (width<=768px){.product-card{margin-bottom:12px;padding:12px}.product-card-image{width:70px;height:70px;margin-right:12px}.product-card-name{font-size:15px}.product-card-current-price{font-size:16px}}.invoice-buttons-container{z-index:1000;flex-direction:row;justify-content:space-between;gap:15px;display:flex;position:fixed;bottom:20px;left:20px;right:20px}.invoice-buttons-container.web-single-button{justify-content:center}.invoice-button{cursor:pointer;background-color:#e58924;border:none;border-radius:12px;outline:none;flex-direction:row;flex:1;justify-content:center;align-items:center;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 4px 8px #0000004d}.invoice-button.web-single{flex:0 auto;min-width:300px;max-width:50%}.invoice-button:hover{background-color:#d17a1f;transform:translateY(-2px);box-shadow:0 6px 12px #0006}.invoice-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}.invoice-button-icon{color:#fff;margin-right:8px;font-size:20px}.invoice-button-text{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:16px;font-weight:700}@media (width<=768px){.invoice-buttons-container{gap:12px;bottom:15px;left:15px;right:15px}.invoice-button{border-radius:10px;padding:14px 16px}.invoice-button.web-single{min-width:auto;max-width:100%}.invoice-button-text{font-size:14px}.invoice-button-icon{font-size:18px}}.collapsible-content{transition:max-height .3s ease-in-out,opacity .3s ease-in-out;overflow:hidden}.collapsible-content.expanded{opacity:1;max-height:500px}.collapsible-content.collapsed{opacity:0;max-height:0}.collapsible-header{cursor:pointer;border-radius:8px;align-items:center;min-height:50px;margin:-12px -16px;padding:12px 16px;transition:background-color .2s;display:flex}.collapsible-header:hover{background-color:#0000000d}.collapsible-header:active{background-color:#0000001a}.horizontal-handle{cursor:pointer;-ms-border-radius:5px;-o-border-radius:5px;background-color:#333;border-radius:5px;width:40px;height:6px;margin:0 auto 10px;transition:all .2s}.horizontal-handle:hover{background-color:#555;transform:scale(1.05)}.chevron-icon{background-color:#333;border-radius:1.5px;width:20px;height:3px;transition:all .2s}.chevron-icon.expanded,.chevron-icon.collapsed{transform:rotate(0)}.collapsible-section-closed{background-color:#fff;border-radius:8px;justify-content:space-between;align-items:center;min-height:50px;padding:12px 16px;display:flex;box-shadow:0 2px 4px #0000001a}@media (width<=768px){.collapsible-section-closed{min-height:45px;padding:10px 12px}}.category-cards-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:10px 0;overflow-x:auto}.category-cards-container::-webkit-scrollbar{display:none}.category-cards-scroll{flex-direction:row;gap:10px;padding:0 10px;display:flex}.category-card{cursor:pointer;background-color:#fff;border:2px solid #e0e0e0;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:100px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.category-card.selected{background-color:#e58924;border-color:#e58924;transform:scale(1.05);box-shadow:0 4px 8px #e589244d}@media (hover:hover){.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.category-card.selected:hover{transform:scale(1.05)translateY(-2px);box-shadow:0 6px 16px #e5892466}}.category-card:active{transform:scale(.98)}.category-card.selected:active{transform:scale(1.02)}.category-card-image{background-color:#f5f5f5;border-radius:25px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:8px;display:flex;overflow:hidden}.category-card.selected .category-card-image{background-color:#fff}.category-card img{object-fit:cover;border-radius:25px;width:100%;height:100%}.category-card-icon{color:#999;font-size:20px;font-weight:600}.category-card.selected .category-card-icon{color:#e58924}.category-card-name{text-align:center;color:#333;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:70px;font-size:10px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.category-card.selected .category-card-name{color:#fff}.category-card-check{color:#e58924;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;position:absolute;top:5px;right:5px}.category-card.all-categories{background-color:#fff;border-color:#e0e0e0}.category-card.all-categories.selected{background-color:#e58924;border-color:#e58924}.category-card.all-categories .category-card-image{color:#fff;background-color:#e58924}.category-card.all-categories.selected .category-card-image{color:#e58924;background-color:#fff}.category-card-loading{background-color:#f0f0f0;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (width<=768px){.category-card{width:75px;height:95px}.category-card-image{border-radius:22.5px;width:45px;height:45px}.category-card-name{max-width:65px;font-size:9px}.category-card-check{border-radius:9px;width:18px;height:18px;font-size:11px}}@media (width<=480px){.category-card{width:70px;height:90px}.category-card-image{border-radius:20px;width:40px;height:40px}.category-card-name{max-width:60px;font-size:8px}.category-card-check{border-radius:8px;width:16px;height:16px;font-size:10px}.category-cards-scroll{gap:8px;padding:0 8px}}.category-card{animation:.3s ease-out slideInFromRight}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.category-card:first-child{animation-delay:.1s}.category-card:nth-child(2){animation-delay:.2s}.category-card:nth-child(3){animation-delay:.3s}.category-card:nth-child(4){animation-delay:.4s}.category-card:nth-child(5){animation-delay:.5s}.category-card:nth-child(6){animation-delay:.6s}.category-card:nth-child(7){animation-delay:.7s}.category-card:nth-child(8){animation-delay:.8s}