.header{position:sticky;top:0;z-index:100;background-color:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.header-content{display:grid;grid-template-columns:44px 1fr auto 44px;align-items:center;gap:12px;padding:16px;max-width:100%}.header-logo{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.header-logo h1{font-size:20px;font-weight:700;color:var(--color-primary);margin:0;line-height:1.2}.header-subtitle{font-size:11px;color:var(--color-text-secondary);margin:2px 0 0;white-space:nowrap}.profile-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-primary);transition:all .2s ease}.profile-button:active{transform:scale(.95);background-color:var(--color-primary-light);color:#fff}.admin-button-slot{display:flex;align-items:center;justify-content:center;width:36px}.admin-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-primary);transition:all .2s ease}.admin-button:active{transform:scale(.95);background-color:var(--color-primary);color:#fff}.cart-button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-primary);transition:all .2s ease}.cart-button:active{transform:scale(.95);background-color:var(--color-primary-light);color:#fff}.cart-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background-color:var(--color-error);color:#fff;border-radius:9px;font-size:11px;font-weight:700;padding:0 4px}.product-card{background-color:var(--color-background);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column}.product-card:active{transform:scale(.98);box-shadow:var(--shadow-md)}.product-image{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:var(--color-surface)}.product-image img{width:100%;height:100%;object-fit:cover}.product-unavailable{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.product-info{padding:10px;display:flex;flex-direction:column;flex:1}.product-name{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 auto;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:8px}.product-footer-left{display:flex;flex-direction:column;gap:4px}.product-weight{font-size:12px;color:var(--color-text-secondary)}.product-price{font-size:15px;font-weight:700;color:var(--color-primary);white-space:nowrap}.add-to-cart-btn{padding:6px 12px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:12px;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.add-to-cart-btn:not(:disabled):active{transform:scale(.95);background-color:var(--color-primary-dark)}.add-to-cart-btn:disabled{background-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}.quantity-controls-inline{display:flex;align-items:center;gap:4px;background-color:var(--color-primary);border-radius:var(--radius-sm);padding:3px 5px}.quantity-btn-inline{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:#fff3;border-radius:4px;color:#fff;transition:all .2s ease}.quantity-btn-inline:disabled{opacity:.3;cursor:not-allowed}.quantity-btn-inline:not(:disabled):active{transform:scale(.9);background-color:#ffffff4d}.quantity-value-inline{min-width:20px;text-align:center;font-size:13px;font-weight:700;color:#fff}.category-section{margin-bottom:32px}.category-header{margin-bottom:16px;padding:0 16px}.category-name{font-size:22px;font-weight:700;color:var(--color-text);margin:0 0 4px}.category-description{font-size:14px;color:var(--color-text-secondary);margin:0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:0 16px}@media (min-width: 480px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.products-grid{grid-template-columns:repeat(3,1fr)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:14px;color:var(--color-text-secondary);margin:0}.catalog-page{background-color:var(--color-surface)}.catalog-content{padding:16px 0}.error-container,.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:32px 16px;text-align:center}.error-message,.empty-message{font-size:16px;color:var(--color-text-secondary);margin:0 0 24px;max-width:300px}.error-message{color:var(--color-error)}.cart-item{background-color:var(--color-background);border-radius:var(--radius-md);padding:8px;border:1px solid var(--color-border);display:flex;gap:8px}.cart-item-image{flex-shrink:0;width:60px;height:60px;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-surface);cursor:pointer;transition:transform .2s ease}.cart-item-image:active{transform:scale(.95)}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.cart-item-info{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cart-item-name{font-size:13px;font-weight:600;color:var(--color-text);margin:0;flex:1;line-height:1.3;cursor:pointer;transition:color .2s ease}.cart-item-name:active{color:var(--color-primary)}.cart-item-price{font-size:12px;color:var(--color-text-secondary);margin:0;white-space:nowrap;flex-shrink:0}.cart-item-actions{display:flex;align-items:center;gap:6px;justify-content:space-between}.quantity-controls{display:flex;align-items:center;gap:4px;background-color:var(--color-surface);border-radius:var(--radius-sm);padding:2px}.quantity-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);border-radius:var(--radius-sm);color:var(--color-primary);transition:all .2s ease}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-btn:not(:disabled):active{transform:scale(.9);background-color:var(--color-primary-light);color:#fff}.quantity-value{min-width:24px;text-align:center;font-size:13px;font-weight:600;color:var(--color-text)}.cart-item-subtotal{display:flex;flex-direction:row;align-items:center;gap:4px;flex-shrink:0}.subtotal-label{font-size:10px;color:var(--color-text-secondary);margin:0}.subtotal-value{font-size:14px;font-weight:700;color:var(--color-primary);margin:0;white-space:nowrap}.remove-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border-radius:var(--radius-sm);color:var(--color-error);transition:all .2s ease;flex-shrink:0}.remove-btn:active{transform:scale(.9);background-color:#d85c5c1a}@media (max-width: 480px){.cart-item{padding:8px;gap:8px}.cart-item-image{width:50px;height:50px}.cart-item-name{font-size:12px}.quantity-btn{width:22px;height:22px}.quantity-value{min-width:20px;font-size:12px}.subtotal-value{font-size:13px}.remove-btn{width:28px;height:28px}}.cart-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-surface)}.cart-header{position:sticky;top:0;z-index:100;background-color:var(--color-background);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:12px;padding:16px}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text);transition:all .2s ease}.back-btn:active{transform:scale(.95);background-color:var(--color-border)}.cart-title{font-size:24px;font-weight:700;color:var(--color-text);margin:0}.cart-content{flex:1;padding:16px 16px 180px}.cart-items{display:flex;flex-direction:column;gap:12px}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;text-align:center;min-height:60vh}.empty-cart-icon{margin-bottom:24px;color:var(--color-text-secondary);opacity:.3}.empty-cart-title{font-size:22px;font-weight:700;color:var(--color-text);margin:0 0 8px}.empty-cart-text{font-size:14px;color:var(--color-text-secondary);margin:0 0 32px}.back-to-catalog-btn{padding:14px 32px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:16px;transition:all .2s ease}.cart-footer{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-background);border-top:1px solid var(--color-border);box-shadow:0 -4px 12px #0000000d;padding:16px;z-index:90}.cart-summary{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.summary-value{font-size:16px;font-weight:600;color:var(--color-text)}.summary-total{padding-top:8px;border-top:1px solid var(--color-border);margin-top:4px}.summary-total .summary-value{font-size:22px;font-weight:700;color:var(--color-primary)}.checkout-btn{width:100%;padding:16px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:700;font-size:16px;transition:all .2s ease;box-shadow:var(--shadow-md)}.checkout-btn:active{transform:scale(.98);background-color:var(--color-primary-dark)}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:32px 16px;text-align:center}.error-message{font-size:16px;color:var(--color-error);margin:0 0 24px;max-width:300px}.checkout-page{padding:16px 16px 80px;max-width:600px;margin:0 auto}.checkout-title{font-size:24px;font-weight:700;margin:0 0 24px;color:var(--color-text);text-align:center}.checkout-steps{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;padding:0 8px}.step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto;z-index:1}.step-number{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;background-color:var(--color-surface);color:var(--color-text-secondary);border:2px solid var(--color-border);transition:all .3s ease}.step.active .step-number{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.step.completed .step-number{background-color:#4caf5033;color:var(--color-primary);border-color:var(--color-primary)}.step-label{font-size:12px;color:var(--color-text-secondary);font-weight:500;text-align:center;max-width:80px}.step.active .step-label{color:var(--color-primary);font-weight:600}.step.completed .step-label{color:var(--color-primary)}.step-divider{flex:1;height:2px;background-color:var(--color-border);margin:20px 8px 0;transition:background-color .3s ease}.step.completed+.step-divider{background-color:var(--color-primary)}.checkout-step-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-section{background-color:var(--color-background);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--color-border)}.step-section h2{font-size:20px;font-weight:600;margin:0 0 8px;color:var(--color-text)}.step-description{font-size:14px;color:var(--color-text-secondary);margin:0 0 20px}.form-field{margin-bottom:16px}.form-field label{display:block;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:8px}.form-field input,.form-field textarea{width:100%;padding:12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary)}.form-field textarea{resize:vertical;min-height:60px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-field{margin:20px 0}.checkbox-field .checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border-radius:var(--radius-md);background-color:var(--color-surface);border:1px solid var(--color-border);transition:all .2s ease}.checkbox-field .checkbox-label:hover{border-color:var(--color-primary);background-color:#4caf500d}.checkbox-field input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-field .checkbox-label span{font-size:14px;font-weight:500;color:var(--color-text);-webkit-user-select:none;user-select:none}.addresses-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.no-addresses-message{text-align:center;padding:32px 16px;margin-bottom:16px}.no-addresses-message p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:8px 0}.no-addresses-message p:first-child{font-weight:600;color:var(--color-text);font-size:16px}.address-card{position:relative;padding:16px;border-radius:var(--radius-md);border:2px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;transition:all .2s ease}.address-card:active{transform:scale(.98)}.address-card.selected{border-color:var(--color-primary);background-color:#4caf500d}.address-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-right:32px}.address-name{font-size:16px;font-weight:600;color:var(--color-text);flex:1}.default-badge{font-size:11px;padding:3px 8px;border-radius:var(--radius-sm);background-color:#fff4e6;color:#e67700;font-weight:600;flex-shrink:0;margin-left:8px}.address-details{font-size:14px;color:var(--color-text-secondary);line-height:1.4}.selected-indicator{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.add-address-button{width:100%;padding:12px;border-radius:var(--radius-md);border:2px dashed var(--color-border);background-color:transparent;color:var(--color-primary);font-size:14px;font-weight:600;transition:all .2s ease;margin-bottom:20px}.add-address-button:active{transform:scale(.98);background-color:#4caf500d}.payment-method-card{position:relative;display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius-md);border:2px solid var(--color-primary);background-color:#4caf500d;margin-bottom:20px}.payment-icon{font-size:32px;flex-shrink:0}.payment-info{flex:1}.payment-name{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:4px}.payment-description{font-size:13px;color:var(--color-text-secondary);line-height:1.4}.checkout-button{padding:14px 24px;border-radius:var(--radius-md);font-size:16px;font-weight:600;border:none;transition:all .2s ease;cursor:pointer}.checkout-button:active:not(:disabled){transform:scale(.98)}.checkout-button:disabled{opacity:.5;cursor:not-allowed}.checkout-button.primary{background-color:var(--color-primary);color:#fff;width:100%}.checkout-button.primary:active:not(:disabled){opacity:.9}.checkout-button.primary.submit{background-color:var(--color-primary)}.checkout-button.secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.checkout-button.secondary:active{background-color:var(--color-border)}.step-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.step-actions .checkout-button.primary{width:auto}@media (max-width: 400px){.checkout-steps{padding:0}.step-label{font-size:11px;max-width:60px}.step-number{width:36px;height:36px;font-size:14px}.form-row{grid-template-columns:1fr}}.checkout-success-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background-color:var(--color-background)}.success-content{max-width:480px;width:100%;text-align:center}.success-icon{display:flex;justify-content:center;margin-bottom:24px;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-title{font-size:28px;font-weight:700;color:var(--color-text);margin:0 0 24px;animation:fadeInUp .6s ease-out .2s both}.success-message{margin-bottom:32px;animation:fadeInUp .6s ease-out .3s both}.success-message p{font-size:16px;line-height:1.6;color:var(--color-text-secondary);margin:12px 0}.success-message p:first-child{color:var(--color-text);font-weight:500}.order-number{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background-color:var(--color-surface);border-radius:var(--radius-md);margin-bottom:32px;animation:fadeInUp .6s ease-out .4s both}.order-number-label{font-size:14px;color:var(--color-text-secondary)}.order-number-value{font-size:18px;font-weight:700;color:var(--color-primary)}.success-actions{display:flex;flex-direction:column;gap:12px;animation:fadeInUp .6s ease-out .5s both}.success-button{width:100%;padding:16px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.success-button.primary{background-color:var(--color-primary);color:#fff}.success-button.primary:hover{background-color:var(--color-primary-dark)}.success-button.primary:active{transform:scale(.98)}.success-button.secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.success-button.secondary:hover{background-color:var(--color-border)}.success-button.secondary:active{transform:scale(.98)}@media (max-width: 480px){.success-title{font-size:24px}.success-message p{font-size:15px}.success-button{padding:14px;font-size:15px}}.checkout-failure-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background-color:var(--color-background)}.failure-content{max-width:480px;width:100%;text-align:center}.failure-icon{display:flex;justify-content:center;margin-bottom:24px;animation:shakeIn .6s ease-out}@keyframes shakeIn{0%{transform:scale(0) rotate(-10deg);opacity:0}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0);opacity:1}}.failure-title{font-size:28px;font-weight:700;color:var(--color-text);margin:0 0 24px;animation:fadeInUp .6s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.failure-message{margin-bottom:32px;animation:fadeInUp .6s ease-out .3s both}.failure-message p{font-size:16px;line-height:1.6;color:var(--color-text-secondary);margin:12px 0}.failure-message p:first-child{color:var(--color-text);font-weight:500}.failure-actions{display:flex;flex-direction:column;gap:12px;animation:fadeInUp .6s ease-out .4s both}.failure-button{width:100%;padding:16px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.failure-button.primary{background-color:var(--color-primary);color:#fff}.failure-button.primary:hover{background-color:var(--color-primary-dark)}.failure-button.primary:active{transform:scale(.98)}.failure-button.secondary{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.failure-button.secondary:hover{background-color:var(--color-border)}.failure-button.secondary:active{transform:scale(.98)}@media (max-width: 480px){.failure-title{font-size:24px}.failure-message p{font-size:15px}.failure-button{padding:14px;font-size:15px}}.product-page{display:flex;flex-direction:column;min-height:100vh;padding-bottom:80px}.product-gallery{background-color:var(--color-background);padding:16px;border-bottom:1px solid var(--color-border)}.gallery-main{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surface);margin-bottom:12px}.gallery-main-image{width:100%;height:100%;object-fit:cover}.product-unavailable-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background-color:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text);box-shadow:0 2px 8px #00000026;transition:all .2s ease;z-index:2}.gallery-arrow:active{transform:translateY(-50%) scale(.9);background-color:#fff}.gallery-arrow-left{left:12px}.gallery-arrow-right{right:12px}.gallery-indicators{display:flex;justify-content:center;gap:8px;padding:12px 0}.gallery-indicator{width:8px;height:8px;border-radius:50%;background-color:var(--color-border);transition:all .2s ease;cursor:pointer}.gallery-indicator.active{background-color:var(--color-primary);width:24px;border-radius:4px}.gallery-indicator:not(.active):active{transform:scale(.85)}.product-details{flex:1;background-color:var(--color-background);padding:20px 16px}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.product-title-section{flex:1;display:flex;flex-direction:column;gap:8px}.product-title{font-size:24px;font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.product-category{display:inline-block;font-size:14px;color:var(--color-text-secondary);background-color:var(--color-surface);padding:4px 12px;border-radius:var(--radius-sm);width:fit-content}.product-price-large{font-size:28px;font-weight:700;color:var(--color-primary);white-space:nowrap}.product-description-section{margin-bottom:24px}.section-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 12px}.product-description-text{font-size:15px;line-height:1.6;color:var(--color-text-secondary);margin:0}.product-info-section{margin-bottom:24px}.product-info-grid{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--color-surface);border-radius:var(--radius-sm)}.info-label{font-size:14px;color:var(--color-text-secondary);font-weight:500}.info-value{font-size:14px;color:var(--color-text);font-weight:600}.info-value.available{color:var(--color-success)}.info-value.unavailable{color:var(--color-error)}.product-page-footer{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-background);padding:16px;border-top:1px solid var(--color-border);box-shadow:0 -2px 10px #0000000d;z-index:10}.quantity-controls-large{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;background-color:var(--color-primary);border-radius:var(--radius-md);padding:12px 16px}.quantity-btn-large{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fff3;border-radius:var(--radius-sm);color:#fff;transition:all .2s ease}.quantity-btn-large:disabled{opacity:.3;cursor:not-allowed}.quantity-btn-large:not(:disabled):active{transform:scale(.9);background-color:#ffffff4d}.quantity-value-large{min-width:50px;text-align:center;font-size:22px;font-weight:700;color:#fff}.add-to-cart-btn-large{width:100%;padding:16px 24px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:16px;transition:all .2s ease}.add-to-cart-btn-large:not(:disabled):active{transform:scale(.98);background-color:var(--color-primary-dark)}.add-to-cart-btn-large:disabled{background-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}@media (max-width: 480px){.product-title{font-size:20px}.product-price-large{font-size:24px}.product-details{padding:16px 12px}}.orders-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-surface)}.orders-header{display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.orders-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0;flex:1}.orders-content{flex:1;padding:16px}.orders-list{display:flex;flex-direction:column;gap:12px}.order-card{background-color:var(--color-background);border-radius:var(--radius-md);padding:12px;border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease}.order-card:active{transform:scale(.98);box-shadow:var(--shadow-md)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.order-number{font-size:15px;font-weight:600;color:var(--color-text)}.order-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm)}.order-card-date{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px}.order-card-items{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.order-card-item{display:flex;align-items:center;gap:8px}.order-item-image{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:cover;background-color:var(--color-surface);flex-shrink:0}.order-item-info{display:flex;justify-content:space-between;align-items:center;flex:1;gap:8px}.order-item-name{font-size:13px;color:var(--color-text);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item-quantity{font-size:12px;color:var(--color-text-secondary);font-weight:600;flex-shrink:0}.order-card-more{font-size:12px;color:var(--color-text-secondary);font-style:italic}.order-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.order-total-label{font-size:13px;color:var(--color-text-secondary)}.order-total-value{font-size:16px;font-weight:700;color:var(--color-primary)}.empty-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px;text-align:center}.empty-orders-icon{font-size:80px;margin-bottom:24px;opacity:.5}.empty-orders-title{font-size:20px;font-weight:600;color:var(--color-text);margin:0 0 12px}.empty-orders-text{font-size:15px;color:var(--color-text-secondary);margin:0 0 24px}.back-to-catalog-btn{padding:14px 28px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:15px;transition:all .2s ease}.back-to-catalog-btn:active{transform:scale(.95);background-color:var(--color-primary-dark)}@media (max-width: 480px){.orders-content{padding:12px}.order-card{padding:14px}.order-number{font-size:15px}}.order-details-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-surface)}.order-details-header{display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.order-details-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0;flex:1}.order-details-content{flex:1;padding:16px;display:flex;flex-direction:column;gap:12px}.details-card{background-color:var(--color-background);border-radius:var(--radius-md);padding:16px;border:1px solid var(--color-border)}.card-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 12px}.status-section{text-align:center}.order-status-large{display:inline-block;font-size:16px;font-weight:600;padding:10px 20px;border-radius:var(--radius-md);margin-bottom:12px}.order-date{font-size:14px;color:var(--color-text-secondary);margin:0}.order-items-list{display:flex;flex-direction:column;gap:12px}.order-item-detail{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--color-surface);border-radius:var(--radius-sm)}.order-item-detail-image{width:60px;height:60px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.order-item-detail-info{flex:1;min-width:0}.order-item-detail-name{font-size:15px;font-weight:600;color:var(--color-text);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-item-detail-meta{display:flex;align-items:center;gap:8px}.order-item-detail-price{font-size:13px;color:var(--color-text-secondary)}.order-item-detail-quantity{font-size:13px;color:var(--color-text-secondary);font-weight:600}.order-item-detail-subtotal{font-size:16px;font-weight:700;color:var(--color-primary);flex-shrink:0}.delivery-address{display:flex;flex-direction:column;gap:4px}.address-name{font-size:15px;font-weight:600;color:var(--color-text);margin:0 0 8px}.address-text{font-size:14px;color:var(--color-text);margin:0;line-height:1.5}.address-detail{font-size:13px;color:var(--color-text-secondary);margin:0}.order-notes{font-size:14px;color:var(--color-text);margin:0;line-height:1.5}.order-summary{display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:14px;color:var(--color-text-secondary)}.summary-value{font-size:15px;font-weight:600;color:var(--color-text)}.summary-total{padding-top:10px;margin-top:10px;border-top:1px solid var(--color-border)}.summary-total .summary-label{font-size:16px;font-weight:600;color:var(--color-text)}.summary-total .summary-value{font-size:20px;font-weight:700;color:var(--color-primary)}.status-history{display:flex;flex-direction:column;gap:16px}.status-history-item{display:flex;gap:12px}.status-history-dot{width:12px;height:12px;border-radius:50%;background-color:var(--color-primary);flex-shrink:0;margin-top:4px}.status-history-content{flex:1}.status-history-status{font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:4px}.status-history-date{font-size:13px;color:var(--color-text-secondary);margin-bottom:4px}.status-history-comment{font-size:13px;color:var(--color-text-secondary);font-style:italic}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:60vh}.cancel-order-section{margin-top:16px;padding:0 16px 24px}.cancel-order-button{width:100%;padding:14px;border:none;border-radius:var(--radius-md);background-color:#b11107;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease}.cancel-order-button:hover{background-color:#8e1717}.cancel-order-button:active{transform:scale(.98)}.cancel-order-button:disabled{background-color:#bdbdbd;cursor:not-allowed;transform:none}@media (max-width: 480px){.order-details-content{padding:12px}.details-card{padding:14px}.order-item-detail{padding:10px}.order-item-detail-image{width:50px;height:50px}}.admin-dashboard{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-surface)}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.admin-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0}.go-to-app-btn{padding:8px 16px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease}.go-to-app-btn:active{transform:scale(.95);background-color:var(--color-primary-dark)}.admin-content{flex:1;padding:16px}.admin-menu{display:flex;flex-direction:column;gap:12px}.admin-menu-item{display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;text-align:left}.admin-menu-item:active{transform:scale(.98);box-shadow:var(--shadow-md)}.admin-menu-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);border-radius:var(--radius-md);flex-shrink:0}.admin-menu-info{flex:1;min-width:0}.admin-menu-title{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 4px}.admin-menu-description{font-size:13px;color:var(--color-text-secondary);margin:0}.admin-menu-arrow{font-size:20px;color:var(--color-text-secondary);flex-shrink:0}@media (max-width: 480px){.admin-header{flex-direction:column;gap:12px;align-items:stretch}.admin-title{font-size:18px}.go-to-app-btn{width:100%}.admin-content{padding:12px}.admin-menu-item{padding:14px}.admin-menu-icon{font-size:28px;width:42px;height:42px}}.admin-orders-page{min-height:100vh;background-color:var(--color-surface);padding-bottom:20px}.admin-orders-header{display:flex;align-items:center;gap:16px;padding:16px;background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-primary);transition:all .2s ease}.back-btn:active{transform:scale(.95);background-color:var(--color-primary-light);color:#fff}.admin-orders-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0;flex:1}.orders-count{background-color:var(--color-primary);color:#fff;padding:4px 12px;border-radius:var(--radius-sm);font-size:14px;font-weight:600}.filters-section{padding:16px;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.search-box{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary)}.search-input{width:100%;padding:12px 40px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;background-color:var(--color-surface);transition:border-color .2s ease}.search-input:focus{border-color:var(--color-primary)}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:20px;border-radius:50%;transition:all .2s ease}.clear-search:active{background-color:var(--color-border)}.filter-group{margin-bottom:16px}.filter-group:last-child{margin-bottom:0}.filter-label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{padding:6px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);transition:all .2s ease}.filter-chip:active{transform:scale(.95)}.filter-chip.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.orders-list{padding:16px;display:flex;flex-direction:column;gap:12px}.admin-order-card{background-color:var(--color-background);border-radius:var(--radius-md);padding:12px;border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:10px}.admin-order-card:active{transform:scale(.98);box-shadow:var(--shadow-md)}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.order-id{font-size:18px;font-weight:700;color:var(--color-text)}.order-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.order-status-badge,.payment-status-badge{font-size:11px;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);white-space:nowrap}.status-preparing{background-color:#f3e5f5;color:#7b1fa2}.status-delivering{background-color:#e8f5e9;color:#388e3c}.status-completed{background-color:#e8f5e9;color:#2e7d32}.order-card-info{display:flex;flex-direction:column;gap:6px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.info-label{color:var(--color-text-secondary)}.info-value{color:var(--color-text);font-weight:500}.total-amount{font-size:16px;font-weight:700;color:var(--color-primary)}.order-card-actions{display:flex;gap:8px;margin-top:4px;padding-top:8px;border-top:1px solid var(--color-border)}.card-action-btn{flex:1;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:none;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-action-btn:active:not(:disabled){transform:scale(.96)}.card-action-btn:disabled{opacity:.5;cursor:not-allowed}.card-action-btn.next-status{background-color:var(--color-primary);color:#fff}.card-action-btn.next-status:active:not(:disabled){opacity:.85}.card-action-btn.cancel-order{flex:0 0 auto;min-width:36px;padding:8px;background-color:#ffebee;color:#c62828;border:1px solid #FFCDD2}.card-action-btn.cancel-order:active:not(:disabled){background-color:#ffcdd2}.empty-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-orders h3{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 8px}.empty-orders p{font-size:14px;color:var(--color-text-secondary);margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.error-message{font-size:16px;color:var(--color-error);margin-bottom:20px}.retry-button{padding:12px 24px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease}.retry-button:active{transform:scale(.95);background-color:var(--color-primary-dark)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px;gap:12px}.pagination-btn{padding:10px 16px;background-color:var(--color-background);color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease}.pagination-btn:not(:disabled):active{transform:scale(.95);background-color:var(--color-primary);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:var(--color-text-secondary);font-weight:500}@media (max-width: 480px){.admin-orders-header,.filters-section,.orders-list{padding:12px}.admin-order-card{padding:14px}.order-id{font-size:16px}}.admin-order-detail-page{padding:16px 16px 80px;max-width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:12px}.page-header h1{font-size:24px;font-weight:700;margin:0;color:var(--color-text)}.order-status-badge{padding:6px 12px;border-radius:var(--radius-md);font-size:13px;font-weight:600;white-space:nowrap}.status-pending{background-color:#fff4e6;color:#e67700}.status-paid{background-color:#e3f2fd;color:#1976d2}.status-preparing{background-color:#fff9c4;color:#f57c00}.status-delivering{background-color:#e1bee7;color:#7b1fa2}.status-completed{background-color:#c8e6c9;color:#388e3c}.status-cancelled{background-color:#ffebee;color:#c62828}.detail-section{background-color:var(--color-background);border-radius:var(--radius-md);padding:16px;margin-bottom:16px;border:1px solid var(--color-border)}.detail-section h2{font-size:18px;font-weight:600;margin:0 0 16px;color:var(--color-text)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{margin:0}.info-grid{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;gap:12px}.info-item.total{margin-top:8px;padding-top:12px;border-top:1px solid var(--color-border)}.info-item.total .info-value{font-size:18px;font-weight:700;color:var(--color-primary)}.info-label{font-size:14px;color:var(--color-text-secondary);flex-shrink:0}.info-value{font-size:14px;font-weight:500;color:var(--color-text);text-align:right}.address-box{background-color:var(--color-surface);border-radius:var(--radius-sm);padding:12px;border:1px solid var(--color-border)}.address-box p{margin:4px 0;font-size:14px;color:var(--color-text)}.address-notes{margin-top:8px!important;padding-top:8px;border-top:1px solid var(--color-border);font-style:italic;color:var(--color-text-secondary)!important}.notes-box{background-color:var(--color-surface);border-radius:var(--radius-sm);padding:12px;border:1px solid var(--color-border);font-size:14px;color:var(--color-text);white-space:pre-wrap}.items-list{display:flex;flex-direction:column;gap:12px}.order-item{display:flex;gap:12px;padding:12px;background-color:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.item-image{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.item-info{flex:1;display:flex;flex-direction:column;gap:6px}.item-info h3{font-size:15px;font-weight:600;margin:0;color:var(--color-text)}.item-details{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--color-text-secondary)}.item-subtotal{font-weight:600;color:var(--color-text)}.status-history{display:flex;flex-direction:column;gap:12px}.history-item{padding:12px;background-color:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.history-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.history-status{padding:4px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.history-date{font-size:12px;color:var(--color-text-secondary)}.history-comment{margin:8px 0 0;font-size:14px;color:var(--color-text);padding-top:8px;border-top:1px solid var(--color-border)}.status-actions{display:flex;flex-direction:column;gap:10px;margin-top:12px}.status-action-button{padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;border:none;transition:all .2s ease;width:100%}.status-action-button:active:not(:disabled){transform:scale(.98)}.status-action-button:disabled{opacity:.5;cursor:not-allowed}.status-action-button.primary{background-color:var(--color-primary);color:#fff}.status-action-button.primary:active:not(:disabled){opacity:.85}.status-action-button.cancel{background-color:#ffebee;color:#c62828;border:1px solid #FFCDD2}.status-action-button.cancel:active:not(:disabled){background-color:#ffcdd2}.status-final-message{margin:8px 0 0;font-size:14px;color:var(--color-text-secondary);text-align:center}.action-button{padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:600;background-color:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary);transition:all .2s ease}.action-button:active{transform:scale(.96);background-color:var(--color-primary);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal-content{background-color:var(--color-background);border-radius:var(--radius-lg);padding:20px;max-width:400px;width:100%;box-shadow:var(--shadow-lg)}.modal-content h3{margin:0 0 20px;font-size:18px;font-weight:600;color:var(--color-text)}.modal-body{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.modal-body label{display:flex;flex-direction:column;gap:8px}.modal-label{font-size:14px;font-weight:500;color:var(--color-text)}.modal-select,.modal-textarea{padding:10px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-size:14px;font-family:inherit}.modal-textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:12px}.modal-button{flex:1;padding:12px;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:all .2s ease}.modal-button.cancel{background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.modal-button.cancel:active{background-color:var(--color-border)}.modal-button.confirm{background-color:var(--color-primary);color:#fff;border:none}.modal-button.confirm:active{opacity:.8}.modal-button:disabled{opacity:.5;cursor:not-allowed}.admin-order-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-icon{font-size:48px;margin-bottom:16px}.admin-order-detail-error h3{margin:0 0 8px;font-size:20px;color:var(--color-text)}.admin-order-detail-error p{margin:0 0 24px;color:var(--color-text-secondary);font-size:14px}.retry-button{padding:12px 24px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:all .2s ease}.retry-button:active{transform:scale(.96);opacity:.8}.admin-products-page{min-height:100vh;background-color:var(--color-surface);padding-bottom:20px}.admin-products-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.admin-products-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0;flex:1}.admin-products-add-btn{padding:10px 16px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px;white-space:nowrap;transition:all .2s ease}.admin-products-add-btn:active{transform:scale(.95);opacity:.85}.admin-products-content{padding:16px;display:flex;flex-direction:column;gap:24px}.admin-products-category{background-color:var(--color-background);border-radius:var(--radius-md);padding:16px;border:1px solid var(--color-border)}.admin-products-category-title{font-size:16px;font-weight:700;color:var(--color-text);margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.admin-products-list{display:flex;flex-direction:column;gap:8px}.admin-products-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-sm);background-color:var(--color-surface);border:1px solid var(--color-border);transition:all .2s ease;cursor:pointer}.admin-products-item:hover{background-color:var(--color-background)}.admin-products-item:active{transform:scale(.98)}.admin-products-item-image{flex-shrink:0;width:60px;height:60px;border-radius:var(--radius-sm);overflow:hidden;background-color:var(--color-background)}.admin-products-item-image img{width:100%;height:100%;object-fit:cover}.admin-products-item-info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.admin-products-item-name{font-size:14px;font-weight:600;color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-products-item-details{display:flex;align-items:center;gap:8px;font-size:13px}.admin-products-item-price{font-weight:600;color:var(--color-primary)}.admin-products-item-divider{color:var(--color-text-secondary)}.admin-products-item-status{font-size:12px;font-weight:500}.admin-products-item-status.available{color:#388e3c}.admin-products-item-status.unavailable{color:#c62828}.admin-products-delete-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffebee;color:#c62828;border:1px solid #FFCDD2;border-radius:var(--radius-sm);transition:all .2s ease}.admin-products-delete-btn:active:not(:disabled){transform:scale(.95);background-color:#ffcdd2}.admin-products-delete-btn:disabled{opacity:.5;cursor:not-allowed}.admin-products-spinner{width:16px;height:16px;border:2px solid rgba(198,40,40,.2);border-top-color:#c62828;border-radius:50%;animation:admin-products-spin .6s linear infinite}@keyframes admin-products-spin{to{transform:rotate(360deg)}}.admin-products-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.admin-products-empty-message{font-size:16px;color:var(--color-text-secondary);margin:0}.admin-products-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.admin-products-error-message{font-size:16px;color:var(--color-error);margin-bottom:20px}.admin-products-retry-btn{padding:12px 24px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease}.admin-products-retry-btn:active{transform:scale(.95);background-color:var(--color-primary-dark)}@media (max-width: 480px){.admin-products-header{padding:12px}.admin-products-title{font-size:18px}.admin-products-add-btn{padding:8px 12px;font-size:13px}.admin-products-content{padding:12px;gap:20px}.admin-products-category{padding:12px}.admin-products-item{gap:10px}.admin-products-item-image{width:50px;height:50px}.admin-products-item-name{font-size:13px}.admin-products-item-details{font-size:12px}.admin-products-delete-btn{width:36px;height:36px}}.admin-product-edit-page{min-height:100vh;background-color:var(--color-surface);padding-bottom:20px}.admin-product-edit-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.admin-product-edit-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0}.admin-product-edit-content{padding:16px}.admin-product-edit-form{background-color:var(--color-background);border-radius:var(--radius-md);padding:20px;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--color-text)}.form-input,.form-textarea,.form-select{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:15px;background-color:var(--color-surface);color:var(--color-text);transition:border-color .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);outline:none}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.form-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label{font-size:15px;color:var(--color-text)}.image-upload-section{display:flex;flex-direction:column;gap:12px}.main-image-container{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.image-preview{position:relative;width:100%;max-width:300px;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border);background-color:var(--color-surface)}.image-preview.main{max-width:300px}.image-preview img{width:100%;height:100%;object-fit:cover}.image-upload-placeholder{width:100%;max-width:300px;aspect-ratio:1;border-radius:var(--radius-md);border:2px dashed var(--color-border);background-color:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.image-upload-placeholder:hover{border-color:var(--color-primary);color:var(--color-primary)}.image-upload-placeholder:active{transform:scale(.98)}.image-upload-placeholder svg{opacity:.5}.image-remove-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background-color:#000000b3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease;z-index:2}.image-remove-btn:active{transform:scale(.9);background-color:#000000e6}.image-change-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background-color:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.image-change-btn:active{transform:scale(.95);background-color:var(--color-border)}.gallery-section{display:flex;flex-direction:column;gap:16px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.gallery-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--color-border);background-color:var(--color-surface)}.gallery-item.preview{border-color:var(--color-primary);border-style:dashed}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item-actions{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);padding:8px;display:flex;flex-direction:column;gap:4px;opacity:0;transition:opacity .2s ease}.gallery-item:hover .gallery-item-actions{opacity:1}.gallery-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;background-color:#d85c5cf2;color:#fff;border-radius:var(--radius-sm);font-size:12px;font-weight:600;transition:all .2s ease}.gallery-action-btn:active{transform:scale(.95);background-color:#d85c5c}.gallery-item-remove{position:absolute;top:6px;right:6px;width:28px;height:28px;background-color:#000000b3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;z-index:2}.gallery-item-remove:active{transform:scale(.9);background-color:#000000e6}.gallery-add-item{aspect-ratio:1;border-radius:var(--radius-md);border:2px dashed var(--color-border);background-color:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.gallery-add-item:hover{border-color:var(--color-primary);color:var(--color-primary)}.gallery-add-item:active{transform:scale(.98)}.gallery-add-item svg{opacity:.5}.gallery-add-item.uploading{cursor:not-allowed;opacity:.7}.gallery-add-item .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-product-edit-save-btn{width:100%;padding:14px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:16px;transition:all .2s ease}.admin-product-edit-save-btn:disabled{opacity:.5;cursor:not-allowed}.admin-product-edit-save-btn:active:not(:disabled){transform:scale(.98);opacity:.85}.admin-product-edit-delete-btn{width:100%;padding:14px;background-color:#ffebee;color:#c62828;border:1px solid #FFCDD2;border-radius:var(--radius-md);font-weight:600;font-size:16px;transition:all .2s ease}.admin-product-edit-delete-btn:active{transform:scale(.98);background-color:#ffcdd2}.admin-product-edit-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.admin-product-edit-error-message{font-size:16px;color:var(--color-error);margin-bottom:20px}.admin-product-edit-retry-btn{padding:12px 24px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease}.admin-product-edit-retry-btn:active{transform:scale(.95);background-color:var(--color-primary-dark)}@media (max-width: 480px){.admin-product-edit-header{padding:12px}.admin-product-edit-title{font-size:18px}.admin-product-edit-content{padding:12px}.admin-product-edit-form{padding:16px}.form-row{grid-template-columns:1fr}.image-preview.main,.image-upload-placeholder{max-width:100%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}}.admin-categories-page{min-height:100vh;background-color:var(--color-surface);padding-bottom:20px}.admin-categories-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.admin-categories-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0;flex:1}.admin-categories-add-btn{padding:10px 16px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px;white-space:nowrap;transition:all .2s ease}.admin-categories-add-btn:active{transform:scale(.95);opacity:.85}.admin-categories-content{padding:16px}.admin-categories-list{display:flex;flex-direction:column;gap:12px}.admin-categories-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:var(--radius-md);background-color:var(--color-background);border:1px solid var(--color-border);transition:all .2s ease;cursor:pointer}.admin-categories-item:hover{background-color:var(--color-surface)}.admin-categories-item:active{transform:scale(.98)}.admin-categories-item-info{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.admin-categories-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-categories-item-name{font-size:16px;font-weight:600;color:var(--color-text);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.admin-categories-item-order{font-size:13px;font-weight:500;color:var(--color-text-secondary);background-color:var(--color-surface);padding:4px 8px;border-radius:var(--radius-sm);flex-shrink:0}.admin-categories-item-description{font-size:14px;color:var(--color-text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.admin-categories-item-meta{display:flex;align-items:center;gap:8px}.admin-categories-item-status{font-size:12px;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm)}.admin-categories-item-status.active{background-color:#e8f5e9;color:#388e3c}.admin-categories-item-status.inactive{background-color:#ffebee;color:#c62828}.admin-categories-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.admin-categories-reorder-buttons{display:flex;flex-direction:column;gap:4px}.admin-categories-reorder-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all .2s ease}.admin-categories-reorder-btn:active:not(:disabled){transform:scale(.95);background-color:var(--color-border);color:var(--color-text)}.admin-categories-reorder-btn:disabled{opacity:.3;cursor:not-allowed}.admin-categories-delete-btn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#ffebee;color:#c62828;border:1px solid #FFCDD2;border-radius:var(--radius-sm);transition:all .2s ease}.admin-categories-delete-btn:active:not(:disabled){transform:scale(.95);background-color:#ffcdd2}.admin-categories-delete-btn:disabled{opacity:.5;cursor:not-allowed}.admin-categories-spinner{width:16px;height:16px;border:2px solid rgba(198,40,40,.2);border-top-color:#c62828;border-radius:50%;animation:admin-categories-spin .6s linear infinite}.admin-categories-spinner-small{width:12px;height:12px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--color-text-secondary);border-radius:50%;animation:admin-categories-spin .6s linear infinite}@keyframes admin-categories-spin{to{transform:rotate(360deg)}}.admin-categories-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.admin-categories-empty-message{font-size:16px;color:var(--color-text-secondary);margin:0}.admin-categories-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.admin-categories-error-message{font-size:16px;color:var(--color-error);margin-bottom:20px}.admin-categories-retry-btn{padding:12px 24px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease}.admin-categories-retry-btn:active{transform:scale(.95);background-color:var(--color-primary-dark)}@media (max-width: 480px){.admin-categories-header{padding:12px}.admin-categories-title{font-size:18px}.admin-categories-add-btn{padding:8px 12px;font-size:13px}.admin-categories-content{padding:12px}.admin-categories-list{gap:10px}.admin-categories-item{padding:12px}.admin-categories-item-name{font-size:15px}.admin-categories-item-description{font-size:13px}.admin-categories-reorder-btn{width:28px;height:28px}.admin-categories-delete-btn{width:36px;height:36px}}.admin-category-edit-page{min-height:100vh;background-color:var(--color-surface);padding-bottom:20px}.admin-category-edit-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background-color:var(--color-background);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.admin-category-edit-title{font-size:20px;font-weight:700;color:var(--color-text);margin:0}.admin-category-edit-content{padding:16px;display:flex;flex-direction:column;gap:20px}.admin-category-edit-section{background-color:var(--color-background);border-radius:var(--radius-md);padding:16px;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:16px}.admin-category-edit-section-title{font-size:16px;font-weight:700;color:var(--color-text);margin:0 0 8px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.admin-category-edit-form-field{display:flex;flex-direction:column;gap:8px}.admin-category-edit-form-field label{font-size:14px;font-weight:600;color:var(--color-text)}.admin-category-edit-form-field input[type=text],.admin-category-edit-form-field input[type=number],.admin-category-edit-form-field textarea,.admin-category-edit-form-field select{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;background-color:var(--color-surface);color:var(--color-text);transition:all .2s ease}.admin-category-edit-form-field input[type=text]:focus,.admin-category-edit-form-field input[type=number]:focus,.admin-category-edit-form-field textarea:focus,.admin-category-edit-form-field select:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-background)}.admin-category-edit-form-field input[type=text]:disabled,.admin-category-edit-form-field input[type=number]:disabled,.admin-category-edit-form-field textarea:disabled,.admin-category-edit-form-field select:disabled{opacity:.6;cursor:not-allowed}.admin-category-edit-form-field textarea{resize:vertical;min-height:80px;font-family:inherit}.admin-category-edit-form-field.checkbox-field{gap:4px}.admin-category-edit-form-field .checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500}.admin-category-edit-form-field input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.admin-category-edit-form-field input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed}.admin-category-edit-field-hint{font-size:12px;color:var(--color-text-secondary);margin-top:-4px}.admin-category-edit-actions{background-color:var(--color-background);border-radius:var(--radius-md);padding:16px;border:1px solid var(--color-border);position:sticky;bottom:16px}.admin-category-edit-save-btn{width:100%;padding:14px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:16px;transition:all .2s ease}.admin-category-edit-save-btn:active:not(:disabled){transform:scale(.98);opacity:.85}.admin-category-edit-save-btn:disabled{opacity:.6;cursor:not-allowed}.admin-category-edit-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.admin-category-edit-error-message{font-size:16px;color:var(--color-error);margin-bottom:20px}.admin-category-edit-retry-btn{padding:12px 24px;background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:all .2s ease}.admin-category-edit-retry-btn:active{transform:scale(.95);background-color:var(--color-primary-dark)}@media (max-width: 480px){.admin-category-edit-header{padding:12px}.admin-category-edit-title{font-size:18px}.admin-category-edit-content{padding:12px;gap:16px}.admin-category-edit-section{padding:12px;gap:12px}.admin-category-edit-section-title{font-size:15px}.admin-category-edit-form-field label{font-size:13px}.admin-category-edit-form-field input[type=text],.admin-category-edit-form-field input[type=number],.admin-category-edit-form-field textarea,.admin-category-edit-form-field select{padding:10px;font-size:13px}.admin-category-edit-save-btn{padding:12px;font-size:15px}}:root{--color-primary: #6B9C7A;--color-primary-light: #8BB99E;--color-primary-dark: #4A7A5C;--color-background: #FFFFFF;--color-surface: #F5F9F6;--color-border: #E0E8E3;--color-text: #2C3E33;--color-text-secondary: #6B7A70;--color-error: #D85C5C;--color-success: #6B9C7A;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*{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:var(--color-background);color:var(--color-text);line-height:1.5;overflow-x:hidden}#root{min-height:100vh;width:100%}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}input,textarea{font-family:inherit;outline:none}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:100%;max-width:100%;margin:0 auto;padding:0 16px}.page{min-height:100vh;padding-bottom:80px}