.admin-login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0003;text-align:center;max-width:400px;width:100%}.login-container h1{font-size:2rem;margin-bottom:10px;color:#333}.login-container p{color:#666;margin-bottom:30px;font-size:1rem;line-height:1.5}.login-container form{display:flex;flex-direction:column;gap:15px}.login-container input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.login-container input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-btn{padding:12px 20px;font-size:1rem;font-weight:600;color:#fff;background:#667eea;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease}.login-btn:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 12px #667eea4d}.login-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-bottom:15px;border:1px solid #f5c6cb;font-size:.95rem}.success-message{background:#d4edda;color:#155724;padding:12px;border-radius:6px;margin-bottom:15px;border:1px solid #c3e6cb;font-size:.95rem}.admin-dashboard{min-height:100vh;background:#f5f5f5}.admin-header{background:#333;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a;position:fixed;top:0;left:0;right:0;z-index:40;transition:margin-left .3s ease;flex-wrap:wrap;gap:10px}.admin-header h1{margin:0;font-size:1.8rem;flex:1;min-width:150px}.hamburger{display:inline-flex;flex-direction:column;justify-content:space-between;width:30px;height:22px;background:transparent;border:none;cursor:pointer;margin-right:12px;flex-shrink:0;z-index:45}.hamburger span{display:block;height:3px;background:#fff;border-radius:2px;transition:transform .25s ease,opacity .25s ease}.hamburger.open span:nth-child(1){transform:translateY(9px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.admin-sidebar{position:fixed;top:0;left:-260px;width:260px;height:100vh;background:#222;color:#fff;padding:0;box-shadow:2px 0 12px #0003;transition:left .3s ease;z-index:50;display:flex;flex-direction:column;overflow:hidden}.admin-sidebar.open{left:0}.admin-sidebar nav ul{list-style:none;padding:80px 12px 0;margin:0;display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto}.admin-sidebar a,.admin-sidebar .logout-link{color:#fff;text-decoration:none;padding:10px 12px;display:inline-block;border-radius:6px}.admin-sidebar a:hover,.admin-sidebar .logout-link:hover{background:#ffffff0f}.admin-sidebar a.active{background:#ffffff1f;font-weight:700}.sidebar-icon{width:18px;height:18px;margin-right:10px;vertical-align:middle;opacity:.95;display:inline-block}.admin-sidebar a span{vertical-align:middle}.sidebar-footer{margin-top:0;padding:12px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;background:#222}.sidebar-footer .logout-link{display:flex;align-items:center;width:100%;padding:10px 12px;color:#fff;background:transparent;border:none;cursor:pointer;border-radius:6px;text-align:left;font-size:1rem;transition:background .3s ease}.sidebar-footer .logout-link:hover{background:#ffffff0f}.admin-user-info{display:flex;align-items:center;gap:15px;white-space:normal;font-size:.9rem;flex:1;min-width:0}.user-email{display:none;overflow:hidden;text-overflow:ellipsis}@media(min-width:768px){.user-email{display:inline-block;max-width:250px}}.logout-btn{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .3s ease}.admin-main{max-width:1200px;margin:120px auto 40px;padding:0 20px;transition:margin-left .3s ease}@media(min-width:1024px){.admin-header{position:fixed;width:100%}.admin-dashboard:not(.sidebar-collapsed) .admin-header{margin-left:260px;width:calc(100% - 260px)}.admin-user-info{flex:0;gap:10px}.admin-dashboard:not(.sidebar-collapsed) .admin-sidebar{left:0!important;position:fixed}.admin-dashboard .admin-sidebar{position:fixed}.admin-dashboard:not(.sidebar-collapsed) .admin-main{margin-left:260px;max-width:calc(100% - 260px)}.admin-dashboard.sidebar-collapsed .admin-sidebar{left:-260px}.hamburger{display:inline-flex}}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding-top:20px}.admin-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.admin-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.admin-card h2{margin-top:0;color:#333;font-size:1.3rem}.admin-card p{color:#666;margin-bottom:20px}.btn{padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn-primary{background:#667eea;color:#fff}.manage-categories{max-width:1200px;margin:0 auto;padding:20px}.manage-categories h1{font-size:2rem;margin-bottom:30px;color:#333}.form-container{background:#fff;padding:20px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 8px #0000001a}.form-container h2{margin-top:0;color:#333}.form-container form{display:flex;flex-direction:column;gap:15px}.form-container input,.form-container textarea{padding:10px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem}.form-container textarea{resize:vertical;min-height:100px}.btn-primary{background:#667eea;color:#fff;flex:1}.btn-secondary{background:#6c757d;color:#fff;flex:1}.btn-warning{background:#ffc107;color:#333}.btn-warning:hover{background:#e0a800}.categories-list{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.categories-list h2{margin-top:0;color:#333}.categories-list table{width:100%;border-collapse:collapse;margin-top:15px}.categories-list th,.categories-list td{padding:12px;border-bottom:1px solid #ddd;text-align:left}.categories-list th{background:#f8f9fa;font-weight:600;color:#333}.categories-list td{color:#666}.categories-list button{margin-right:10px}.scrolling-texts-list{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:30px}.scrolling-texts-list h2{margin-top:0;color:#333}.scrolling-texts-list table{width:100%;border-collapse:collapse;margin-top:15px}.scrolling-texts-list th,.scrolling-texts-list td{padding:12px;border-bottom:1px solid #ddd;text-align:left}.scrolling-texts-list th{background:#f8f9fa;font-weight:600;color:#333}.scrolling-texts-list td{color:#666}.scrolling-texts-list button{margin-right:10px}.sortable-row{cursor:grab}.sortable-row:active{cursor:grabbing}.sortable-row.dragging{opacity:.5;background-color:#f0f8ff}.drag-handle{cursor:grab;padding:4px;border-radius:4px;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;margin-right:8px;transition:background-color .2s ease}.drag-handle:hover{background-color:#e0e0e0}.drag-handle:active{cursor:grabbing;background-color:#d0d0d0}.manage-products{max-width:1200px;margin:0 auto;padding:20px}.manage-products h1{font-size:2rem;margin-bottom:30px;color:#333}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:30px}.form-section{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-section h2{margin-top:0;color:#333}.form-section form{display:flex;flex-direction:column;gap:15px}.form-section input,.form-section select{padding:10px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:1rem}.form-section input:focus,.form-section select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.products-list,.variants-list{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.products-list h2,.variants-list h2{margin-top:0;color:#333}.products-list table,.variants-list table{width:100%;border-collapse:collapse;margin-top:15px}.products-list th,.products-list td,.variants-list th,.variants-list td{padding:12px;border-bottom:1px solid #ddd;text-align:left}.products-list th,.variants-list th{background:#f8f9fa;font-weight:600;color:#333}.products-list td,.variants-list td{color:#666}.products-list button,.variants-list button{margin-right:10px}.search-container{width:100%;margin-bottom:15px;box-sizing:border-box}.search-container input{width:100%!important;padding:8px 12px!important;border:1px solid #ddd!important;border-radius:4px!important;font-size:14px!important;box-sizing:border-box!important;background-color:#fff!important}.search-container input:focus{outline:none!important;border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.search-container input::placeholder{color:#999!important}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff;width:100%}.btn-primary:hover{background:#5568d3}.btn-sm{padding:6px 12px;font-size:.9rem}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb}.loading{text-align:center;padding:40px;color:#666}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-admin{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.modal-content h3{margin-top:0;margin-bottom:16px;color:#333;font-size:1.5rem}.edit-form-fields{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-weight:600;color:#555;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.edit-input{padding:10px 12px;border:2px solid #e1e5e9;border-radius:6px;font-family:inherit;font-size:1rem;color:#333;background:#fff;transition:all .3s ease}.edit-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.edit-input:hover{border-color:#b8c4c9}.image-preview{margin-top:8px;text-align:center}.image-preview img{max-width:200px;max-height:150px;border-radius:6px;box-shadow:0 2px 8px #0000001a}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e1e5e9}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.image-editor-sidebar{position:fixed;right:0;top:0;width:400px;height:100vh;background:#fff;box-shadow:-4px 0 20px #00000026;z-index:1500;display:flex;flex-direction:column;overflow:hidden}.image-editor-overlay{position:fixed;inset:0 400px 0 0;background:#00000080;z-index:1499}.image-editor-sidebar .ReactCrop{pointer-events:auto!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.image-editor-sidebar .ReactCrop__crop-selection{pointer-events:auto!important;cursor:move!important;transition:transform .1s ease-out!important;will-change:transform;z-index:5!important;backface-visibility:hidden;-webkit-backface-visibility:hidden}.image-editor-sidebar .ReactCrop__drag-handle{display:none!important}.image-editor-sidebar .ReactCrop__image{pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.image-editor-sidebar button{pointer-events:auto!important;position:relative;z-index:30!important}.image-editor-sidebar input[type=range]{pointer-events:auto!important;position:relative;z-index:25!important}.image-editor-sidebar input[type=range]{-webkit-appearance:none;appearance:none;height:6px;background:#ddd;border-radius:3px;outline:none;transition:background .3s}.image-editor-sidebar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#667eea;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .2s}.image-editor-sidebar input[type=range]::-webkit-slider-thumb:hover{background:#5568d3;transform:scale(1.1)}.image-editor-sidebar input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#667eea;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:all .2s}.image-editor-sidebar input[type=range]::-moz-range-thumb:hover{background:#5568d3;transform:scale(1.1)}@media(max-width:768px){.image-editor-sidebar{width:100vw!important}.image-editor-overlay{right:0!important}.image-editor-sidebar .ReactCrop__drag-handle{width:16px!important;height:16px!important}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.manage-orders-container{max-width:1400px;margin:0 auto;padding:20px;background-color:var(--bg-color);color:var(--text-color);min-height:calc(100vh - 100px)}.manage-orders-container h1{font-size:1.8rem;margin-bottom:20px;color:var(--text-color)}.orders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.back-to-dashboard-btn{padding:8px 16px;background:var(--accent-color);color:var(--button-text);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;gap:8px}.back-to-dashboard-btn:hover{background:var(--accent-hover)}.orders-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}@media(min-width:768px){.orders-controls{flex-direction:row;justify-content:space-between;align-items:center}}.search-filter{display:flex;gap:10px}.search-input{flex:1;max-width:400px;padding:10px 15px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:var(--text-color);font-size:1rem;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--input-focus)}.refresh-btn{padding:10px 15px;background:var(--accent-color);color:var(--button-text);border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s ease}.refresh-btn:hover{background:var(--accent-hover)}.status-filter select{padding:10px 15px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:var(--text-color);font-size:1rem;cursor:pointer;transition:border-color .2s ease}.status-filter select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--input-focus)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.error-message{background:var(--error-bg);color:var(--error-text);padding:20px;border-radius:8px;text-align:center;margin:20px 0}.retry-btn{margin-top:15px;padding:10px 20px;background:var(--error-text);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.no-orders{text-align:center;padding:40px;color:var(--text-secondary);font-size:1.1rem}.orders-list{display:flex;flex-direction:column;gap:15px}.order-card{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);overflow:hidden;transition:box-shadow .2s ease}.order-card:hover{box-shadow:0 4px 12px var(--shadow-color)}.order-header{padding:15px;cursor:pointer;transition:background-color .2s ease}.order-header:hover{background:var(--bg-secondary)}.order-info{display:flex;flex-direction:column;gap:10px;margin-bottom:10px}.order-id-status{display:flex;align-items:center;gap:10px}.order-id{font-weight:600;color:var(--text-color);font-size:1.1rem}.order-status{padding:4px 12px;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;text-transform:capitalize}.order-customer{display:flex;flex-direction:column;gap:4px}.customer-name{font-weight:500;color:var(--text-color)}.customer-email{font-size:.9rem;color:var(--text-secondary)}.order-details{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border-color)}.order-date{font-size:.9rem;color:var(--text-secondary)}.order-total{font-weight:600;color:var(--accent-color);font-size:1.1rem}.order-expanded-content{padding:20px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.order-section{margin-bottom:20px}.order-section h3{margin-bottom:12px;color:var(--text-secondary);font-size:1.1rem}.customer-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:15px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.detail-value{font-size:.95rem;color:var(--text-color)}.detail-item.full-width{grid-column:1 / -1}.order-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.meta-value{font-size:.95rem;color:var(--text-color)}.products-list{display:flex;flex-direction:column;gap:10px;max-height:300px;overflow-y:auto;padding-right:10px}.product-item{padding:10px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg)}.product-info{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.product-name{font-weight:600;color:var(--text-color);font-size:.95rem}.product-size{font-size:.8rem;color:var(--text-secondary)}.product-details{display:flex;justify-content:space-between;align-items:center;gap:15px}.product-quantity,.product-price,.product-subtotal{font-size:.85rem}.product-subtotal{font-weight:600;color:var(--accent-color)}.order-actions{display:flex;justify-content:flex-end;margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color)}.status-update-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-color);font-size:.9rem;cursor:pointer;transition:all .2s ease}.status-update-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--input-focus)}.order-status{background-color:var(--border-color)}.order-status[style*="28a745"]{background-color:#28a745}.order-status[style*=dc3545]{background-color:#dc3545}.order-status[style*="007bff"]{background-color:#007bff}.order-status[style*="6c757d"]{background-color:#6c757d}.cart-page{min-height:100vh;background-color:var(--bg-color, #ffffff);color:var(--text-color, #333333)}.cart-content{max-width:1200px;margin:100px auto;padding:20px}.cart-content h1{text-align:center;margin-bottom:30px;color:var(--text-color, #333333)}.empty-cart{text-align:center;padding:60px 20px}.empty-cart-icon{margin-bottom:20px;opacity:.5}.empty-cart h2{margin-bottom:10px;color:var(--text-color, #333333)}.empty-cart p{color:var(--text-muted, #666666)}.cart-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.clear-cart-btn{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px}.clear-cart-btn:hover{background-color:#c82333}.cart-items{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.cart-item{display:flex;align-items:center;padding:20px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background-color:var(--card-bg, #ffffff);gap:20px}.cart-item-image{width:300px;height:200px;flex-shrink:0}.cart-item-image img,.cart-item-image .no-image{width:100%;height:100%;object-fit:cover;border-radius:4px}.cart-item-details{flex:1;min-width:0}.cart-item-details h3{margin:0 0 5px;font-size:18px;color:var(--text-color, #333333)}.cart-item-category,.cart-item-size,.cart-item-price{margin:2px 0;font-size:14px;color:var(--text-muted, #666666)}.cart-item-quantity{display:flex;align-items:center;gap:10px}.quantity-btn{width:30px;height:30px;border:1px solid var(--border-color, #e0e0e0);background-color:var(--bg-color, #ffffff);color:var(--text-color, #333333);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px}.quantity-btn:hover:not(:disabled){background-color:var(--hover-bg, #f8f9fa)}.quantity-input{width:60px;height:30px;text-align:center;border:1px solid var(--border-color, #e0e0e0);border-radius:4px;background-color:var(--bg-color, #ffffff);color:var(--text-color, #333333)}.cart-item-subtotal{min-width:100px;text-align:right}.cart-item-subtotal p{margin:0;font-weight:700;color:var(--text-color, #333333)}.cart-item-actions{display:flex;align-items:flex-start}.remove-item-btn{width:30px;height:30px;border:1px solid #dc3545;background-color:#dc3545;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;font-weight:700}.remove-item-btn:hover{background-color:#c82333;border-color:#c82333}.cart-summary{display:flex;justify-content:space-between;align-items:center;padding:20px;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;background-color:var(--card-bg, #ffffff)}.cart-total h3{margin:0;font-size:24px;color:var(--text-color, #333333)}.checkout-btn{background-color:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:700}.checkout-btn:hover{background-color:#218838}@media(max-width:768px){.cart-content{padding:10px;margin-top:150px}.cart-item{flex-direction:column;align-items:center;gap:15px}.cart-item-image{width:260px;height:160px}.cart-item-quantity{order:1;width:100%;justify-content:center}.cart-item-subtotal{order:2;text-align:center;width:100%}.cart-item-actions{order:3;width:100%;justify-content:center}.cart-summary{flex-direction:column;gap:15px;text-align:center}.cart-total h3{font-size:20px}}.order-form-container{max-width:1200px;margin:0 auto;padding:20px;background-color:var(--bg-color);color:var(--text-color);min-height:calc(100vh - 200px)}.order-form-container h1{font-size:1.8rem;margin-bottom:20px;color:var(--text-color);text-align:center}.navigation-actions{display:flex;gap:15px;margin-bottom:20px;justify-content:flex-start}.cancel-btn:hover{background:#c82333;color:#fff;transform:translateY(-1px)}.navigation-actions .cancel-btn,.navigation-actions .back-to-cart-btn{flex:0 0 auto;padding:10px 20px;font-size:.9rem;font-weight:500}@media(max-width:767px){.navigation-actions{flex-direction:column;gap:10px}.navigation-actions .cancel-btn,.navigation-actions .back-to-cart-btn{width:100%}}.order-form-content{display:flex;flex-direction:column;gap:30px}@media(min-width:768px){.order-form-content{flex-direction:row}.customer-info-section,.order-summary-section{flex:1}}.customer-info-section{background:var(--card-bg);padding:20px;border-radius:8px;box-shadow:0 2px 8px var(--shadow-color)}.customer-info-section h2{font-size:1.3rem;margin-bottom:20px;color:var(--text-secondary)}.order-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:var(--text-color)}.form-group input,.form-group textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;background-color:var(--input-bg);color:var(--text-color);font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--input-focus)}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:.85rem;margin-top:4px}.order-summary-section{background:var(--card-bg);padding:20px;border-radius:8px;box-shadow:0 2px 8px var(--shadow-color)}.order-summary-section h2{font-size:1.3rem;margin-bottom:20px;color:var(--text-secondary)}.order-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;max-height:400px;overflow-y:auto}.order-item{padding:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-secondary)}.item-info{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.item-name{font-weight:600;color:var(--text-color)}.item-size{font-size:.85rem;color:var(--text-secondary)}.item-details{display:flex;justify-content:space-between;align-items:center}.item-quantity{font-size:.9rem;color:var(--text-secondary)}.item-price{font-weight:600;color:var(--accent-color)}.order-total{display:flex;justify-content:space-between;align-items:center;padding:15px;margin-top:20px;background:var(--bg-tertiary);border-radius:6px;font-size:1.1rem;font-weight:600}.order-total span:last-child{color:var(--accent-color)}.order-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}@media(min-width:768px){.order-actions{flex-direction:row;gap:15px}}.cancel-btn{padding:12px 24px;background:#fff;color:red;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.cancel-btn:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.back-to-cart-btn{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.back-to-cart-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.back-to-cart-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.order-btn,.quotation-btn{flex:1;padding:12px;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.order-btn{background:var(--accent-color);color:var(--button-text)}.order-btn:hover:not(:disabled){background:var(--accent-hover)}.quotation-btn{background:#6c757d;color:#fff}.quotation-btn:hover:not(:disabled){background:#5a6268}.order-btn:disabled,.quotation-btn:disabled{opacity:.6;cursor:not-allowed}.success-message{text-align:center;padding:40px 20px;background:var(--success-bg);border-radius:8px;margin:20px 0}.success-message h2{color:var(--accent-color);margin-bottom:15px}.success-message p{margin-bottom:20px;color:var(--text-color)}.back-to-shopping-btn{padding:12px 24px;background:var(--accent-color);color:var(--button-text);border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease}.back-to-shopping-btn:hover{background:var(--accent-hover)}.empty-cart-message{text-align:center;padding:40px;background:var(--error-bg);border-radius:8px;margin:20px 0}.empty-cart-message h2{color:var(--error-text);margin-bottom:15px}.empty-cart-message p{margin-bottom:20px;color:var(--text-color)}.order-btn:disabled,.quotation-btn:disabled{position:relative}.order-btn:disabled:after,.quotation-btn:disabled:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(255,255,255,.5);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg-color: #ffffff;--text-color: #333333;--text-secondary: #666666;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f1f1;--border-color: #e0e0e0;--border-hover: #cccccc;--accent-color: #4caf50;--accent-hover: #45a049;--shadow-color: rgba(0, 0, 0, .1);--modal-overlay: rgba(0, 0, 0, .7);--sidebar-bg: #ffffff;--sidebar-border: #eeeeee;--input-bg: #ffffff;--input-border: #e0e0e0;--input-focus: rgba(76, 175, 80, .1);--button-bg: #4caf50;--button-text: #ffffff;--button-hover: #45a049;--card-bg: #ffffff;--card-shadow: rgba(0, 0, 0, .1);--error-bg: #ffebee;--error-text: #c62828;--success-bg: #e8f5e8;--loading-bg: #e3f2fd;--loading-text: #1565c0}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #ffffff;--text-secondary: #ffffff;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--border-color: #555555;--border-hover: #777777;--accent-color: #4caf50;--accent-hover: #45a049;--shadow-color: rgba(0, 0, 0, .3);--modal-overlay: rgba(0, 0, 0, .8);--sidebar-bg: #2d2d2d;--sidebar-border: #404040;--input-bg: #404040;--input-border: #555555;--input-focus: rgba(76, 175, 80, .2);--button-bg: #4caf50;--button-text: #ffffff;--button-hover: #45a049;--card-bg: #1a1a1a;--card-shadow: rgba(0, 0, 0, .3);--error-bg: #4a1c1c;--error-text: #ff6b6b;--success-bg: #1c4a1c;--loading-bg: #1c3a4a;--loading-text: #6bb6ff}html{background-color:var(--bg-color);color:var(--text-color)}body{background-color:var(--bg-color);color:var(--text-color);margin:0;padding:0;font-family:Segoe UI,sans-serif;transition:background-color .3s ease,color .3s ease}.App{max-width:1500px;margin:0 auto;padding:20px;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;transition:background-color .3s ease,color .3s ease}main{padding-top:200px}header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-color);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-color);text-align:center}.header-top{display:flex;justify-content:space-between;align-items:center;max-width:1500px;margin:0 auto;padding:0 20px}.header-top img{display:block;margin:0 0 auto;max-width:150px;height:auto;padding:5px}.app-logo{max-width:240px;width:100%;height:auto;margin:0}.app-watermark{position:fixed;right:20px;bottom:18px;width:300px;max-width:25vw;opacity:.08;pointer-events:none;z-index:9999}.header-top h1{margin:0;font-size:2rem}.header-nav{display:flex;gap:15px}.admin-link{padding:8px 16px;background:var(--accent-color);color:var(--button-text);border-radius:6px;text-decoration:none;font-weight:600;transition:background .3s ease}.admin-link:hover{background:var(--accent-hover)}.category-filter{display:flex;gap:12px;margin-bottom:.5rem;margin-top:.5rem;flex-wrap:wrap;padding-left:10px}.price-filter{display:flex;gap:12px;margin-bottom:30px;flex-wrap:wrap;justify-content:center;align-items:center}.price-filter label{font-weight:500;color:var(--text-color)}.price-filter input{padding:8px 12px;border:1px solid var(--input-border);border-radius:6px;font-size:1rem;width:120px;background-color:var(--input-bg);color:var(--text-color)}.price-filter input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--input-focus)}.category-marquee{width:100%;overflow:hidden;box-sizing:border-box;padding:8px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.marquee-track{display:flex;gap:32px;align-items:center;white-space:nowrap;animation:marquee 18s linear infinite}.marquee-item{display:inline-block;color:var(--text-color);font-size:.95rem;padding:6px 4px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.category-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:20px;cursor:pointer;transition:all .2s;font-size:.75rem}.category-btn.active,.category-btn:hover{background:var(--accent-color);color:var(--button-text);border-color:var(--accent-color)}.product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.product-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color);transition:transform .2s;background-color:var(--card-bg);color:var(--text-color)}.product-card:hover{transform:translateY(-4px)}.product-card .product-image{width:100%;height:250px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.product-card img{width:100%;height:100%;object-fit:contain;border-radius:4px}.product-card .no-image{color:var(--text-secondary);font-size:1rem;font-weight:500;text-align:center}.product-card h3{padding:12px;margin:0;font-size:1.1rem;color:var(--text-color)}.price{padding:0 12px 12px;color:#e74c3c;font-weight:700;font-size:1.2rem}.sizes{padding:0 12px 12px}.size-tag{display:inline-block;background:#f1f1f1;padding:4px 8px;margin-right:6px;border-radius:4px;font-size:.85rem}.price-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:.75rem}.price-table th,.price-table td{padding:8px 10px;border-bottom:1px solid #eee;text-align:left}.price-table tr:hover{background:#fafafa}.price-table tr.selected{background:#f0fff4}.add-row{padding:12px 0 0;display:flex;justify-content:flex-end}.add-to-cart{background:#4caf50;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-weight:600;cursor:pointer}.add-to-cart:disabled{opacity:.5;cursor:not-allowed}.sr-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.loading,.error{text-align:center;padding:24px;font-size:1.1rem;border-radius:8px;margin:20px 0}.loading{background:#e3f2fd;color:#1565c0;border:1px solid #64b5f6}.error{background:#ffebee;color:#c62828;border:1px solid #ef5350}.home-icon-btn{background:#4caf50;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;margin-left:10px}.home-icon-btn:hover{background:#45a049}.home-icon-btn svg{width:20px;height:20px}.cart-icon-btn{background:#4caf50;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease;margin-left:10px}.cart-icon-btn:hover{background:#45a049}.cart-icon-btn svg{width:20px;height:20px}.cart-badge{background:#dc3545;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003}.filter-icon-btn{background:#4caf50;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.filter-icon-btn:hover{background:#45a049}.filter-icon-btn svg{width:20px;height:20px}.search-container{flex:1;max-width:70%;margin:0 20px}.search-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:25px;font-size:16px;background:#fff;transition:all .3s ease;box-sizing:border-box}.search-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.search-input::placeholder{color:#999;font-style:italic}.theme-toggle-btn{background:var(--bg-secondary);color:var(--text-color);border:1px solid var(--border-color);border-radius:6px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:40px;height:40px}.theme-toggle-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.filter-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:1000}.filter-sidebar{position:fixed;top:0;left:0;width:350px;height:100vh;background:var(--sidebar-bg);box-shadow:2px 0 8px var(--shadow-color);z-index:1001;display:flex;flex-direction:column;color:var(--text-color)}.filter-sidebar-header{padding:20px;border-bottom:1px solid var(--sidebar-border);background:var(--bg-secondary);position:relative}.filter-sidebar-header h3{margin:0;font-size:1.2rem;color:var(--text-color)}.sidebar-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:20px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.sidebar-close-btn:hover{background:#0000001a;color:#333}.filter-sidebar-content{flex:1;padding:20px;overflow-y:auto}.filter-section{margin-bottom:24px}.filter-section h4{margin:0 0 12px;font-size:1rem;color:var(--text-secondary);font-weight:600}.price-filter-sidebar{display:flex;flex-direction:column;gap:12px}.price-filter-sidebar label{font-weight:500;color:var(--text-color);font-size:.9rem}.price-filter-sidebar input{padding:10px 12px;border:1px solid var(--input-border);border-radius:6px;font-size:1rem;width:100%;box-sizing:border-box;background-color:var(--input-bg);color:var(--text-color)}.price-filter-sidebar input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--input-focus)}.search-filter-sidebar{margin-bottom:12px}.sidebar-search-input{width:100%;padding:10px 12px;border:2px solid var(--input-border);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--text-color);transition:all .3s ease;box-sizing:border-box}.sidebar-search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--input-focus)}.sidebar-search-input::placeholder{color:var(--text-secondary);font-style:italic}.category-filter-sidebar{display:flex;flex-direction:column;gap:8px}.category-radio{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--text-color)}.category-radio input[type=radio]{margin:0}.availability-filter{display:flex;flex-direction:column;gap:8px}.availability-filter label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:var(--text-color)}.availability-filter input[type=radio]{margin:0}.size-filter{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.size-checkbox{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-color)}.size-checkbox input[type=checkbox]{margin:0}.filter-sidebar-footer{padding:20px;border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end}.cancel-btn{padding:10px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.cancel-btn:hover{background:#f5f5f5}.apply-btn{padding:10px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s;width:100%}.apply-btn:hover{background:#45a049}.clear-filters-btn{padding:10px 16px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background .2s;width:100%}.clear-filters-btn:hover{background:#e8f4fd;color:#2196f3;border-color:#2196f3}.footer-actions{display:flex;gap:12px;justify-content:flex-end}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin:30px 0;padding:20px 0}.items-per-page-selector{display:flex;align-items:center;gap:8px;margin-right:20px;font-size:14px;color:var(--text-color)}.items-per-page-selector label{font-weight:500;white-space:nowrap}.items-per-page-selector select{padding:6px 10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-color);font-size:14px;cursor:pointer;transition:border-color .2s ease;min-width:60px}.items-per-page-selector select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--input-focus)}.items-per-page-selector select:hover{border-color:var(--border-hover)}@media(max-width:768px){.items-per-page-selector{display:none}}.pagination-numbers{display:flex;align-items:center;gap:4px}.pagination-btn{padding:8px 12px;border:1px solid #ddd;background:#fff;color:#333;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;min-width:40px;text-align:center}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#4caf50;color:#fff;border-color:#4caf50}.pagination-ellipsis{padding:8px 4px;color:#666;font-weight:700}.pagination-prev,.pagination-next{font-weight:600}.product-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.product-modal{background:var(--card-bg);border-radius:12px;width:100%;max-width:1000px;height:100%;overflow-y:auto;position:relative;box-shadow:0 10px 30px var(--shadow-color);color:var(--text-color);display:flex;justify-content:center;align-items:center}.modal-close-btn{position:absolute;top:15px;left:50%;transform:translate(-50%);background:none;border:none;font-size:24px;cursor:pointer;z-index:1;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-tertiary);color:var(--text-color)}.modal-close-btn:hover{background:var(--border-color)}.modal-content{display:flex;flex-direction:column;gap:20px;background-color:var(--card-bg);padding:20px}@media(min-width:769px){.modal-content{flex-direction:row;padding:30px;gap:30px}.modal-content .modal-image{flex:0 0 400px;margin-top:0}.modal-content .modal-details{flex:1}}.modal-image{width:100%;height:400px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:8px 8px 0 0;overflow:hidden;margin-top:50px}.modal-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.modal-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.zoom-controls{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;gap:8px;z-index:10}.zoom-btn{width:35px;height:35px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.zoom-btn:hover:not(:disabled){background:#000000e6;transform:scale(1.1)}.zoom-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-details{padding:0 20px 20px}.modal-details h2{margin:0 0 10px;font-size:1.5rem;color:var(--text-color)}.modal-quantity{color:var(--text-secondary);font-size:.9rem;margin-bottom:15px}.modal-sizes h3{margin:0 0 10px;font-size:1.1rem;color:var(--text-secondary)}.modal-price-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:.9rem}.modal-sizes{max-height:300px;overflow-y:auto;margin-bottom:20px}.modal-price-table th,.modal-price-table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--border-color)}.modal-price-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary)}.modal-price-table tr:hover{background:var(--bg-tertiary)}.modal-price-table tr.selected{background:var(--success-bg)}.modal-price-table input[type=radio]{margin-right:8px}.modal-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.modal-add-to-cart{background:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s}.modal-add-to-cart:hover:not(:disabled){background:#45a049}.modal-add-to-cart:disabled{background:#ccc;cursor:not-allowed}.modal-view-details{background:#6c757d;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:background .3s;position:absolute;top:15px;right:15px;left:auto;transform:none;z-index:10}.modal-view-details:hover:not(:disabled){background:#5a6268}.modal-view-details:disabled{background:#ccc;cursor:not-allowed}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px}.quantity-btn{width:45px;height:30px;border:2px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:24px;font-weight:700;transition:all .3s ease}.quantity-btn:hover:not(:disabled){background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:scale(1.1);box-shadow:0 4px 8px #0003}.quantity-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.quantity-input{width:60px;height:30px;text-align:center;border:2px solid var(--border-color);border-radius:8px;background-color:var(--bg-color);color:var(--text-color);font-size:15px;font-weight:600;transition:border-color .3s ease;box-shadow:0 2px 4px #0000001a}.quantity-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--input-focus)}@media(max-width:768px){.app-logo{max-width:180px}.search-container{display:none}main{padding-top:140px}.header-top img{display:block;margin:0 0 auto;max-width:100px;height:auto;padding:5px}.category-filter{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-left:10px}.category-filter::-webkit-scrollbar{display:none}.category-btn{flex-shrink:0;white-space:nowrap}.category-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:20px;cursor:pointer;transition:all .2s;font-size:.6rem}.category-marquee{width:100%;overflow:hidden;box-sizing:border-box;padding:8px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.marquee-item{display:inline-block;color:var(--text-color);font-size:.5rem;padding:3px 2px}.product-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-top:2px;overflow-y:auto;max-height:calc(100vh - 300px);-webkit-overflow-scrolling:touch}.product-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:2px}.modal-content{display:flex;flex-direction:column;gap:20px;background-color:var(--card-bg);padding:20px;width:100%}.product-card{width:100%}.product-card .product-image{height:100px}.product-card h3{font-size:.75rem;padding:6px;line-height:1.2}.price{padding:0 6px 6px;font-size:.9rem}.sizes{padding:0 6px 6px}.size-tag{font-size:.7rem;padding:2px 6px;margin-right:4px}.product-modal{max-width:100%;height:auto;max-height:calc(100vh - 20px)}.modal-image{height:250px;max-width:100%;margin-top:45px}.modal-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.modal-details h2{font-size:1.2rem}.modal-price-table{font-size:.8rem}.modal-price-table th,.modal-price-table td{padding:8px 6px}.modal-price-table{width:100%;overflow-x:auto;max-width:100%;margin-bottom:20px}.modal-sizes{width:100%;overflow:hidden}.modal-sizes{max-height:175px;overflow-y:auto;margin-bottom:20px;width:100%}.mobile-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:2000}.mobile-sidebar{position:fixed;top:0;right:0;width:100vw;height:100vh;background:var(--card-bg);box-shadow:-2px 0 8px var(--shadow-color);z-index:2001;transform:translate(100%);transition:transform .3s ease;overflow-y:auto}.mobile-sidebar-overlay .mobile-sidebar{transform:translate(0)}.mobile-sidebar-content{padding-top:50px;height:100%;display:flex;flex-direction:column;gap:15px;width:100%}.mobile-sidebar .modal-close-btn{position:absolute;top:15px;right:15px;z-index:2002}.mobile-sidebar .modal-image{height:180px;width:100%}.mobile-sidebar .modal-details h2{font-size:1.1rem}.mobile-sidebar .modal-price-table{font-size:.75rem}.mobile-sidebar .modal-price-table th,.mobile-sidebar .modal-price-table td{padding:6px 4px}}.bottom-sheet-overlay{position:fixed;inset:0;background:#000000b3;z-index:2000;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet-close-btn-mobile{position:fixed;top:15px;right:15px;background:#dc3545;border:none;font-size:24px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;z-index:2001;box-shadow:0 2px 8px #0000004d}.bottom-sheet-close-btn-mobile:hover{background:#c82333;transform:scale(1.1)}.bottom-sheet{background:var(--card-bg);border-radius:16px 16px 0 0;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 -10px 30px var(--shadow-color);color:var(--text-color);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-content{display:flex;flex-direction:column;gap:15px;padding:20px 20px 40px;position:relative}.bottom-sheet-close-btn{position:absolute;top:15px;right:15px;background:var(--bg-tertiary);border:none;font-size:24px;cursor:pointer;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-color);z-index:10}.bottom-sheet-close-btn:hover{background:var(--border-color)}.bottom-sheet-image{width:100%;height:250px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:12px;overflow:hidden;margin-bottom:15px}.bottom-sheet-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bottom-sheet-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.bottom-sheet-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.bottom-sheet-details{padding:0 5px}.bottom-sheet-details h2{margin:0 0 10px;font-size:1.3rem;color:var(--text-color)}.bottom-sheet-category{color:var(--text-secondary);font-size:.9rem;margin-bottom:15px}.bottom-sheet-sizes h3{margin:0 0 10px;font-size:1.1rem;color:var(--text-secondary)}.bottom-sheet-price-table-container{max-height:250px;overflow-y:auto;margin-bottom:15px;border:1px solid var(--border-color);border-radius:8px}.bottom-sheet-price-table{width:100%;border-collapse:collapse;font-size:.9rem}.bottom-sheet-price-table th,.bottom-sheet-price-table td{padding:10px 8px;text-align:left;border-bottom:1px solid var(--border-color)}.bottom-sheet-price-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);position:sticky;top:0;z-index:5}.bottom-sheet-price-table tr:hover{background:var(--bg-tertiary)}.bottom-sheet-price-table tr.selected{background:var(--success-bg)}.bottom-sheet-price-table input[type=radio]{margin-right:8px}.bottom-sheet-quantity-selector h3{margin:0 0 10px;font-size:1rem;color:var(--text-secondary)}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:15px 0}.quantity-btn{width:40px;height:35px;border:2px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:20px;font-weight:700;transition:all .3s ease}.quantity-btn:hover:not(:disabled){background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:scale(1.1)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-input{width:60px;height:35px;text-align:center;border:2px solid var(--border-color);border-radius:8px;background-color:var(--bg-color);color:var(--text-color);font-size:15px;font-weight:600}.quantity-info{text-align:center;font-size:.9rem;color:var(--text-secondary);margin:10px 0}.bottom-sheet-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:15px}.bottom-sheet-add-to-cart{background:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .3s;width:100%;max-width:300px}.bottom-sheet-add-to-cart:hover:not(:disabled){background:#45a049}.bottom-sheet-add-to-cart:disabled{background:#ccc;cursor:not-allowed}.bottom-sheet .zoom-controls{position:absolute;top:15px;right:15px;display:flex;flex-direction:column;gap:8px;z-index:10}.bottom-sheet .zoom-btn{width:35px;height:35px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bottom-sheet .zoom-btn:hover:not(:disabled){background:#000000e6;transform:scale(1.1)}.bottom-sheet .zoom-btn:disabled{opacity:.5;cursor:not-allowed}