.header{background-color:#fff;padding:16px;box-shadow:0 2px 8px #0000000f;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;gap:8px;max-width:100%}.search-bar{flex:1;min-width:0;display:flex;align-items:center;background-color:#f5f5f5;border-radius:20px;padding:8px 12px;gap:6px}.search-icon{font-size:16px;color:#999;user-select:none;-webkit-user-select:none;pointer-events:none}.search-bar input{flex:1;border:none;background:transparent;font-size:16px;outline:none;color:#333}.search-bar input::placeholder{color:#bbb}@media (max-width: 768px){.search-bar input{font-size:16px}}.clear-icon{font-size:16px;color:#999;cursor:pointer;padding:4px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.menu-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;color:#333}.cart-icon{position:relative;cursor:pointer;padding:4px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.cart-icon .icon{font-size:24px;user-select:none;-webkit-user-select:none;pointer-events:none}.cart-badge{position:absolute;top:0;right:0;background-color:#f44;color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:700;min-width:18px;text-align:center;user-select:none;-webkit-user-select:none;pointer-events:none}.add-product-icon{position:relative;cursor:pointer;padding:4px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:transform .2s}.add-product-icon:active{transform:scale(.9)}.add-product-icon .icon{font-size:24px;user-select:none;-webkit-user-select:none;pointer-events:none}.manage-icon{position:relative;cursor:pointer;padding:4px;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:transform .2s}.manage-icon:active{transform:scale(.9)}.manage-icon .icon{font-size:24px;user-select:none;-webkit-user-select:none;pointer-events:none}@media (max-width: 768px){.header{padding:14px 12px}.header-content{gap:6px}.search-bar{padding:6px 10px;gap:4px}.search-icon,.search-bar input{font-size:14px}.search-bar input::placeholder{font-size:14px}.clear-icon{font-size:14px;padding:2px}.header-actions{gap:4px}.manage-icon,.add-product-icon,.cart-icon{padding:2px}.manage-icon .icon,.add-product-icon .icon,.cart-icon .icon{font-size:20px}.cart-badge{font-size:10px;padding:1px 4px;min-width:16px}}@media (max-width: 375px){.header{padding:8px 10px}.header-content{gap:4px}.search-bar{padding:5px 8px}.search-bar input::placeholder{font-size:13px}.header-actions{gap:2px}.manage-icon .icon,.add-product-icon .icon,.cart-icon .icon{font-size:18px}}.category-nav{background-color:#fff;padding:20px 0;overflow:hidden;box-shadow:0 2px 4px #0000000a;position:fixed;z-index:1000;width:100%}.nav-container{position:relative;max-width:100%;margin:0 auto}.category-scroll{display:flex;gap:20px;padding:0 16px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}.category-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;flex-shrink:0;transition:transform .2s;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.category-item:active{transform:scale(.95)}.category-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);display:flex;align-items:center;justify-content:center;font-size:28px;transition:all .3s;user-select:none;-webkit-user-select:none;pointer-events:none}.category-item.active .category-icon{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 4px 12px #ee5a524d}.category-name{font-size:12px;color:#666;white-space:nowrap;transition:color .3s;user-select:none;-webkit-user-select:none}.category-item.active .category-name{color:#ee5a52;font-weight:600}.product-card{background-color:#fff;border-radius:12px;overflow:visible;box-shadow:0 2px 8px #0000000f;transition:all .3s;position:relative;display:flex;gap:12px;padding:12px}.product-card:active{background-color:#fafafa}.product-image{width:120px;height:150px;flex-shrink:0;overflow:hidden;background-color:#f9f9f9;display:flex;align-items:center;justify-content:center;border-radius:8px}.product-image img{width:100%;height:100%;object-fit:cover}.product-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.product-header{position:relative;cursor:pointer}.product-name{font-size:18px;font-weight:500;margin-bottom:4px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.product-details{position:absolute;top:100%;left:0;right:0;background:#000000e6;color:#fff;padding:10px;font-size:12px;line-height:1.5;border-radius:8px;margin-top:5px;box-shadow:0 4px 12px #0003;z-index:100;animation:fadeIn .3s ease}.product-details:before{content:"";position:absolute;top:-6px;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(0,0,0,.9)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.product-middle,.product-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:4px}.product-middle{margin:4px 20px 0 0;align-items:center}.product-price{align-items:center}.current-quantity,.current-color{font-size:16px;color:#060606}.current-price{display:block;font-size:15px;font-weight:700;color:#f44}.current-price:before{content:"Ұ";font-size:11px}.current-tax-price{font-size:12px;color:#888;text-decoration:line-through}.current-tax-price:before{content:"Ұ";font-size:11px}.add-to-cart-btn{width:36px;height:36px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:20px;font-weight:700;transition:all .3s;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #ee5a524d}.add-to-cart-btn:active{transform:scale(.9)}.product-card.editing{background-color:#fff8f8;border:2px solid #ee5a52;box-shadow:0 4px 16px #ee5a5233}.edit-hint{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;box-shadow:0 2px 8px #ee5a5266;animation:bounceIn .3s ease;z-index:10;white-space:nowrap}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.product-list{display:flex;flex-direction:column;gap:12px;padding:8px 16px 80px;flex:1;max-width:1200px;margin-top:80px;margin-left:65px;width:100%}@media (max-width: 768px){.product-list{margin-top:62px}}.query-product{margin:0}.query-margin{margin:50px auto}.search-result-info{background-color:#f0f7ff;color:#667eea;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500;text-align:center;margin:0 auto;max-width:600px}.no-products{text-align:center;padding:60px 20px;max-width:400px;margin:40px auto}.no-products-icon{font-size:64px;margin-bottom:16px;opacity:.5}.no-products p{color:#999;font-size:15px;margin-bottom:8px;line-height:1.5}.search-hint{color:#bbb;font-size:13px;margin-top:8px}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.confirm-dialog{background-color:#fff;border-radius:16px;padding:24px;width:90%;max-width:320px;box-shadow:0 12px 40px #0000004d;animation:slideUp .3s ease-out}.confirm-icon{font-size:48px;text-align:center;margin-bottom:16px;animation:bounce .5s ease-out}.confirm-message{text-align:center;font-size:16px;color:#333;margin-bottom:24px;line-height:1.5}.confirm-actions{display:flex;gap:12px}.confirm-cancel,.confirm-ok{flex:1;padding:12px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.confirm-cancel{background-color:#f5f5f5;color:#666}.confirm-cancel:active{background-color:#e8e8e8}.confirm-ok{background:linear-gradient(135deg,#f44,#c00);color:#fff}.confirm-ok:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.cart-empty{text-align:center;padding:80px 20px;background-color:#fff;border-radius:12px;margin:8px 16px}.empty-icon{font-size:80px;margin-bottom:20px}.cart-empty h2{color:#333;margin-bottom:10px}.cart-empty p{color:#999}.cart-list{background-color:#fff;border-radius:12px;padding:20px;margin:0 16px 8px}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-top:55px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.cart-header h2{color:#333;font-size:24px}.cart-actions{display:flex;gap:10px}.notify-btn,.manage-btn,.clear-all-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.notify-btn{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff;font-size:18px;padding:8px 12px;box-shadow:0 2px 8px #ff98004d}.notify-btn:hover{box-shadow:0 4px 12px #ff980066}.notify-btn:active{transform:scale(.95)}.notify-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.manage-btn{background-color:#667eea;color:#fff}.manage-btn:active{transform:scale(.95)}.clear-all-btn{background-color:#f5f5f5;color:#666}.clear-all-btn:active{background-color:#e8e8e8}@media (max-width: 768px){.cart-list{padding:15px}.cart-header h2{font-size:20px}.notify-btn{padding:6px 10px;font-size:16px}.manage-btn,.clear-all-btn{padding:6px 12px;font-size:13px}}.cart-items{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.cart-item-wrapper{position:relative;border-radius:12px;overflow:hidden}.cart-item-wrapper .cart-item{transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;background-color:#fff;touch-action:pan-y}.cart-item-wrapper.swiped .cart-item{transform:translate(-80px)}.swipe-delete-btn{position:absolute;right:0;top:0;bottom:0;width:80px;background:linear-gradient(135deg,#f44,#c00);color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:0 12px 12px 0}.manage-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f9f9f9;border-radius:8px;margin-bottom:15px}.select-all{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#333}.select-all input[type=checkbox]{width:18px;height:18px;cursor:pointer}.selected-count{font-size:13px;color:#666}.cart-item{border:1px solid #e0e0e0;border-radius:12px;padding:15px;transition:all .3s;position:relative}.cart-item:hover{box-shadow:0 4px 12px #0000001a}.cart-item.managing{padding-left:50px}.cart-item:not(.managing){padding-left:50px}.cart-item.selected{background-color:#f0f7ff;border-color:#667eea}.checkbox-wrapper{position:absolute;left:15px;top:50%;transform:translateY(-50%)}.cart-checkbox{width:20px;height:20px;cursor:pointer}.order-selection-wrapper{position:absolute;left:15px;top:50%;transform:translateY(-50%);z-index:3}.order-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#667eea;border-radius:4px}.cart-item.order-selected{background-color:#f0f7ff;border-color:#667eea;box-shadow:0 2px 8px #667eea33}.cart-item.order-selected .cart-item-info h3,.cart-item.order-selected .cart-item-price .price{color:#667eea}.cart-item-time{display:flex;align-items:center;gap:8px;color:#999;font-size:13px;margin-bottom:12px}.time-icon{font-size:16px}.cart-item-content{display:flex;gap:15px;align-items:center}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:8px;background-color:#f9f9f9;flex-shrink:0}@media (max-width: 768px){.cart-item-content{gap:10px}.cart-item-image{width:60px;height:60px}}.cart-item-info{flex:1}.cart-item-info h3{width:100px;font-size:16px;color:#333;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cart-item-category{font-size:13px;color:#999;margin-bottom:10px}.cart-item-quantity{display:flex;font-size:15px;gap:10px}.cart-item-price{display:flex;align-items:center;gap:15px}.cart-item-price .price{font-size:18px;font-weight:700;color:#f44}.quantity-control{display:flex;align-items:center;gap:12px;background-color:#f5f5f5;border-radius:20px;padding:4px 8px;touch-action:none;-webkit-user-select:none;user-select:none}.quantity-btn{width:24px;height:24px;border-radius:50%;border:none;background-color:#fff;color:#667eea;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 4px #0000001a;touch-action:none}.quantity-btn:active{transform:scale(.9);background-color:#667eea;color:#fff}.quantity-value{font-size:14px;font-weight:600;color:#333;min-width:20px;text-align:center;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.cart-item-info h3{font-size:14px;margin-bottom:5px}.cart-item-price{gap:10px}.cart-item-price .price{font-size:16px}.quantity-control{gap:8px}.quantity-btn{width:22px;height:22px;font-size:14px}.quantity-value{font-size:13px}}.remove-btn{padding:8px 20px;background-color:#f44;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:opacity .3s;flex-shrink:0}.remove-btn:hover{opacity:.8}@media (max-width: 768px){.remove-btn{padding:6px 15px;font-size:13px}}.cart-summary{border-top:2px solid #f0f0f0;padding-top:20px;margin-top:20px}.summary-section{margin-bottom:15px}.summary-section:last-child{margin-bottom:0}.summary-header{font-size:14px;font-weight:600;color:#667eea;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #e8f0fe}.summary-divider{height:1px;background:linear-gradient(to right,transparent,#e0e0e0,transparent);margin:15px 0}.selected-summary{background-color:#f8faff;padding:12px;border-radius:8px;border-left:3px solid #667eea}.selected-summary .summary-row{font-size:14px}.selected-price{color:#667eea!important;font-weight:600}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:15px}.summary-row.total{font-size:18px;font-weight:700;color:#333}.summary-value{color:#666}.total-price{color:#f44;font-size:24px}.manage-footer{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:16px;box-shadow:0 -2px 8px #0000001a;z-index:100}.delete-selected-btn{width:100%;padding:14px;background:linear-gradient(135deg,#f44,#c00);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s}.delete-selected-btn:active{transform:scale(.98)}.order-section{margin-top:20px;padding-top:15px;border-top:1px solid #f0f0f0}.order-btn{width:100%;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.order-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-1px)}.order-btn:active{transform:translateY(0) scale(.98)}.order-btn:disabled{cursor:not-allowed;opacity:.8;transform:none}.order-btn.loading{background:linear-gradient(135deg,#9ca3db,#a084c4);pointer-events:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.order-btn{padding:14px 18px;font-size:15px}.loading-spinner{width:14px;height:14px}}.toast-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;pointer-events:none;animation:toastSlideIn .3s ease-out}.toast{background:#000000d9;color:#fff;padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px #0000004d;min-width:200px;justify-content:center}.toast-icon{width:24px;height:24px;background:linear-gradient(135deg,#4ade80,#22c55e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;animation:checkmark .5s ease-out}.toast-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.toast-message{font-size:15px;font-weight:500}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0)}}.brand-sidebar{width:100px;background-color:#f8f8f8;height:calc(100vh - 160px);position:fixed;top:160px;overflow-y:auto;flex-shrink:0;border-radius:0 12px 12px 0;box-shadow:2px 0 4px #0000000a}.brand-sidebar::-webkit-scrollbar{width:4px}.brand-sidebar::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:2px}.brand-list{display:flex;flex-direction:column}.brand-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 8px;cursor:pointer;transition:all .3s;border-left:3px solid transparent;background-color:#f8f8f8;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.brand-item:hover{background-color:#f0f0f0}.brand-item.active{background-color:#fff;border-left-color:#ee5a52}.brand-icon{font-size:24px;margin-bottom:6px;user-select:none;-webkit-user-select:none;pointer-events:none}.brand-name{font-size:12px;color:#666;text-align:center;line-height:1.3;word-break:keep-all;user-select:none;-webkit-user-select:none}.brand-item.active .brand-name{color:#ee5a52;font-weight:600}@media (max-width: 768px){.brand-sidebar{width:70px;height:calc(100vh - 140px);top:130px}.brand-item{padding:20px 6px}.brand-icon{font-size:20px;margin-bottom:4px}.brand-name{font-size:11px}}.add-product-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px 20px;overflow-y:auto}.add-product-modal{background-color:#fff;border-radius:16px;width:100%;max-width:500px;max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;margin:auto;-webkit-overflow-scrolling:touch}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.add-product-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background-color:#fff;border-radius:16px 16px 0 0;z-index:10}.add-product-header h2{font-size:20px;font-weight:600;color:#333;margin:0}.close-btn{width:32px;height:32px;border:none;background-color:#f5f5f5;border-radius:50%;font-size:18px;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background-color:#e8e8e8;color:#333}.close-btn:active{transform:scale(.95)}.add-product-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;transition:all .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ee5a52;box-shadow:0 0 0 3px #ee5a521a}.form-group textarea{resize:vertical;font-family:inherit;line-height:1.5}.form-span{font-size:14px;font-weight:500;color:#333;margin:0 10px 8px}.form-select,.form-input{width:30%!important}.image-upload-area{width:100%;min-height:200px;border:2px dashed #e0e0e0;border-radius:12px;overflow:hidden;transition:all .2s}.image-upload-area:hover{border-color:#ee5a52}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;cursor:pointer;padding:20px}.upload-icon{font-size:48px;margin-bottom:12px;opacity:.5}.upload-text{font-size:16px;color:#666;margin-bottom:4px}.upload-hint{font-size:12px;color:#999}.image-preview{position:relative;width:100%;height:200px;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.remove-image-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;background-color:#0009;color:#fff;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.remove-image-btn:hover{background-color:#000c}.remove-image-btn:active{transform:scale(.95)}.error-message{background-color:#fff3f3;color:#ee5a52;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px;border-left:3px solid #ee5a52}.form-actions{display:flex;gap:12px;margin-top:24px}.cancel-btn,.submit-btn{flex:1;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn{background-color:#f5f5f5;color:#666}.cancel-btn:hover{background-color:#e8e8e8}.cancel-btn:active{transform:scale(.98)}.submit-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;box-shadow:0 2px 8px #ee5a524d}.submit-btn:hover{box-shadow:0 4px 12px #ee5a5266}.submit-btn:active{transform:scale(.98)}.submit-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.add-product-overlay{padding:20px 10px;align-items:flex-start}.add-product-modal{max-height:calc(100vh - 40px);border-radius:16px;margin-top:20px}.add-product-header{padding:16px 20px}.add-product-header h2{font-size:18px}.add-product-form{padding:20px}.form-group{margin-bottom:16px}.image-preview{height:180px}}@media (max-width: 375px){.add-product-overlay{padding:10px 8px}.add-product-modal{max-height:calc(100vh - 20px);margin-top:10px}.add-product-header{padding:14px 16px}.add-product-form{padding:16px}}.manage-page-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px 20px;overflow-y:auto}.manage-page-modal{background-color:#fff;border-radius:16px;width:100%;max-width:700px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease;margin:auto}.manage-page-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0}.manage-page-header h2{font-size:20px;font-weight:600;color:#333;margin:0}.manage-tabs{display:flex;border-bottom:1px solid #f0f0f0;padding:0 24px}.tab-btn{flex:1;padding:16px;border:none;background:none;font-size:15px;font-weight:500;color:#666;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-btn:hover{color:#333}.tab-btn.active{color:#ee5a52;border-bottom-color:#ee5a52}.manage-content{flex:1;overflow-y:auto;padding:24px;-webkit-overflow-scrolling:touch}.manage-toolbar{margin-bottom:20px}.add-btn{padding:12px 24px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #ee5a524d;transition:all .2s}.add-btn:hover{box-shadow:0 4px 12px #ee5a5266}.add-btn:active{transform:scale(.98)}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#f9f9f9;border-radius:12px;transition:all .2s}.item-card:hover{background-color:#f5f5f5}.item-info{display:flex;align-items:center;gap:12px;flex:1}.item-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:8px}.item-details{flex:1}.item-name{font-size:16px;font-weight:500;color:#333;margin-bottom:4px}.item-id{font-size:12px;color:#999;font-family:monospace}.item-category{font-size:13px;color:#666;margin-top:4px}.item-actions{display:flex;gap:8px}.edit-btn,.delete-btn{width:36px;height:36px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-btn{background-color:#e3f2fd}.edit-btn:hover{background-color:#bbdefb}.delete-btn{background-color:#ffebee}.delete-btn:hover{background-color:#ffcdd2}.edit-btn:active,.delete-btn:active{transform:scale(.95)}.empty-state{text-align:center;padding:60px 20px;color:#999}.add-form{max-width:500px;margin:0 auto}.add-form h3{font-size:18px;font-weight:600;color:#333;margin-bottom:24px}.add-form .form-group{margin-bottom:20px}.add-form label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.add-form input,.add-form select{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:16px;color:#333;transition:all .2s;box-sizing:border-box}.add-form input:focus,.add-form select:focus{outline:none;border-color:#ee5a52;box-shadow:0 0 0 3px #ee5a521a}.add-form small{display:block;margin-top:6px;font-size:12px;color:#999}.add-form small a{color:#ee5a52;text-decoration:none}.add-form small a:hover{text-decoration:underline}.add-form .form-actions{display:flex;gap:12px;margin-top:24px}.add-form .cancel-btn,.add-form .submit-btn{flex:1;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.add-form .cancel-btn{background-color:#f5f5f5;color:#666}.add-form .cancel-btn:hover{background-color:#e8e8e8}.add-form .submit-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;box-shadow:0 2px 8px #ee5a524d}.add-form .submit-btn:hover{box-shadow:0 4px 12px #ee5a5266}.add-form .cancel-btn:active,.add-form .submit-btn:active{transform:scale(.98)}@media (max-width: 768px){.manage-page-overlay{padding:20px 10px;align-items:flex-start}.manage-page-modal{max-height:calc(100vh - 40px);border-radius:16px;margin-top:20px}.manage-page-header{padding:16px 20px}.manage-page-header h2{font-size:18px}.manage-content{padding:20px}.item-icon{font-size:28px;width:44px;height:44px}.item-name{font-size:15px}}@media (max-width: 375px){.manage-page-overlay{padding:10px 8px}.manage-page-modal{max-height:calc(100vh - 20px);margin-top:10px}.manage-page-header{padding:14px 16px}.manage-content{padding:16px}}.app{min-height:100vh;background-color:#f5f5f5}.main-container{padding-bottom:20px}.content-wrapper{display:flex;gap:0;padding:0;max-width:1400px;margin:0 auto;width:100%}.content-wrapper.search-mode{justify-content:center}@media (max-width: 768px){.content-wrapper{gap:0}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh}