@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Lato:wght@300;400;700&display=swap";.product-filters{margin-bottom:1.5rem}.filters-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid #8b6f47;border-radius:8px;color:#8b6f47;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.filters-toggle-btn:hover{background:#f5f1e8;border-color:#5d4e37}.filter-badge{background:#8b6f47;color:#fff;border-radius:12px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;min-width:20px;text-align:center}.filters-panel{margin-top:1rem;padding:1.5rem;background:#fff;border:1px solid #d4c4a8;border-radius:8px;box-shadow:0 2px 8px #8b6f471a}.filters-section{margin-bottom:1.5rem}.filters-section-title{font-size:1rem;font-weight:600;color:#5d4e37;margin-bottom:1rem;font-family:Cormorant Garamond,serif}.filter-field{margin-bottom:1rem}.filter-field:last-child{margin-bottom:0}.filter-label{display:block;font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.filter-select,.filter-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;color:#2c2416;background:#fff;transition:border-color .2s ease}.range-field{margin-bottom:1rem}.filter-loading{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem}.filters-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.btn-clear-filters{display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.filters-panel{padding:1rem}.range-inputs{flex-direction:column;gap:.5rem}.range-separator{display:none}}.qr-scanner-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.qr-scanner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qr-scanner-content{position:relative;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;z-index:1001}.qr-scanner-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.qr-scanner-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#2c2416;font-family:Cormorant Garamond,serif}.qr-scanner-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.qr-scanner-close:hover{background:#f3f4f6;color:#2c2416}.qr-scanner-body{padding:1.5rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.qr-scanner-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#991b1b;margin-bottom:1rem;width:100%;font-size:.875rem}.qr-reader-container{width:100%;max-width:500px;margin:0 auto;border-radius:8px;overflow:hidden;background:#000;position:relative}.qr-reader-container video{width:100%;height:auto;display:block}.qr-scanner-instructions{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;color:#6b7280}.qr-scanner-instructions p{margin:0;font-size:1rem}.qr-scanner-status{margin-top:1rem;text-align:center}.scanning-indicator{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem;color:#8b6f47;font-weight:600}.scanning-dot{width:12px;height:12px;border-radius:50%;background:#8b6f47;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.scanning-hint{color:#6b7280;font-size:.875rem;margin:0}.qr-scanner-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.qr-scanner-content{width:95%;max-height:95vh}.qr-scanner-header,.qr-scanner-body,.qr-scanner-footer{padding:1rem}.qr-reader-container{max-width:100%}}.shelf-box{background:#fff;border:2px solid #d4c4a8;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;height:320px;width:100%;max-width:100%;flex-shrink:0;box-shadow:0 2px 8px #00000014}.shelf-box:hover{border-color:#8b6f47;box-shadow:0 4px 12px #8b6f4726;transform:translateY(-2px)}.shelf-box.selected{border-color:#8b6f47;background:#f5f1e8;box-shadow:0 0 0 3px #8b6f471a}.shelf-box.drag-over{border-color:#c0673e;background:#faf8f3;border-style:dashed;box-shadow:0 0 0 2px #c0673e33}.shelf-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.shelf-header h4{margin:0;color:#5d4e37;font-size:18px;font-weight:600;font-family:Cormorant Garamond,serif;text-transform:uppercase;letter-spacing:.5px}.shelf-type{display:inline-block;background:#f5f1e8;color:#8b6f47;padding:2px 6px;border-radius:3px;font-size:11px;font-weight:500;text-transform:capitalize;border:1px solid #d4c4a8}.shelf-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.empty-shelf{text-align:center;color:#d4c4a8;margin:auto;font-size:20px;font-weight:300}.inventory-list{display:flex;flex-direction:column;gap:8px;flex:1;overflow-y:auto;min-height:0}.inventory-item{min-height:24px}.more-items{color:#999;font-size:12px;text-align:center;margin-top:4px;font-style:italic}.shelf-footer{margin-top:auto;padding-top:8px;border-top:1px solid #f0f0f0;text-align:center}.quantity-badge{display:inline-block;background:#f5f1e8;color:#8b6f47;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600;border:1px solid #d4c4a8}.draggable-product{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 10px;display:flex;align-items:center;gap:8px;font-size:12px;cursor:grab;transition:all .2s ease;overflow:hidden;min-height:40px}.draggable-product.clickable{cursor:pointer}.draggable-product.clickable:hover{background:#f5f1e8;border-color:#8b6f47;cursor:pointer;box-shadow:0 2px 4px #8b6f4726}.draggable-product.dragging{opacity:.5;background:#faf8f3;cursor:grabbing;box-shadow:0 2px 8px #8b6f474d}.draggable-product .product-info{display:flex;align-items:center;gap:6px;flex:1;min-width:0;width:100%}.product-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.product-sku{color:#333;font-size:13px;font-weight:600}.product-box{color:#666;font-size:11px;font-weight:400}.product-qty{background:#fff;color:#8b6f47;padding:4px 8px;border-radius:12px;font-weight:600;font-size:12px;flex-shrink:0;border:1px solid #d4c4a8}@media (max-width: 768px){.shelf-box{height:280px}.shelf-header h4{font-size:16px}.draggable-product{font-size:11px;padding:6px 8px;min-height:36px}.product-image{font-size:11px}}@media (max-width: 480px){.shelf-box{height:260px}}.store-grid-view{padding:20px;display:block!important}.store-header{margin-bottom:24px;border-bottom:3px solid #8b6f47;padding-bottom:12px}.store-header h2{margin:0 0 8px;color:#5d4e37;font-size:28px;font-family:Cormorant Garamond,serif;font-weight:700}.store-info{color:#8b7355;margin:0;font-size:14px}.shelves-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px;margin-bottom:24px;width:100%;min-width:0;align-items:stretch}.shelves-grid>.shelf-box{min-width:0;width:100%;max-width:100%;height:320px}.shelves-map-container{width:100%;margin-bottom:24px;border:2px solid #d4c4a8;border-radius:8px;background:#faf8f3;overflow:auto;max-height:80vh}.shelves-map{position:relative;background:#faf8f3;padding:20px}.shelves-map .shelf-box{position:absolute;width:280px}.no-sections{width:100%;text-align:center;padding:40px 20px;background:#faf8f3;border-radius:8px;color:#8b7355;font-size:16px}.section-detail{background:#f5f1e8;border-left:4px solid #8b6f47;padding:16px;border-radius:4px}.section-detail h3{margin:0 0 8px;color:#5d4e37;font-family:Cormorant Garamond,serif}.section-detail p{margin:4px 0;color:#8b7355;font-size:14px}.hint{font-style:italic;color:#8b7355}@media (max-width: 1024px){.store-grid-view{padding:1.5rem}.store-header h2{font-size:1.75rem}.shelves-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem}.shelves-map-container{max-height:70vh}.shelves-map{padding:1rem}.shelves-map .shelf-box{width:240px}}@media (max-width: 768px){.store-grid-view{padding:1rem}.store-header{margin-bottom:1.5rem;padding-bottom:.75rem}.store-header h2{font-size:1.5rem;margin-bottom:.5rem}.store-info{font-size:.85rem}.shelves-grid{grid-template-columns:1fr!important;gap:1rem;margin-bottom:1.5rem}.shelf-box{width:100%;min-width:auto;height:250px}.shelves-map-container{max-height:60vh;margin-bottom:1.5rem}.shelves-map{padding:.75rem;min-height:400px}.shelves-map .shelf-box{width:200px;position:relative;margin-bottom:1rem}.no-sections{padding:2rem 1rem;font-size:.9rem}.section-detail{padding:1rem}.section-detail h3{font-size:1rem;margin-bottom:.5rem}.section-detail p{font-size:.85rem;margin:.25rem 0}}@media (max-width: 480px){.store-grid-view{padding:.75rem}.store-header{margin-bottom:1rem;padding-bottom:.5rem}.store-header h2{font-size:1.25rem}.store-info{font-size:.8rem}.shelves-grid{gap:.75rem;margin-bottom:1rem}.shelf-box{height:200px}.shelves-map-container{max-height:50vh}.shelves-map{padding:.5rem;min-height:300px}.shelves-map .shelf-box{width:160px;font-size:.85rem}.no-sections{padding:1.5rem .75rem;font-size:.85rem}.section-detail{padding:.875rem}.section-detail h3{font-size:.95rem}.section-detail p{font-size:.8rem}}.product-location-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;margin:16px 0;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease}.product-location-card:hover{box-shadow:0 4px 8px #00000026}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:2px solid #f0f0f0;padding-bottom:12px}.product-info{display:flex;gap:12px;flex:1}.product-image{font-size:48px;min-width:60px;text-align:center}.product-details h3{margin:0 0 4px;color:#333}.product-name{font-weight:600;font-size:16px}.product-sku{color:#666;font-size:12px;margin:2px 0}.product-price{color:#2ecc71;font-weight:600;margin:4px 0 0}.product-summary{text-align:right}.total-quantity{display:inline-block;background:#f0f0f0;padding:6px 12px;border-radius:4px;font-size:14px;color:#333}.total-quantity strong{color:#e74c3c;font-size:18px}.locations-list{margin-top:12px}.locations-list h4{margin:0 0 12px;color:#333}.locations-table{width:100%;border-collapse:collapse;font-size:14px}.locations-table thead{background:#f9f9f9}.locations-table th{padding:8px;text-align:left;font-weight:600;border-bottom:2px solid #ddd;color:#555}.locations-table td{padding:8px;border-bottom:1px solid #eee}.locations-table tr:hover{background:#f9f9f9}.quantity{text-align:center;color:#e74c3c}.actions{display:flex;gap:6px}.btn-small{padding:4px 8px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:11px;white-space:nowrap;transition:all .2s ease}.btn-small:hover{background:#f0f0f0;border-color:#999}.btn-transfer{color:#3498db}.btn-transfer:hover{color:#2980b9}.btn-update{color:#f39c12}.btn-update:hover{color:#d68910}.no-locations{text-align:center;color:#999;padding:20px;font-style:italic}@media (max-width: 1024px){.product-location-card{padding:1.25rem}.product-image{font-size:40px;min-width:50px}.product-name{font-size:.95rem}}@media (max-width: 768px){.product-location-card{padding:1rem;margin:1rem 0}.card-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.product-info{width:100%}.product-image{font-size:36px;min-width:44px}.product-details h3{margin-bottom:.25rem}.product-name{font-size:.9rem}.product-sku{font-size:.8rem}.product-price{font-size:.9rem}.product-summary{text-align:left;margin-top:0;width:100%}.total-quantity{padding:.5rem .875rem;font-size:.85rem}.total-quantity strong{font-size:1.25rem}.locations-list{margin-top:1rem}.locations-list h4{font-size:.95rem;margin-bottom:.75rem}.locations-table{font-size:.8rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.locations-table thead,.locations-table tbody,.locations-table tr{display:block}.locations-table thead{display:none}.locations-table tr{margin-bottom:.75rem;border:1px solid #ddd;border-radius:6px;padding:.75rem;background:#f9f9f9}.locations-table td{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #eee;text-align:left}.locations-table td:last-child{border-bottom:none}.locations-table td:before{content:attr(data-label);font-weight:600;color:#555;margin-right:1rem;flex-shrink:0}.quantity{text-align:left}.actions{flex-direction:row;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.btn-small{flex:1;min-width:100px;padding:.5rem .75rem;font-size:.8rem}}@media (max-width: 480px){.product-location-card{padding:.875rem;margin:.75rem 0}.card-header{padding-bottom:.75rem;margin-bottom:.75rem}.product-image{font-size:32px;min-width:40px}.product-name{font-size:.85rem}.product-sku{font-size:.75rem}.product-price{font-size:.85rem}.total-quantity{padding:.4rem .75rem;font-size:.8rem}.total-quantity strong{font-size:1.1rem}.locations-table td{font-size:.75rem;padding:.4rem 0}.actions{flex-direction:column}.btn-small{width:100%;min-width:auto}}*{margin:0;padding:0;box-sizing:border-box}@media (max-width: 430px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a,[role=button]{min-height:44px;min-width:44px}}.top-header{background:#fff;border-bottom:2px solid #8b6f47;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:0 2px 8px #8b6f471a;height:70px}.header-left{display:flex;align-items:center;gap:1rem;flex-shrink:0;z-index:101}.mobile-menu-btn{background:none;border:none;color:#5d4e37;cursor:pointer;padding:.5rem;border-radius:6px;transition:background-color .2s ease;display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}.mobile-menu-btn:hover{background:#f5f1e8}.hamburger-menu{position:relative;z-index:101}.header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;flex:1;justify-content:center;z-index:1}.header-brand{display:flex;align-items:center;gap:1rem;color:#8b6f47}.header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0;z-index:101}.header-time{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;white-space:nowrap}.header-time .time-text{display:inline}.sidebar{position:fixed;top:70px;left:0;width:250px;height:calc(100vh - 70px);background:#fff;border-right:2px solid #8b6f47;z-index:90;box-shadow:2px 0 8px #8b6f471a;transition:transform .3s ease;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-weight:600;color:#5d4e37;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.sidebar-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-close-btn:hover{background:#f3f4f6;color:#374151}.sidebar-nav{padding:1.5rem 0;display:flex;flex-direction:column;gap:.5rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;color:#5d4e37;text-decoration:none;transition:all .3s ease;font-size:.95rem;font-weight:500;border-right:3px solid transparent}.sidebar-link:hover:not(.active){background:#f8f6f0;color:#8b6f47;border-right-color:#d4c4a8}.sidebar-link.active{background:#f5f1e8;color:#8b6f47;border-right-color:#8b6f47;font-weight:600}.sidebar-link svg{flex-shrink:0}.sidebar-overlay{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:#00000080;z-index:85;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.app-layout{display:flex;margin-top:70px;width:100%;overflow-x:hidden}.main-content{flex:1;margin-left:0;min-height:calc(100vh - 70px);transition:margin-left .3s ease}@media (min-width: 969px){.app-layout.sidebar-open .main-content{margin-left:250px}.app-layout.sidebar-closed .main-content{margin-left:0}}.page-content{min-height:calc(100vh - 140px)}@media (max-width: 968px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content,.app-layout.sidebar-open .main-content{margin-left:0!important}}@media (min-width: 969px){.sidebar-overlay{display:none!important}}@media (max-width: 768px){.top-header{padding:.75rem 1rem;height:60px}.header-left{min-width:44px}.header-center{left:50%;transform:translate(-50%);padding:0 .5rem}.header-brand{gap:.5rem}.header-brand svg{width:24px;height:24px}.header-brand .brand-name{font-size:1rem;line-height:1.2}.header-brand .brand-tagline{display:none}.header-actions{gap:.75rem;flex-shrink:0}.header-time{gap:.375rem;font-size:.75rem}.header-time svg{width:16px;height:16px}.header-time .time-text{display:inline}.cart-icon{padding:.5rem;min-width:44px;min-height:44px}.cart-icon svg{width:20px;height:20px}.cart-badge{width:20px;height:20px;font-size:.7rem;top:-6px;right:-6px}.sidebar{width:100%;max-width:280px;top:60px;height:calc(100vh - 60px)}.sidebar-overlay{top:60px;height:calc(100vh - 60px)}}.brand-name{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:700;letter-spacing:1px;color:#5d4e37}.brand-tagline{font-size:.75rem;color:#8b7355;text-transform:uppercase;letter-spacing:2px}.cart-badge{position:absolute;top:-8px;right:-8px;background:#c0673e;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid #ffffff}.cart-icon{display:flex;align-items:center;justify-content:center;position:relative;background:#faf8f3;border:2px solid #d4c4a8;border-radius:12px;padding:.75rem;color:#5d4e37;transition:all .3s ease;text-decoration:none;cursor:pointer}.cart-icon:hover{background:#f5f1e8;border-color:#8b6f47;transform:translateY(-2px);box-shadow:0 4px 12px #8b6f4733}.cart-icon.active{background:#8b6f47;color:#fff;border-color:#8b6f47}.cart-icon .cart-badge{position:absolute;top:-8px;right:-8px;background:#c0673e;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid #ffffff}.cart-icon.disabled{background:#f5f5f5;color:#ccc;border-color:#e5e5e5;cursor:not-allowed;transform:none;box-shadow:none}.cart-icon.disabled:hover{background:#f5f5f5;color:#ccc;border-color:#e5e5e5;transform:none;box-shadow:none}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:.5rem;background:#faf8f3;border:2px solid #d4c4a8;border-radius:12px;padding:.5rem 1rem;color:#5d4e37;cursor:pointer;transition:all .3s ease;font-size:.875rem}.user-menu-button:hover{background:#f5f1e8;border-color:#8b6f47;transform:translateY(-2px);box-shadow:0 4px 12px #8b6f4733}.user-name{font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{background:#8b6f47;color:#fff;padding:.2rem .5rem;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:2px solid #d4c4a8;border-radius:12px;box-shadow:0 8px 24px #8b6f4733;min-width:220px;z-index:1000;overflow:hidden}.user-menu-info{padding:1rem;background:#faf8f3}.user-menu-email{font-size:.875rem;color:#5d4e37;font-weight:600;margin-bottom:.25rem}.user-menu-role{font-size:.75rem;color:#8b7355;text-transform:capitalize}.user-menu-divider{height:1px;background:#e2e8f0;margin:.5rem 0}.user-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:none;border:none;color:#5d4e37;cursor:pointer;transition:background .2s;font-size:.875rem;text-align:left}.user-menu-item:hover{background:#f5f1e8}.logout-button{color:#c53030}.logout-button:hover{background:#fed7d7;color:#c53030}@media (max-width: 768px){.user-name{display:none}.user-menu-button{padding:.5rem}.user-menu-dropdown{right:0;left:auto}}.nav-time{display:flex;align-items:center;gap:.5rem;color:#8b7355;font-size:.9rem}.main-content{padding:2rem;max-width:1600px;margin:0 auto}.screen-container{animation:fadeIn .4s ease;padding:0 2rem;max-width:1400px;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.screen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #f5f1e8;flex-wrap:wrap;gap:1rem}.screen-title{font-family:Cormorant Garamond,serif;font-size:2.75rem;font-weight:700;color:#5d4e37;margin-bottom:.5rem;display:flex;align-items:center;gap:1rem}.screen-subtitle{color:#8b7355;font-size:1.1rem;margin:0;line-height:1.4}.header-actions{display:flex;gap:1rem;align-items:center}@media (max-width: 768px){.screen-container{padding:0 1rem}.screen-header{flex-direction:column;align-items:flex-start;margin-bottom:2rem;padding-bottom:1rem}.screen-title{font-size:2.25rem}.header-actions{width:100%;justify-content:flex-start}}.search-container{display:flex;align-items:center;gap:.75rem;background:#fff;padding:1rem 1.25rem;border-radius:12px;border:2px solid #d4c4a8;min-width:300px;transition:all .3s ease}.search-container:focus-within{border-color:#8b6f47;box-shadow:0 4px 12px #8b6f471a}.search-container svg{color:#8b6f47;flex-shrink:0}.search-input{background:transparent;border:none;color:#2c2416;font-size:.95rem;outline:none;width:100%;font-family:Lato,sans-serif}.search-input::placeholder{color:#8b7355}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.product-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #f5f1e8;padding-bottom:.5rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:1px solid #d4c4a8;color:#5d4e37;border-radius:8px 8px 0 0;cursor:pointer;transition:all .3s ease;font-size:.95rem;position:relative;font-family:Lato,sans-serif;border-bottom:none}.tab-button:hover:not(.active){background:#f5f1e8;border-color:#8b6f47}.tab-button.active{background:#8b6f47;color:#fff;border-color:#8b6f47;font-weight:600;transform:translateY(2px)}.tab-count{background:#fff3;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600}.tab-button.active .tab-count{background:#ffffff4d}.tab-button.disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#999}.tab-button.disabled:hover{background:#f5f5f5;border-color:#d4c4a8;transform:none}.demistified-filters{margin-bottom:1.5rem}.filters-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#fff;border:2px solid #d4c4a8;border-radius:8px;color:#5d4e37;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-family:Lato,sans-serif;font-weight:500}.filters-toggle-btn:hover{background:#f5f1e8;border-color:#8b6f47}.filters-toggle-btn svg{color:#8b6f47}.filter-badge{background:#8b6f47;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center}.filters-panel{background:#fff;border:2px solid #d4c4a8;border-radius:12px;padding:1.5rem;margin-top:.75rem;box-shadow:0 4px 12px #8b6f471a}.filters-loading{text-align:center;padding:2rem;color:#6b7280}.filters-section{margin-bottom:2rem}.filters-section:last-child{margin-bottom:0}.filters-section-title{font-size:1rem;font-weight:600;color:#5d4e37;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f5f1e8}.filters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.filter-field{display:flex;flex-direction:column;gap:.5rem}.filter-field.range-field{grid-column:span 2}.filter-label{font-size:.875rem;font-weight:500;color:#5d4e37}.filter-select,.filter-input{padding:.625rem .875rem;border:1px solid #d4c4a8;border-radius:6px;font-size:.9rem;font-family:Lato,sans-serif;color:#2c2416;background:#fff;transition:all .2s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f471a}.filter-select{cursor:pointer}.range-inputs{display:flex;align-items:center;gap:.75rem}.range-inputs .filter-input{flex:1}.range-separator{color:#6b7280;font-size:.875rem;font-weight:500}.filters-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f5f1e8;display:flex;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.btn-clear-filters{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#f5f1e8;color:#5d4e37;border:1px solid #d4c4a8;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-clear-filters:hover{background:#e8ddd0;border-color:#8b6f47}@media (max-width: 768px){.filters-grid{grid-template-columns:1fr}.filter-field.range-field{grid-column:span 1}.range-inputs{flex-direction:column;gap:.5rem}.range-separator{display:none}}.product-card{background:#fff;border:1px solid #d4c4a8;border-radius:16px;padding:1.5rem;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.product-card.demistified{border-left:4px solid #8b6f47}.product-card:hover{transform:translateY(-4px);border-color:#8b6f47;box-shadow:0 8px 24px #8b6f4726}.product-info{display:flex;flex-direction:column;flex:1}.product-image{position:relative;margin-bottom:1rem;text-align:center;overflow:hidden;border-radius:8px}.product-image-link{display:block;position:relative;text-decoration:none;color:inherit}.product-img{width:100%;height:200px;object-fit:cover;border-radius:8px;border:1px solid #d4c4a8;transition:transform .3s ease}.product-image-link:hover .product-img{transform:scale(1.05)}.product-icon{font-size:3rem;text-align:center}.product-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#2c2416cc;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:8px;gap:.5rem}.product-overlay span{font-size:.9rem;font-weight:500}.product-name-link:hover{color:#8b6f47}.product-category{color:#8b6f47;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.product-name{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#2c2416}.product-details{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.detail-badge{background:#f5f1e8;color:#5d4e37;padding:.25rem .75rem;border-radius:6px;font-size:.85rem;border:1px solid #d4c4a8}.detail-badge.brand{background:#e8f5e9;color:#2e7d32;border-color:#81c784}.stock-badge{background:#e8f5e9;color:#2e7d32;padding:.25rem .75rem;border-radius:6px;font-size:.85rem;border:1px solid #81c784}.stock-badge.low-stock{background:#ffebee;color:#c62828;border-color:#ef9a9a}.stock-badge.out-of-stock{background:#f5f5f5;color:#757575;border-color:#e0e0e0}.product-footer{display:flex;flex-direction:column;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid #d4c4a8}.product-price{font-size:1.5rem;font-weight:700;color:#5d4e37;text-align:left}.product-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}.product-actions .btn{flex:0 0 auto}.btn-add-cart{flex:1;min-width:130px;padding:.75rem 1.5rem}.btn-add-cart,.btn-primary,.btn-secondary,.btn-outline,.btn-link{font-family:Lato,sans-serif}.btn-add-cart{background:#8b6f47;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;display:inline-flex;align-items:center;justify-content:center}.btn-add-cart:hover:not(:disabled){background:#6d5637;transform:scale(1.05);box-shadow:0 4px 12px #8b6f474d}.btn-add-cart:disabled{background:#d4c4a8;cursor:not-allowed;opacity:.6}.btn-primary{background:#8b6f47;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;justify-content:center}.btn-primary:hover:not(:disabled){background:#6d5637;transform:translateY(-2px);box-shadow:0 4px 12px #8b6f474d}.btn-primary:disabled{background:#d4c4a8;cursor:not-allowed;opacity:.6}.btn-secondary{background:#fff;color:#5d4e37;padding:.75rem 1.5rem;border:2px solid #d4c4a8;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;justify-content:center;font-family:Lato,sans-serif}.btn-secondary:hover{background:#faf8f3;border-color:#8b6f47;color:#8b6f47;box-shadow:0 4px 12px #8b6f471a}.btn-outline{background:transparent;color:#5d4e37;padding:.75rem 1.5rem;border:1px solid #d4c4a8;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;justify-content:center}.btn-outline:hover{background:#f5f1e8;border-color:#8b6f47}.btn-link{background:transparent;color:#8b6f47;padding:.5rem;border:none;cursor:pointer;text-decoration:underline;font-size:.9rem}.btn-link:hover{color:#6d5637}.btn-large{padding:1rem 2rem;font-size:1.1rem}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.cart-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{background:#fff;border:1px solid #d4c4a8;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem}.cart-item-icon{font-size:2.5rem}.cart-item-details{flex:1}.cart-item-details h3{font-family:Cormorant Garamond,serif;font-size:1.3rem;margin-bottom:.5rem;color:#2c2416}.cart-item-meta{color:#8b7355;font-size:.9rem;display:flex;gap:.5rem}.cart-item-quantity{display:flex;align-items:center;gap:1rem;background:#faf8f3;padding:.5rem;border-radius:8px}.qty-btn{background:#f5f1e8;border:1px solid #d4c4a8;color:#5d4e37;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qty-btn:hover{background:#8b6f47;color:#fff}.qty-display{font-weight:600;min-width:30px;text-align:center;color:#2c2416}.cart-item-total{font-size:1.3rem;font-weight:700;color:#5d4e37;min-width:120px;text-align:right}.cart-item-remove{background:#ffebee;border:1px solid #ef9a9a;color:#c62828;width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.cart-item-remove:hover{background:#ffcdd2}.cart-summary,.order-summary{background:#fff;border:1px solid #d4c4a8;border-radius:16px;padding:2rem;position:sticky;top:100px;height:fit-content}.cart-summary h2,.order-summary h2{font-family:Cormorant Garamond,serif;font-size:1.8rem;margin-bottom:1.5rem;color:#5d4e37}.summary-line{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:1rem;color:#2c2416}.summary-line.total{font-size:1.5rem;font-weight:700;color:#5d4e37;margin-top:1rem}.summary-divider{height:1px;background:#d4c4a8;margin:1rem 0}.empty-state{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#faf9f6,#f5f1e8);border:2px dashed #d4c4a8;border-radius:20px;margin:2rem 0}.empty-state svg{color:#d4c4a8;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(212,196,168,.3))}.empty-state h2,.empty-state h3{font-family:Cormorant Garamond,serif;font-size:2rem;margin-bottom:.75rem;color:#2c2416;font-weight:600}.empty-state p{color:#8b7355;margin-bottom:2rem;font-size:1.1rem;line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}@media (max-width: 768px){.empty-state{padding:3rem 1.5rem;margin:1.5rem 0;border-radius:16px}.empty-state h2,.empty-state h3{font-size:1.75rem}.empty-state p{font-size:1rem}}.load-products-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:4rem 2rem}.load-products-message{text-align:center;max-width:500px;background:#faf9f6;padding:3rem;border-radius:12px;border:2px solid #d4c4a8;box-shadow:0 4px 20px #8b6f471a}.load-products-message h3{font-family:Cormorant Garamond,serif;font-size:2rem;color:#2c2416;margin-bottom:1rem;font-weight:600}.load-products-message p{color:#8b7355;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.load-products-message .btn-large{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;min-width:200px}.loading-state,.error-state{text-align:center;padding:3rem;font-size:1.1rem;color:#8b7355}.error-state{color:#c62828}.spinner{width:40px;height:40px;margin:0 auto 1rem;border:4px solid #d4c4a8;border-top-color:#8b6f47;border-radius:50%;animation:spin 1s linear infinite}.inline-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#d4c4a81a;border-radius:8px;margin:1rem 0;font-size:.9rem;color:#8b7355}.inline-loading .spinner{width:20px;height:20px;margin:0;border-width:2px}.checkout-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem}.checkout-section{background:#fff;border:1px solid #d4c4a8;border-radius:16px;padding:2rem;margin-bottom:2rem}.section-title{font-family:Cormorant Garamond,serif;font-size:1.5rem;margin-bottom:1.5rem;color:#5d4e37}.customer-selected{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:#f5f1e8;border-radius:12px}.customer-selected-full{flex-direction:column;align-items:stretch}.customer-selected-header{display:flex;align-items:center;gap:1.5rem}.customer-selected-main{flex:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.customer-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem 2rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(93,78,55,.15);width:100%}.customer-detail-row{display:flex;flex-direction:column;gap:.2rem}.customer-detail-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#8b7355}.customer-detail-value{font-size:.9rem;color:#2c2416}.customer-name{font-weight:600;font-size:1.1rem;margin-bottom:.25rem;color:#2c2416}.customer-phone,.customer-loyalty{color:#8b7355;font-size:.9rem}.customer-actions{display:flex;flex-direction:column;gap:1rem}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.payment-method{background:#faf8f3;border:2px solid #d4c4a8;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#5d4e37}.payment-method:hover{background:#f5f1e8;border-color:#8b6f47}.payment-method.active{background:#8b6f47;border-color:#8b6f47;color:#fff}.payment-details{margin-top:1rem}.input-label{display:block;margin-bottom:.5rem;color:#5d4e37;font-size:.9rem;font-weight:500}.input-field{width:100%;background:#faf8f3;border:1px solid #d4c4a8;border-radius:8px;padding:.75rem 1rem;color:#2c2416;font-size:1rem;margin-bottom:1rem}.input-field:focus{outline:none;border-color:#8b6f47;background:#fff}.change-display{background:#e8f5e9;border:1px solid #81c784;color:#2e7d32;padding:1rem;border-radius:8px;text-align:center;font-size:1.1rem}.currency-breakdown{margin-top:1rem}.currency-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1rem}.currency-input-group{display:flex;flex-direction:column;gap:.25rem}.currency-label{font-size:.85rem;font-weight:500;color:#5d4e37}.currency-input{width:100%;background:#faf8f3;border:1px solid #d4c4a8;border-radius:6px;padding:.5rem;color:#2c2416;font-size:.9rem;text-align:center}.currency-input:focus{outline:none;border-color:#8b6f47;background:#fff}.currency-total{font-size:.75rem;color:#8b7355;text-align:center}@media (max-width: 768px){.currency-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}}.card-terminal{background:#faf8f3;border:2px dashed #d4c4a8;border-radius:12px;padding:3rem;text-align:center;color:#8b7355}.card-terminal svg{color:#8b6f47;margin-bottom:1rem}.terminal-hint{margin-top:.5rem;font-size:.85rem}.checkout-summary{background:#fff;border:1px solid #d4c4a8;border-radius:16px;padding:2rem;position:sticky;top:100px;height:fit-content}.checkout-summary h2{font-family:Cormorant Garamond,serif;font-size:1.8rem;margin-bottom:1.5rem;color:#5d4e37}.summary-items{max-height:300px;overflow-y:auto;margin-bottom:1rem}.summary-item{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;color:#5d4e37}.customers-list{display:flex;flex-direction:column;gap:1rem}.customer-card{background:#fff;border:1px solid #d4c4a8;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem}.customer-avatar{background:#f5f1e8;border:2px solid #d4c4a8;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:#8b6f47}.customer-info{flex:1}.customer-card-name{font-family:Cormorant Garamond,serif;font-size:1.3rem;margin-bottom:.5rem;color:#2c2416}.customer-contact{color:#8b7355;font-size:.9rem;display:flex;gap:.5rem}.customer-stats{display:flex;gap:2rem}.stat{text-align:center}.stat-label{color:#8b7355;font-size:.85rem;margin-bottom:.25rem}.stat-value{font-size:1.2rem;font-weight:700;color:#5d4e37}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0;padding:1.5rem 0}.pagination-info{font-size:.875rem;color:#8b7355}.page-info{background:#f7f5f0;padding:.5rem 1rem;border-radius:6px;border:1px solid #e5ddd0}.pagination-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.pagination-pages{display:flex;align-items:center;gap:.25rem}.pagination-button{background:#fff;border:2px solid #e5ddd0;color:#5d4e37;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-family:Lato,sans-serif;font-weight:500;transition:all .2s ease;min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem}.pagination-button:hover:not(:disabled){background:#f7f5f0;border-color:#8b6f47;transform:translateY(-1px);box-shadow:0 2px 8px #8b6f4726}.pagination-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #8b6f4733}.pagination-button.active{background:#8b6f47;color:#fff;border-color:#8b6f47;font-weight:700}.pagination-button.active:hover{background:#5d4e37;border-color:#5d4e37}.pagination-button:disabled{background:#f5f5f5;color:#ccc;border-color:#e5e5e5;cursor:not-allowed;transform:none;box-shadow:none}.pagination-first,.pagination-last{font-size:1rem;font-weight:700}.pagination-prev,.pagination-next{font-size:1.1rem;font-weight:700;padding:.5rem 1rem}.pagination-ellipsis{color:#8b7355;font-weight:500;padding:.5rem .25rem;font-size:.875rem}@media (max-width: 768px){.pagination-container{margin:1rem 0;padding:1rem 0}.pagination-controls{gap:.25rem}.pagination-button{min-width:2.25rem;height:2.25rem;padding:.4rem .6rem;font-size:.8rem}.pagination-prev,.pagination-next{padding:.4rem .8rem}}@media (max-width: 480px){.pagination-info{margin-bottom:.5rem}.pagination-button{min-width:2rem;height:2rem;padding:.3rem .5rem;font-size:.75rem}.pagination-first,.pagination-last{display:none}}@media (max-width: 1200px){.cart-layout,.checkout-layout{grid-template-columns:1fr}.cart-summary,.checkout-summary,.order-summary{position:static}}@media (max-width: 768px){.products-grid,.payment-methods{grid-template-columns:1fr}.nav-links{flex-wrap:wrap}.main-content{padding:1rem}.screen-header{flex-direction:column;align-items:flex-start}.header-actions,.search-container{width:100%}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.footer{background:#2c2416;color:#f5f1e8;margin-top:4rem}.footer-content{max-width:1600px;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}.footer-section{display:flex;flex-direction:column}.footer-brand{max-width:350px}.footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:#8b6f47}.footer-brand-name{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:700;letter-spacing:1px;color:#f5f1e8}.footer-brand-tagline{font-size:.75rem;color:#8b7355;text-transform:uppercase;letter-spacing:2px}.footer-description{color:#8b7355;line-height:1.6;margin-bottom:2rem;font-size:.95rem}.footer-contact{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:.75rem;color:#8b7355;font-size:.9rem}.contact-item svg{color:#8b6f47}.footer-title{font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:600;color:#f5f1e8;margin-bottom:1.5rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:#8b7355;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-links a:hover{color:#f5f1e8}.footer-features{list-style:none;display:flex;flex-direction:column;gap:1rem}.footer-features li{display:flex;align-items:center;gap:.75rem;color:#8b7355;font-size:.95rem}.footer-features li svg{color:#8b6f47}.business-hours{display:flex;flex-direction:column;gap:.75rem}.hours-item{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.day{color:#8b7355}.time{color:#f5f1e8;font-weight:500}.footer-bottom{background:#1a140d;border-top:1px solid #3a3025;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.footer-copyright{color:#8b7355;font-size:.9rem}.footer-legal{display:flex;gap:2rem}.footer-legal a{color:#8b7355;text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-legal a:hover{color:#f5f1e8}.disabled-link{color:#666!important;cursor:not-allowed;text-decoration:line-through}.disabled-link:hover{color:#666!important}.footer-cart{margin-bottom:2rem}.footer-cart-button{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#8b6f47;color:#fff;border-radius:12px;text-decoration:none;transition:all .3s ease;position:relative;margin-bottom:1rem;font-weight:500}.footer-cart-button:hover:not(.disabled){background:#6d5637;transform:translateY(-2px);box-shadow:0 4px 12px #8b6f474d}.footer-cart-button.disabled{background:#666;color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.footer-cart-button.disabled:hover{background:#666;color:#ccc;transform:none;box-shadow:none}.footer-cart-badge{position:absolute;top:-8px;right:-8px;background:#c0673e;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;border:2px solid #ffffff}.cart-total{color:#f5f1e8;font-weight:600;font-size:1.1rem;text-align:center;padding:.5rem;background:#8b6f4733;border-radius:8px;margin-bottom:1rem}.hours-title{color:#f5f1e8;font-size:1.1rem;font-weight:600;margin-bottom:1rem;font-family:Cormorant Garamond,serif}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideIn .3s ease}.customer-modal{width:90vw;max-width:700px}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem;border-bottom:1px solid #d4c4a8;background:#faf8f3}.modal-header h2{font-family:Cormorant Garamond,serif;font-size:1.8rem;color:#5d4e37;margin:0}.modal-close{background:none;border:none;color:#8b7355;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.modal-close:hover{background:#f5f1e8;color:#5d4e37}.modal-body{padding:2rem;overflow-y:auto;flex:1}.modal-search{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}.modal-search .search-container{flex:1}.customer-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.customer-modal-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#faf8f3;border:1px solid #d4c4a8;border-radius:12px;cursor:pointer;transition:all .3s ease}.customer-modal-item:hover{background:#f5f1e8;border-color:#8b6f47;transform:translateY(-2px);box-shadow:0 4px 12px #8b6f471a}.customer-modal-item .customer-avatar{background:#e8f5e9;border:2px solid #81c784;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#2e7d32}.customer-modal-item .customer-info{flex:1}.customer-modal-item .customer-name{font-weight:600;font-size:1.1rem;color:#2c2416;margin-bottom:.25rem}.customer-modal-item .customer-contact{display:flex;gap:1rem;color:#8b7355;font-size:.9rem}.customer-modal-item .customer-contact span{display:flex;align-items:center;gap:.5rem}.customer-select{color:#8b6f47;opacity:0;transition:opacity .3s ease}.customer-modal-item:hover .customer-select{opacity:1}.empty-state-modal{text-align:center;padding:3rem 2rem}.empty-state-modal svg{color:#d4c4a8;margin-bottom:1rem}.empty-state-modal h3{font-family:Cormorant Garamond,serif;font-size:1.5rem;color:#2c2416;margin-bottom:.5rem}.empty-state-modal p{color:#8b7355;font-size:.95rem}.create-customer-form{max-width:500px;margin:0 auto}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.form-header h3{font-family:Cormorant Garamond,serif;font-size:1.5rem;color:#5d4e37;margin:0}.textarea-field{resize:vertical;min-height:80px;font-family:Lato,sans-serif}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #d4c4a8}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1001;animation:fadeIn .3s ease}.drawer-cart{position:fixed;top:0;right:0;height:100vh;width:100%;max-width:450px;background:#fff;box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;animation:slideInRight .3s ease;z-index:1002}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:2px solid #d4c4a8;background:#faf8f3}.drawer-title{display:flex;align-items:center;gap:.75rem;color:#5d4e37}.drawer-title h2{font-family:Cormorant Garamond,serif;font-size:1.5rem;margin:0}.item-count{background:#e8f5e9;color:#2e7d32;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600}.drawer-close{background:none;border:none;color:#8b7355;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.drawer-close:hover{background:#f5f1e8;color:#5d4e37}.drawer-body{flex:1;overflow-y:auto;padding:0}.drawer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:3rem 2rem;text-align:center}.drawer-empty svg{color:#d4c4a8;margin-bottom:1rem}.drawer-empty h3{font-family:Cormorant Garamond,serif;font-size:1.3rem;color:#2c2416;margin-bottom:.5rem}.drawer-empty p{color:#8b7355;font-size:.95rem}.drawer-items{padding:0}.drawer-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;border-bottom:1px solid #f5f1e8;transition:background .2s ease}.drawer-item:hover{background:#faf8f3}.drawer-item-image{font-size:2rem;min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f5f1e8;border-radius:8px}.drawer-item-details{flex:1;min-width:0}.drawer-item-name{font-weight:600;color:#2c2416;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-item-price{color:#8b6f47;font-weight:500;margin-bottom:.75rem}.drawer-quantity{display:flex;align-items:center;gap:.5rem}.drawer-quantity .qty-btn{background:#f5f1e8;border:1px solid #d4c4a8;color:#5d4e37;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.drawer-quantity .qty-btn:hover:not(:disabled){background:#8b6f47;color:#fff;border-color:#8b6f47}.drawer-quantity .qty-btn:disabled{background:#f5f5f5;color:#ccc;border-color:#e5e5e5;cursor:not-allowed}.drawer-quantity .qty-display{font-weight:600;min-width:24px;text-align:center;color:#2c2416}.drawer-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.drawer-item-total{font-weight:700;color:#5d4e37;white-space:nowrap}.drawer-remove{background:#ffebee;border:1px solid #ef9a9a;color:#c62828;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.drawer-remove:hover:not(:disabled){background:#ffcdd2}.drawer-remove:disabled{background:#f5f5f5;color:#ccc;border-color:#e5e5e5;cursor:not-allowed}.drawer-actions{padding:1rem 1.5rem;border-bottom:1px solid #f5f1e8}.drawer-clear{font-size:.9rem;padding:.5rem 0}.drawer-footer{padding:1.5rem;border-top:2px solid #d4c4a8;background:#faf8f3}.drawer-summary{margin-bottom:1.5rem}.drawer-summary .summary-line{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.95rem;color:#2c2416}.drawer-summary .summary-line.total{font-size:1.2rem;font-weight:700;color:#5d4e37;padding-top:.75rem;border-top:1px solid #d4c4a8;margin-top:.75rem}.drawer-buttons{display:flex;flex-direction:column;gap:.75rem}.drawer-buttons .btn-full{width:100%;justify-content:center}@media (max-width: 768px){.drawer-cart{max-width:100vw}.drawer-item{padding:1rem}.drawer-item-name{white-space:normal;overflow:visible;text-overflow:unset}}.breadcrumbs{background:#f5f1e8;border-bottom:1px solid #d4c4a8;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:0 auto}.breadcrumb-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap;gap:.5rem}.breadcrumb-item{display:flex;align-items:center;gap:.5rem}.breadcrumb-separator{color:#8b7355;margin:0 .25rem}.breadcrumb-link{display:flex;align-items:center;gap:.5rem;color:#8b6f47;text-decoration:none;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease;font-size:.9rem;font-weight:500}.breadcrumb-link:hover{background:#e8f5e9;color:#2e7d32;transform:translateY(-1px)}.breadcrumb-current{display:flex;align-items:center;gap:.5rem;color:#5d4e37;padding:.5rem .75rem;border-radius:6px;background:#fff;border:1px solid #d4c4a8;font-size:.9rem;font-weight:600}.breadcrumb-current.disabled{color:#999;background:#f5f5f5;border-color:#e5e5e5}.breadcrumb-status{display:flex;align-items:center;gap:1rem;margin-left:1rem;padding-left:1rem;border-left:2px solid #d4c4a8}.cart-items-count{background:#e8f5e9;color:#2e7d32;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;border:1px solid #81c784}.cart-total{color:#5d4e37;font-weight:700;font-size:1rem}@media (max-width: 768px){.breadcrumbs{padding:.5rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem}.breadcrumb-status{margin-left:0;padding-left:0;border-left:none;border-top:1px solid #d4c4a8;padding-top:.5rem;width:100%;justify-content:space-between}.breadcrumb-link,.breadcrumb-current{padding:.375rem .5rem;font-size:.8rem}}.cart-preview-strip{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:3px solid #8b6f47;box-shadow:0 -8px 32px #8b6f4726;z-index:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.cart-preview-strip.expanded{box-shadow:0 -12px 48px #8b6f4733}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(135deg,#faf8f3,#f5f1e8);border-bottom:1px solid #d4c4a8;cursor:pointer;transition:all .2s ease}.preview-header:hover{background:linear-gradient(135deg,#f5f1e8,#f0ebe0)}.preview-summary{display:flex;align-items:center;gap:1rem}.preview-icon{position:relative;background:#8b6f47;color:#fff;border-radius:12px;padding:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #8b6f474d}.preview-count{position:absolute;top:-8px;right:-8px;background:#c0673e;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid #ffffff;box-shadow:0 2px 8px #c0673e4d}.preview-info{display:flex;flex-direction:column;gap:.25rem}.preview-items{color:#5d4e37;font-size:.9rem;font-weight:500}.preview-total{color:#2c2416;font-size:1.2rem;font-weight:700;font-family:Cormorant Garamond,serif}.preview-actions{display:flex;align-items:center;gap:.5rem}.preview-toggle{background:#fff;border:2px solid #d4c4a8;color:#8b6f47;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.preview-toggle:hover{background:#8b6f47;color:#fff;border-color:#8b6f47;transform:translateY(-1px);box-shadow:0 4px 12px #8b6f4733}.preview-hide{background:#ffebee;border:2px solid #ef9a9a;color:#c62828;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.preview-hide:hover{background:#ffcdd2;transform:translateY(-1px);box-shadow:0 4px 12px #ef9a9a4d}.preview-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.cart-preview-strip.expanded .preview-content{max-height:300px}.preview-items-container{padding:1.5rem 2rem 0;background:#fff}.preview-items-scroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:#d4c4a8 transparent}.preview-items-scroll::-webkit-scrollbar{height:6px}.preview-items-scroll::-webkit-scrollbar-track{background:#f5f1e8;border-radius:3px}.preview-items-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#d4c4a8,#8b6f47);border-radius:3px}.preview-items-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#8b6f47,#6d5637)}.preview-item{display:flex;flex-direction:column;background:linear-gradient(135deg,#faf8f3,#f5f1e8);border:2px solid #d4c4a8;border-radius:16px;padding:1.25rem;min-width:180px;max-width:180px;text-align:center;transition:all .3s ease;position:relative}.preview-item:hover{border-color:#8b6f47;transform:translateY(-2px);box-shadow:0 8px 24px #8b6f4726}.preview-item-image{font-size:2rem;margin-bottom:.75rem;background:#fff;border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;border:2px solid #d4c4a8;box-shadow:0 2px 8px #8b6f471a}.preview-item-details{flex:1;margin-bottom:1rem}.preview-item-name{font-weight:600;color:#2c2416;font-size:.9rem;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-item-price{color:#8b6f47;font-weight:700;font-size:.85rem;font-family:Cormorant Garamond,serif;margin-bottom:.75rem}.preview-quantity{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fff;border:1px solid #d4c4a8;border-radius:8px;padding:.5rem}.qty-btn-small{background:#f5f1e8;border:1px solid #d4c4a8;color:#5d4e37;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qty-btn-small:hover:not(:disabled){background:#8b6f47;color:#fff;border-color:#8b6f47;transform:scale(1.1)}.qty-btn-small:disabled{background:#f5f5f5;color:#ccc;border-color:#e5e5e5;cursor:not-allowed;transform:none}.qty-display-small{font-weight:700;color:#2c2416;min-width:24px;text-align:center;font-size:.9rem}.preview-item-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #d4c4a8}.preview-item-total{font-weight:700;color:#5d4e37;font-size:.9rem;font-family:Cormorant Garamond,serif}.preview-remove{background:#ffebee;border:1px solid #ef9a9a;color:#c62828;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.preview-remove:hover:not(:disabled){background:#ffcdd2;transform:scale(1.1);box-shadow:0 2px 8px #ef9a9a4d}.preview-remove:disabled{background:#f5f5f5;color:#ccc;border-color:#e5e5e5;cursor:not-allowed;transform:none}.preview-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:linear-gradient(135deg,#faf8f3,#f5f1e8);border-top:1px solid #d4c4a8}.preview-totals{display:flex;flex-direction:column;gap:.25rem}.total-line{color:#5d4e37;font-size:.9rem}.total-line.final{font-weight:700;font-size:1.1rem;color:#2c2416;font-family:Cormorant Garamond,serif;padding-top:.25rem;border-top:1px solid #d4c4a8}.preview-buttons{display:flex;gap:1rem}.btn-compact{padding:.75rem 1.25rem;font-size:.9rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;text-decoration:none;cursor:pointer;border:2px solid transparent}.btn-compact.btn-secondary{background:#fff;color:#5d4e37;border-color:#d4c4a8}.btn-compact.btn-secondary:hover{background:#f5f1e8;border-color:#8b6f47;transform:translateY(-1px);box-shadow:0 4px 12px #8b6f4733}.btn-compact.btn-primary{background:#8b6f47;color:#fff;border-color:#8b6f47}.btn-compact.btn-primary:hover{background:#6d5637;border-color:#6d5637;transform:translateY(-1px);box-shadow:0 4px 12px #8b6f474d}@media (max-width: 768px){.preview-header{padding:.75rem 1rem}.preview-summary{gap:.75rem}.preview-info{gap:.125rem}.preview-items{font-size:.8rem}.preview-total{font-size:1rem}.preview-items-container{padding:1rem}.preview-item{min-width:140px;max-width:140px;padding:1rem}.preview-footer{padding:1rem;flex-direction:column;gap:1rem;align-items:stretch}.preview-buttons{flex-direction:column;gap:.75rem}.btn-compact{justify-content:center;padding:.875rem 1rem}}@media (max-width: 480px){.preview-header{padding:.5rem .75rem}.preview-icon{padding:.5rem}.preview-count{width:20px;height:20px;font-size:.7rem;top:-6px;right:-6px}.preview-items{font-size:.75rem}.preview-total{font-size:.95rem}.preview-toggle,.preview-hide{padding:.375rem}.preview-item{min-width:120px;max-width:120px;padding:.75rem}.preview-item-name{font-size:.8rem}.preview-item-price{font-size:.75rem}}.content-section{background:#fff;border:1px solid #d4c4a8;border-radius:16px;padding:0;margin-top:1rem;overflow:hidden;box-shadow:0 4px 12px #8b6f4714}.table-container{overflow-x:auto;border-radius:16px}.data-table{width:100%;border-collapse:collapse;background:#fff;font-family:Lato,sans-serif}.data-table thead{background:linear-gradient(135deg,#8b6f47,#6d5637);color:#fff}.data-table thead th{padding:1.25rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border:none;position:relative}.data-table thead th:not(:last-child):after{content:"";position:absolute;right:0;top:25%;height:50%;width:1px;background:#fff3}.data-table tbody tr{border-bottom:1px solid #f5f1e8;transition:all .2s ease}.data-table tbody tr:hover{background:#faf8f3;transform:translateY(-1px);box-shadow:0 4px 12px #8b6f4714}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody td{padding:1.25rem 1.5rem;border:none;vertical-align:middle}.invoice-number{font-family:Cormorant Garamond,serif;font-weight:600;color:#5d4e37;font-size:1rem}.customer-info,.date-info,.amount-info{display:flex;align-items:center;gap:.75rem;color:#6b7280}.customer-info svg,.date-info svg,.amount-info svg{flex-shrink:0;color:#8b6f47}.customer-info span,.date-info span{color:#374151;font-weight:500}.amount-info strong{color:#8b6f47;font-family:Cormorant Garamond,serif;font-size:1.1rem}@media (max-width: 1024px){.data-table{font-size:.9rem}.data-table thead th,.data-table tbody td{padding:1rem 1.25rem}}@media (max-width: 768px){.content-section{margin:1rem 0;border-radius:12px}.table-container{border-radius:12px}.data-table{font-size:.85rem}.data-table thead th,.data-table tbody td{padding:.875rem 1rem}.customer-info,.date-info,.amount-info{gap:.5rem}.customer-info svg,.date-info svg,.amount-info svg{width:14px;height:14px}.amount-info strong{font-size:1rem}}@media (max-width: 640px){.data-table thead th,.data-table tbody td{padding:.75rem .875rem}.data-table thead th{font-size:.75rem}.customer-info span,.date-info span{display:none}.customer-info:after{content:attr(data-customer);color:#374151;font-weight:500}.date-info:after{content:attr(data-date);color:#374151;font-weight:500}}.filters-section{margin-bottom:2rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-container{flex:1;min-width:300px}@media (max-width: 768px){.filters-section{margin-bottom:1.5rem}.search-container{min-width:100%}}.payment-approved-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.payment-approved-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f;border:1px solid #e5e7eb;max-width:480px;width:100%;padding:2rem;text-align:left}.payment-approved-title{font-size:1.625rem;font-weight:700;color:#111827;margin:0 0 .2rem;letter-spacing:-.02em;line-height:1.2}.payment-approved-subtitle{font-size:.9375rem;color:#6b7280;margin:0 0 1.5rem;font-weight:400}.receipt-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1rem}.receipt-option{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;text-align:left;transition:border-color .2s,background-color .2s}.receipt-option:hover:not(.disabled){border-color:#9ca3af;background:#f9fafb}.receipt-option.selected{border-color:#92400e;background:#fffbeb}.receipt-option.disabled{opacity:.55;cursor:not-allowed;background:#f9fafb}.receipt-option-icon,.receipt-option-icon-shop{color:#6b7280}.receipt-option.selected .receipt-option-icon,.receipt-option.selected .receipt-option-icon-shop{color:#92400e}.receipt-option-label{font-size:.9rem;font-weight:600;color:#111827}.receipt-option-detail{font-size:.8rem;color:#6b7280}.receipt-no-receipt-link{background:none;border:none;color:#6b7280;font-size:.9rem;text-decoration:underline;cursor:pointer;padding:.25rem 0;margin-bottom:1rem}.receipt-no-receipt-link:hover{color:#374151}.receipt-signup-checkbox{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#374151;margin-bottom:1.25rem;cursor:pointer}.receipt-signup-checkbox input{width:18px;height:18px;accent-color:#92400e}.receipt-send-btn{width:100%;padding:14px 24px;font-size:1rem;font-weight:600;color:#fff;background:#92400e;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.receipt-send-btn:hover:not(:disabled){background:#78350f}.receipt-send-btn:disabled{opacity:.7;cursor:not-allowed}.receipt-disclaimer{font-size:.75rem;color:#9ca3af;margin:1rem 0 0;line-height:1.4}.checkout-success-modal{max-width:500px;text-align:center}.success-content{padding:2rem}.success-title{font-size:1.5rem;color:#22c55e;margin:1rem 0;font-family:Cormorant Garamond,serif}.invoice-summary{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin:1.5rem 0;border-left:4px solid #8b6f47}.invoice-summary h3{font-family:Cormorant Garamond,serif;font-size:1.25rem;color:#5d4e37;margin-bottom:.5rem}.invoice-summary .amount{font-size:1.125rem;font-weight:700;color:#8b6f47;margin:.5rem 0}.invoice-summary .status{color:#22c55e;font-weight:600;margin:0}.customer-info{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin:1rem 0;text-align:left}.customer-info p{margin:.25rem 0;color:#6b7280}.customer-info strong{color:#374151}.invoice-actions{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.invoice-actions-compact{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}.btn-icon{background:#fff;border:2px solid #d4c4a8;border-radius:8px;padding:.75rem;color:#8b6f47;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.btn-icon:hover:not(:disabled){background:#f5f1e8;color:#5d4e37;border-color:#8b6f47;transform:translateY(-2px);box-shadow:0 4px 12px #8b6f4733}.btn-icon:disabled{background:#f5f5f5;color:#ccc;border-color:#e5e5e5;cursor:not-allowed;transform:none;box-shadow:none}.dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:2px solid #d4c4a8;border-radius:12px;box-shadow:0 8px 32px #8b6f4726;z-index:50;min-width:200px;overflow:hidden;margin-top:.5rem;animation:fadeIn .2s ease}.dropdown-menu:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background:#fff;border-left:2px solid #d4c4a8;border-top:2px solid #d4c4a8;transform:rotate(45deg)}.dropdown-item{width:100%;background:none;border:none;padding:1rem 1.25rem;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.75rem;color:#5d4e37;font-size:.875rem;font-weight:500;font-family:Lato,sans-serif}.dropdown-item:hover:not(:disabled){background:#f5f1e8;color:#8b6f47}.dropdown-item:disabled{opacity:.5;cursor:not-allowed;color:#9ca3af}.dropdown-item svg{color:#8b6f47;flex-shrink:0}.send-invoice-modal{max-width:450px}.modal-subtitle{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.form-label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f471a}.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;resize:vertical;min-height:80px;transition:border-color .2s ease;font-family:inherit}.form-textarea:focus{outline:none;border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f471a}.status-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border:1px solid transparent;transition:all .2s ease}.status-badge.paid{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534;border-color:#22c55e;box-shadow:0 2px 4px #22c55e1a}.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f59e0b;box-shadow:0 2px 4px #f59e0b1a}.status-badge.cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border-color:#ef4444;box-shadow:0 2px 4px #ef44441a}.status-badge.draft{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border-color:#9ca3af;box-shadow:0 2px 4px #9ca3af1a}.status-badge.unknown{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;border-color:#6366f1;box-shadow:0 2px 4px #6366f11a}.invoice-number{font-family:Cormorant Garamond,serif;font-weight:600;color:#5d4e37}.customer-info,.date-info,.amount-info{display:flex;align-items:center;gap:.5rem;color:#6b7280}.customer-info span,.date-info span{color:#374151}.amount-info strong{color:#8b6f47;font-family:Cormorant Garamond,serif}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:2rem 0}.stat-card{background:linear-gradient(135deg,#fff,#faf8f3);border:2px solid #d4c4a8;border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b6f47,#c0673e,#8b6f47)}.stat-card:hover{transform:translateY(-4px);border-color:#8b6f47;box-shadow:0 12px 32px #8b6f4726}.stat-value{font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:700;color:#8b6f47;margin-bottom:.75rem;line-height:1;text-shadow:0 2px 4px rgba(139,111,71,.1)}.stat-label{color:#6b7280;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}.stat-card{padding:1.5rem 1rem}.stat-value{font-size:2rem;margin-bottom:.5rem}.stat-label{font-size:.75rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr;gap:.875rem}.stat-card{padding:1.25rem 1rem}.stat-value{font-size:1.75rem}}@media (max-width: 768px){.invoice-actions{flex-direction:column}.invoice-actions-compact{justify-content:flex-end}.dropdown-menu{right:0;left:auto}.checkout-success-modal,.send-invoice-modal{margin:1rem;max-width:calc(100vw - 2rem)}.stats-grid{grid-template-columns:1fr}}@media (max-width: 480px){.success-content{padding:1.5rem}.invoice-summary{padding:1rem}.success-title{font-size:1.25rem}.modal-body{padding:1rem}.form-group{margin-bottom:1rem}}.product-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#fff,#faf8f3);border-radius:12px;border:1px solid #d4c4a8;box-shadow:0 2px 8px #8b6f4714}.header-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.edit-actions{display:flex;gap:.75rem;align-items:center}.edit-actions .btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:8px;transition:all .2s ease;box-shadow:0 2px 6px #8b6f4726}.edit-actions .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #8b6f4740}.edit-buttons{display:flex;gap:.75rem;align-items:center}.edit-buttons .btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:8px;transition:all .2s ease;box-shadow:0 2px 6px #8b6f4726}.edit-buttons .btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #8b6f4740}.header-actions .btn-secondary{background:#fff;border:1.5px solid #d4c4a8;color:#5d4e37}.header-actions .btn-secondary:hover{background:#faf8f3;border-color:#8b6f47;color:#8b6f47}.product-breadcrumb{display:flex;align-items:center;gap:.75rem;color:#8b7355;font-size:.875rem;font-weight:500;margin-top:.5rem}.product-breadcrumb .product-type{background:linear-gradient(135deg,#8b6f47,#6b5638);color:#fff;padding:.4rem 1rem;border-radius:20px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #8b6f4733}.product-breadcrumb .separator{color:#d4c4a8;font-weight:300}.product-breadcrumb .product-category{background:linear-gradient(135deg,#f5f1e8,#e8e0d0);color:#5d4e37;padding:.4rem 1rem;border-radius:20px;font-weight:600;font-size:.8rem;border:1px solid #d4c4a8;text-transform:capitalize}.product-breadcrumb .product-category.uncategorised{background:linear-gradient(135deg,#fff3cd,#ffe69c);color:#856404;border-color:#ffc107;font-style:italic}.product-detail-content{max-width:1200px;margin:0 auto}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.product-detail-image{position:sticky;top:2rem}.image-container{position:relative;background:#faf9f6;border:2px solid #d4c4a8;border-radius:16px;padding:2rem;text-align:center;margin-bottom:1rem;min-height:400px;display:flex;align-items:center;justify-content:center}.image-container .product-img{max-width:100%;max-height:350px;object-fit:contain;border-radius:12px}.product-icon-large{font-size:4rem;color:#8b7355;display:flex;align-items:center;justify-content:center}.image-actions{display:flex;justify-content:center}.product-detail-info{display:flex;flex-direction:column;gap:2rem}.product-title-section{padding-bottom:1rem;border-bottom:1px solid #d4c4a8}.product-title{font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:600;color:#2c2416;margin-bottom:.5rem;line-height:1.2}.product-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:.75rem}.product-id{color:#8b7355;font-size:.875rem;font-family:Roboto Mono,monospace;background:#f5f1e8;padding:.3rem .75rem;border-radius:6px;border:1px solid #e8e0d0}.product-type-badge{background:linear-gradient(135deg,#8b6f47,#6b5638);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;box-shadow:0 2px 6px #8b6f4740;border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.product-type-badge:hover{transform:translateY(-1px);box-shadow:0 4px 10px #8b6f4759}.product-price-section{padding:1.5rem 0;border-bottom:1px solid #d4c4a8;margin-bottom:1rem}.product-price{font-family:Cormorant Garamond,serif;font-size:3rem;font-weight:700;color:#5d4e37;line-height:1}.edit-price{display:flex;align-items:center;gap:.5rem}.currency{font-size:2rem;color:#5d4e37;font-weight:700}.edit-price-input{font-size:2rem;font-weight:700;color:#5d4e37;border:2px solid #d4c4a8;border-radius:8px;padding:.5rem;background:#faf9f6;width:300px}.stock-section{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #d4c4a8}.stock-info{display:flex;align-items:center;gap:.5rem;font-weight:600}.edit-stock-input{border:1px solid #d4c4a8;border-radius:6px;padding:.5rem;background:#faf9f6;width:120px}.product-attributes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1rem 0;border-bottom:1px solid #d4c4a8}.attribute{display:flex;flex-direction:column;gap:.25rem}.attribute-label{font-weight:600;color:#5d4e37;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.attribute-value{color:#2c2416;font-size:1rem}.edit-input{border:1px solid #d4c4a8;border-radius:6px;padding:.5rem;background:#faf9f6;font-size:1rem}.edit-title-input{font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:600;color:#2c2416;border:2px solid #d4c4a8;border-radius:8px;padding:.5rem;background:#faf9f6;width:100%;margin-bottom:.5rem}.product-description-section h3{font-family:Cormorant Garamond,serif;font-size:1.5rem;color:#2c2416;margin-bottom:.75rem}.product-description{color:#5d4e37;line-height:1.6;font-size:1rem}.edit-description-input{width:100%;border:1px solid #d4c4a8;border-radius:8px;padding:.75rem;background:#faf9f6;font-size:1rem;font-family:inherit;line-height:1.6;resize:vertical;min-height:100px}.product-actions{padding:2rem 0;margin-top:1rem}.product-actions .btn-large{padding:.875rem 2rem;font-size:1rem;font-weight:600;min-width:200px;border-radius:10px;box-shadow:0 4px 12px #8b6f4740;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.product-actions .btn-large:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #8b6f4759}.product-actions .btn-large:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-large{padding:1rem 2rem;font-size:1.125rem;font-weight:600;min-width:200px}.trust-signals{display:flex;gap:2rem;flex-wrap:wrap;padding:1.5rem 0;border-top:1px solid #d4c4a8}.trust-item{display:flex;align-items:center;gap:.5rem;color:#10b981;font-size:.875rem;font-weight:500}.product-image-link{position:relative;text-decoration:none;color:inherit}.product-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#8b6f47e6;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .3s ease;border-radius:8px}.product-image-link:hover .product-overlay{opacity:1}.product-overlay span{font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.product-name-link{text-decoration:none;color:inherit}.product-name-link:hover .product-name{color:#8b6f47}.product-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #d4c4a8;gap:1rem}.product-actions{display:flex;gap:.5rem;flex-shrink:0}.breadcrumb-text{display:flex;flex-direction:column}.breadcrumb-subtitle{color:#8b7355;font-size:.75rem;opacity:.8;font-weight:400;margin-top:.125rem}@media (max-width: 768px){.product-detail-grid{grid-template-columns:1fr;gap:2rem}.product-detail-image{position:static}.image-container{min-height:300px;padding:1.5rem}.product-title{font-size:2rem}.product-price{font-size:2.5rem}.edit-title-input{font-size:2rem}.edit-price-input{font-size:2rem;width:250px}.product-attributes{grid-template-columns:1fr}.product-detail-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{justify-content:space-between}.edit-buttons{flex-direction:column}.trust-signals{gap:1rem;justify-content:space-around}.product-actions .btn-large{width:100%;min-width:auto}}@media (max-width: 480px){.product-detail-content{padding:0 1rem}.product-title{font-size:1.75rem}.product-price{font-size:2rem}.image-container{padding:1rem;min-height:250px}.trust-signals{flex-direction:column;gap:.75rem}.edit-price-input{width:200px}.product-actions{flex-direction:column;gap:.25rem}}.product-detail-sections{margin-top:3rem;display:flex;flex-direction:column;gap:2rem}.detail-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background-color .2s}.section-header:hover{background:#f3f4f6}.section-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:.5rem}.section-content{padding:1.5rem}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item.full-width{grid-column:span 2}.info-item label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.info-item span{font-size:1rem;color:#1f2937}.info-item .read-only{color:#6b7280;font-style:italic}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.components-table{overflow-x:auto;margin-top:1rem}.components-table table{width:100%;border-collapse:collapse;font-size:.875rem}.components-table thead{background:#f9fafb}.components-table th{padding:.75rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.components-table td{padding:.75rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.components-table tbody tr:hover{background:#f9fafb}.components-table .form-input,.components-table .form-select{width:100%;min-width:100px;padding:.5rem;font-size:.875rem}.components-table .table-input{width:100%;min-width:80px}.metal-type-badge{display:inline-block;padding:.25rem .5rem;background:#fef3c7;color:#92400e;border-radius:4px;font-size:.875rem;font-weight:500;text-transform:capitalize}.cost-per-10gm{font-weight:600;color:#1f2937}.cost-per-10gm.highlight{color:#1f2937;font-size:1rem;font-weight:700}.certificate-badge{display:inline-block;padding:.25rem .75rem;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:.875rem;font-weight:600;font-family:Courier New,monospace}.no-certificate{color:#9ca3af;font-style:italic}.certificate-input{font-family:Courier New,monospace;font-weight:500}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.pricing-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f9fafb;border-radius:6px}.pricing-item label{font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.pricing-item span{font-size:1.125rem;color:#1f2937;font-weight:500}.pricing-item.calculated{background:#eff6ff}.pricing-item.calculated .calculated-value{color:#1e40af;font-weight:600}.pricing-item.final-price{grid-column:span 2;background:#fef3c7;border:2px solid #fbbf24}.pricing-item.final-price label{color:#92400e;font-size:1rem}.pricing-item.final-price .final-price-value{font-size:1.75rem;color:#92400e;font-weight:700}.no-data{text-align:center;padding:2rem;color:#9ca3af;font-style:italic}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f471a}.form-checkbox{width:1.25rem;height:1.25rem;cursor:pointer}@media (max-width: 768px){.info-grid,.pricing-grid{grid-template-columns:1fr}.pricing-item.final-price{grid-column:span 1}.components-table{font-size:.75rem}.components-table th,.components-table td{padding:.5rem}.section-header,.section-content{padding:1rem}}.product-edit-modal{max-width:600px;width:90vw}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group-full{grid-column:span 2}.form-textarea{min-height:80px;resize:vertical}.error-alert{display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}@media (max-width: 480px){.form-grid{grid-template-columns:1fr}.form-group-full{grid-column:span 1}.product-edit-modal{width:95vw;margin:1rem}}.store-locator-page{padding:0;min-height:calc(100vh - 70px);background:linear-gradient(135deg,#faf9f6,#f5f1e8,#fff)}.page-header{max-width:1400px;margin:0 auto;padding:3rem 2rem 2rem;display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap;background:linear-gradient(135deg,#fff,#faf8f3);border-bottom:3px solid #8b6f47;box-shadow:0 4px 20px #8b6f471a;position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8b6f47,#d4c4a8,#8b6f47)}.page-header h1{font-family:Cormorant Garamond,serif;font-size:2.75rem;color:#5d4e37;font-weight:700;margin:0;display:flex;align-items:center;gap:1rem;text-shadow:0 2px 4px rgba(139,111,71,.1);letter-spacing:.5px}.view-mode-toggle{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:12px;border:2px solid #d4c4a8}.toggle-btn{padding:.75rem 1.75rem;border:none;background:transparent;color:#5d4e37;cursor:pointer;border-radius:8px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-family:Lato,sans-serif}.toggle-btn:hover{background:#f5f1e8;color:#2c2416}.toggle-btn.active{background:#8b6f47;color:#fff;box-shadow:0 4px 12px #8b6f4740}.search-mode{max-width:1400px;margin:0 auto;padding:0 2rem 2rem}.search-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;background:#fff;padding:2rem;border-radius:12px;border:1px solid #f5f1e8}.filters{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.filter-select{padding:.75rem 1rem;border:2px solid #d4c4a8;border-radius:8px;background:#fff;color:#2c2416;font-family:Lato,sans-serif;cursor:pointer;transition:all .3s ease;font-size:.9rem;min-width:180px}.filter-select:hover,.filter-select:focus{border-color:#8b6f47;outline:none;background:#faf8f3;box-shadow:0 4px 12px #8b6f471a}.filter-checkbox{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem 1rem;background:#fff;border:2px solid #d4c4a8;border-radius:8px;transition:all .3s ease;font-weight:500;color:#5d4e37}.filter-checkbox:hover{background:#faf8f3;border-color:#8b6f47}.filter-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:#8b6f47}.search-results{display:flex;flex-direction:column;gap:2rem}.no-results{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#faf9f6,#f5f1e8);border:2px dashed #d4c4a8;border-radius:20px;margin:2rem 0}.no-results p{color:#8b7355;font-size:1.1rem;margin:.5rem 0}.no-results .hint{font-size:.95rem;color:#8b7355;font-style:italic}.browse-mode{max-width:1400px;margin:0 auto;padding:3rem 2rem}.store-selection{padding:2rem 0;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.store-selection h2{font-family:Cormorant Garamond,serif;font-size:2.25rem;color:#5d4e37;margin-bottom:2.5rem;font-weight:700;text-align:center;position:relative;padding-bottom:1rem}.store-selection h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,transparent 0%,#8b6f47 50%,transparent 100%);border-radius:2px}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.5rem;margin-bottom:2rem}.store-card{background:linear-gradient(135deg,#fff,#faf8f3);border:2px solid #d4c4a8;border-radius:16px;padding:2.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.25rem;position:relative;overflow:hidden;box-shadow:0 4px 16px #8b6f471f}.store-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(139,111,71,.1) 50%,transparent 100%);transition:left .5s ease}.store-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(139,111,71,.05) 0%,transparent 70%);border-radius:50%;transition:all .3s ease}.store-card:hover{transform:translateY(-8px) scale(1.02);border-color:#8b6f47;box-shadow:0 16px 48px #8b6f4740;background:linear-gradient(135deg,#fff,#f5f1e8)}.store-card:hover:before{left:100%}.store-card:hover:after{opacity:1;transform:scale(1.2)}.store-card h3{font-family:Cormorant Garamond,serif;font-size:1.75rem;color:#5d4e37;margin:0;font-weight:700;word-break:break-word;line-height:1.3;position:relative;z-index:1}.store-card p{color:#8b7355;font-size:1rem;margin:0;font-weight:500;letter-spacing:.5px;position:relative;z-index:1;display:flex;align-items:center;gap:.5rem}.store-card p:before{content:"";width:6px;height:6px;background:#8b6f47;border-radius:50%;display:inline-block}.store-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32;padding:.6rem 1.4rem;border-radius:25px;font-size:.85rem;font-weight:700;border:2px solid #81c784;align-self:flex-start;margin-top:.5rem;box-shadow:0 2px 8px #2e7d3226;position:relative;z-index:1;text-transform:uppercase;letter-spacing:.5px}.store-badge:before{content:"";width:8px;height:8px;background:#2e7d32;border-radius:50%;display:inline-block}.store-view{padding:2rem 0;animation:fadeIn .6s ease-out}.store-view-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;background:linear-gradient(135deg,#fff,#faf8f3);padding:1.5rem 2rem;border:2px solid #d4c4a8;box-shadow:0 4px 16px #8b6f471a;margin-bottom:2rem;flex-wrap:wrap;background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #f5f1e8}.store-view-header .filters{flex:1;justify-content:flex-start;gap:1rem}.store-view-header .btn{white-space:nowrap}.product-location-card{background:#fff;border:1px solid #d4c4a8;border-radius:12px;padding:2rem;margin-bottom:1.5rem;transition:all .3s ease;box-shadow:0 2px 8px #8b6f470d}.product-location-card:hover{border-color:#8b6f47;box-shadow:0 8px 24px #8b6f471f;transform:translateY(-2px)}.product-location-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #f5f1e8}.product-location-image{font-size:3rem;min-width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f5f1e8;border-radius:12px;border:2px solid #d4c4a8}.product-location-info h3{font-family:Cormorant Garamond,serif;font-size:1.5rem;color:#5d4e37;margin:0 0 .5rem;font-weight:700}.product-location-info p{color:#8b7355;font-size:.9rem;margin:0;display:flex;gap:1rem;flex-wrap:wrap}.product-location-info .meta-item{display:flex;align-items:center;gap:.3rem}.product-location-info .meta-label{font-weight:600;color:#5d4e37}.location-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.location-item{background:#faf8f3;border:1px solid #d4c4a8;border-radius:12px;padding:1.5rem;transition:all .3s ease}.location-item:hover{background:#f5f1e8;border-color:#8b6f47;box-shadow:0 4px 12px #8b6f471a}.location-item-store{font-weight:600;color:#5d4e37;font-size:1rem;margin-bottom:.5rem}.location-item-section{display:flex;align-items:center;gap:.5rem;color:#8b7355;font-size:.9rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #d4c4a8}.section-badge{display:inline-block;background:#e8f5e9;color:#2e7d32;padding:.25rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;border:1px solid #81c784}.location-item-quantity{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #d4c4a8}.quantity-label{color:#8b7355;font-size:.9rem}.quantity-value{font-weight:700;font-size:1.2rem;color:#2e7d32}.quantity-value.low-stock{color:#d32f2f}.quantity-value.out-of-stock{color:#757575}.location-item-actions{display:flex;gap:.75rem;flex-wrap:wrap}.location-item-actions .btn{flex:1;min-width:120px;padding:.6rem 1rem;font-size:.85rem}.store-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.section-box{background:linear-gradient(135deg,#fff,#faf8f3);border:2px solid #d4c4a8;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.section-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(139,111,71,.1) 50%,transparent 100%);transition:left .3s ease}.section-box:hover{transform:translateY(-8px);border-color:#8b6f47;box-shadow:0 12px 40px #8b6f4733}.section-box:hover:before{left:100%}.section-box h3{font-family:Cormorant Garamond,serif;font-size:1.3rem;color:#5d4e37;margin:0 0 .5rem;font-weight:700}.section-box p{color:#8b7355;font-size:.9rem;margin:0}.section-icon{font-size:2.5rem;margin-bottom:1rem}.error-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef9a9a;border-radius:12px;padding:1.5rem;color:#c62828;text-align:center;font-weight:500;margin:2rem 0;display:flex;align-items:center;justify-content:center;gap:1rem}.error-message:before{content:"⚠️";font-size:1.5rem}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-spinner .spinner{width:50px;height:50px;border:4px solid #d4c4a8;border-top-color:#8b6f47;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:#8b7355;font-size:1rem;font-weight:500}@media (max-width: 1024px){.stores-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.store-grid-view{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.location-items{grid-template-columns:1fr}}@media (max-width: 768px){.store-locator-page{padding:0}.page-header{flex-direction:column;align-items:center;padding:2rem 1.5rem;text-align:center}.page-header h1{font-size:2rem;justify-content:center}.browse-mode{padding:2rem 1rem}.store-selection h2{font-size:1.75rem;margin-bottom:2rem}.stores-grid{grid-template-columns:1fr;gap:1.5rem}.store-card{padding:2rem}.store-card h3{font-size:1.5rem}.store-view-header{flex-direction:column;align-items:stretch;gap:1rem;padding:1.25rem}.store-view-header .filters{flex-direction:column;width:100%}.filter-select{width:100%;min-width:auto}.view-mode-toggle{width:100%}.toggle-btn{flex:1;padding:.6rem 1rem;font-size:.85rem}.search-mode,.browse-mode{padding:0 1rem 1.5rem}.filters{flex-direction:column;align-items:stretch}.filter-select,.filter-checkbox{width:100%}.stores-grid{grid-template-columns:1fr}.store-card{padding:1.5rem}.store-grid-view{grid-template-columns:repeat(2,1fr)}.product-location-header{flex-direction:column}.location-items{grid-template-columns:1fr}}@media (max-width: 480px){.page-header{padding:1rem}.page-header h1{font-size:1.5rem}.view-mode-toggle{width:100%}.store-grid-view{grid-template-columns:1fr;gap:1rem}.section-box{padding:1rem}.search-mode,.browse-mode{padding:0 1rem}.product-location-card{padding:1rem}.location-item-actions{flex-direction:column}.location-item-actions .btn{width:100%}}.search-input-wrapper input{width:100%;padding-right:2.5rem}.search-spinner{position:absolute;right:1rem;display:inline-block;animation:spin 1s linear infinite}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #d4c4a8;border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:10;box-shadow:0 8px 16px #8b6f4726}.search-result-item{padding:1rem;border-bottom:1px solid #f5f1e8;cursor:pointer;transition:background-color .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#fef9f3}.result-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-direction:column;align-items:flex-start;gap:.25rem}.result-main strong{color:#5d4e37;font-weight:600;font-size:1.05rem}.result-name,.result-sku{color:#8b7355;font-size:.85rem}.result-meta{display:flex;gap:1rem;font-size:.85rem;color:#8b7355}.meta-item{display:flex;align-items:center;gap:.25rem}.no-results-message{padding:1.5rem;text-align:center;color:#8b7355;background:#f9f9f9;border:1px solid #d4c4a8;border-radius:4px;margin-top:.5rem;font-size:.9rem}.error-alert{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:2px solid #ef9a9a;border-radius:8px;padding:1rem;color:#c62828;font-weight:500;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.error-alert:before{content:"⚠️";font-size:1.2rem}.form-mode-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem}.toggle-btn{flex:1;padding:.75rem 1rem;border:2px solid #d4c4a8;background:#fff;color:#8b7355;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.95rem}.toggle-btn:hover:not(:disabled){background:#fef9f3;border-color:#8b6f47;color:#5d4e37}.toggle-btn.active{background:#8b6f47;color:#fff;border-color:#5d4e37}.toggle-btn:disabled{opacity:.6;cursor:not-allowed}.modal-subtitle{color:#8b7355;font-size:.95rem;margin-top:.25rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group{position:relative;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label{color:#5d4e37;font-weight:600;font-size:.95rem}.form-group input,.form-group select{padding:.75rem 1rem;border:2px solid #d4c4a8;border-radius:8px;font-size:.95rem;color:#2c2416;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f471a}.form-group input:disabled,.form-group select:disabled{background:#f5f1e8;color:#8b7355;cursor:not-allowed}.form-group input.input-error{border-color:#ef9a9a;background:#ffebee}.error-text{color:#c62828;font-size:.85rem;font-weight:500}.form-group small{color:#8b7355;font-size:.85rem}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:2px solid #f5f1e8}.btn{padding:.75rem 1.5rem;border:2px solid transparent;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.95rem}.btn-primary{background:#8b6f47;color:#fff;border-color:#8b6f47}.btn-primary:hover:not(:disabled){background:#5d4e37;border-color:#5d4e37;box-shadow:0 4px 12px #8b6f474d}.btn-secondary{background:#fff;color:#8b7355;border-color:#d4c4a8}.btn:disabled{opacity:.6;cursor:not-allowed}@media (min-width: 768px) and (max-width: 1024px){.main-content{padding:1.5rem}.screen-container{padding:0 1.5rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.cart-layout{grid-template-columns:1fr;gap:1.5rem}.cart-summary,.order-summary{position:static;margin-top:2rem}.search-container{min-width:250px}.top-header{padding:1rem 1.5rem}.header-brand .brand-name{font-size:1.35rem}.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}.product-card{padding:1.25rem}.product-name{font-size:1.35rem}.modal-content{max-width:90%;margin:2rem auto}}@media (max-width: 768px){.main-content{padding:1rem .75rem}.screen-container{padding:0 .75rem}.page-content{min-height:calc(100vh - 116px)}.top-header{padding:.625rem .75rem;height:56px}.app-layout{margin-top:56px}.sidebar,.sidebar-overlay{top:56px;height:calc(100vh - 56px)}.header-center{left:50%;transform:translate(-50%);position:absolute;flex:0 1 auto;max-width:calc(100% - 120px);padding:0 .5rem}.header-brand{gap:.5rem}.header-brand .brand-name{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-brand svg{width:20px;height:20px;flex-shrink:0}.header-actions{gap:.5rem;flex-shrink:0}.header-time{display:flex;gap:.25rem;font-size:.7rem}.header-time svg{width:14px;height:14px;flex-shrink:0}.header-time .time-text{display:inline;white-space:nowrap}.cart-icon{padding:.5rem;min-width:40px;min-height:40px}.cart-icon svg{width:18px;height:18px}.cart-badge{width:18px;height:18px;font-size:.65rem;top:-4px;right:-4px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.product-card{padding:1rem}.product-img{height:150px}.product-icon{font-size:2.5rem}.product-name{font-size:1.25rem;margin-bottom:.75rem}.product-price{font-size:1.25rem}.product-actions{flex-direction:column;width:100%}.btn-add-cart{width:100%;padding:.625rem 1rem;font-size:.9rem}.search-container{min-width:100%;width:100%;padding:.75rem .875rem;margin-bottom:1rem}.search-input{font-size:.9rem}.product-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:1rem;padding-bottom:.5rem}.product-tabs::-webkit-scrollbar{display:none}.tab-button{white-space:nowrap;flex-shrink:0}.screen-header{flex-direction:column;align-items:flex-start;margin-bottom:1.25rem;padding-bottom:.875rem;gap:.75rem}.screen-title{font-size:1.5rem;flex-wrap:wrap;line-height:1.3;margin-bottom:.25rem}.screen-subtitle{font-size:.9rem;line-height:1.4}.header-actions{width:100%;flex-wrap:wrap;gap:.75rem}.header-actions .btn{flex:1;min-width:120px;padding:.625rem 1rem;font-size:.85rem}.cart-layout{grid-template-columns:1fr;gap:1.5rem}.cart-item{flex-direction:column;align-items:flex-start;padding:1rem;gap:1rem}.cart-item-icon{font-size:2rem}.cart-item-details{width:100%}.cart-item-quantity{width:100%;justify-content:space-between}.cart-item-total{width:100%;text-align:left;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #d4c4a8}.cart-item-remove{align-self:flex-end}.cart-summary,.order-summary{position:static;padding:1.5rem}.cart-summary h2,.order-summary h2{font-size:1.5rem}.drawer-cart{width:100%;max-width:100vw}.drawer-header{padding:1rem}.drawer-title h2{font-size:1.25rem}.drawer-item{padding:1rem;flex-wrap:wrap}.drawer-item-image{font-size:1.75rem;min-width:40px;height:40px}.drawer-item-details{flex:1;min-width:150px}.drawer-item-name{font-size:.95rem;white-space:normal;overflow:visible;text-overflow:unset}.drawer-item-price{font-size:.9rem}.drawer-item-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f5f1e8}.drawer-item-total{font-size:1.1rem}.drawer-footer{padding:1rem}.drawer-buttons{gap:.5rem}.drawer-buttons .btn{padding:.75rem 1rem;font-size:.9rem}.cart-preview-strip{z-index:95}.preview-header{padding:.75rem 1rem}.preview-icon{width:36px;height:36px}.preview-icon svg{width:18px;height:18px}.preview-info{gap:.25rem}.preview-items{font-size:.85rem}.preview-total{font-size:1rem}.preview-content{max-height:60vh}.preview-items-container{padding:1rem}.preview-item{padding:.75rem;min-width:200px}.preview-item-image{font-size:1.5rem;width:36px;height:36px}.preview-item-name{font-size:.85rem}.preview-item-price{font-size:.8rem}.preview-footer{padding:1rem}.preview-buttons{flex-direction:column;gap:.5rem}.preview-buttons .btn{width:100%;padding:.75rem;font-size:.9rem}.footer{margin-top:2rem}.footer-content{grid-template-columns:1fr;gap:2rem;padding:2rem 1rem}.footer-section{width:100%}.footer-brand{max-width:100%}.footer-logo{margin-bottom:1rem}.footer-brand-name{font-size:1.25rem}.footer-description{font-size:.9rem;margin-bottom:1.5rem}.footer-contact{gap:.75rem}.contact-item{font-size:.85rem}.footer-title{font-size:1.1rem;margin-bottom:1rem}.footer-links{gap:.5rem}.footer-links a{font-size:.9rem}.footer-features{gap:.75rem}.footer-features li{font-size:.9rem}.footer-cart-button{padding:.875rem;font-size:.9rem}.business-hours{margin-top:1.5rem}.hours-item{font-size:.85rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center;padding:1.5rem 1rem}.footer-legal{flex-direction:column;gap:.75rem;align-items:center}.footer-legal a{font-size:.85rem}.product-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tab-button{padding:.625rem 1rem;font-size:.85rem;flex:1;min-width:calc(50% - .25rem)}.demistified-filters{margin-bottom:1rem}.filters-toggle-btn{width:100%;padding:.875rem}.filters-grid{grid-template-columns:1fr;gap:1rem}.filter-field.range-field{grid-column:span 1}.range-inputs{flex-direction:column;gap:.5rem}.range-separator{display:none}.modal-overlay{padding:0}.modal-content{max-width:100%;width:100%;height:100vh;max-height:100vh;margin:0;border-radius:0;padding:1rem}.modal-header{padding:1rem;margin:-1rem -1rem 1rem;border-bottom:2px solid #d4c4a8}.modal-title{font-size:1.25rem}.modal-body{padding:0;max-height:calc(100vh - 200px);overflow-y:auto}.modal-footer{padding:1rem;margin:1rem -1rem -1rem;border-top:2px solid #d4c4a8;flex-direction:column;gap:.75rem}.modal-footer .btn{width:100%}.form-row{grid-template-columns:1fr;gap:.75rem}.form-group{margin-bottom:.75rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.625rem .875rem;font-size:.9rem}.components-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.components-table table{min-width:600px;font-size:.85rem}.components-table th,.components-table td{padding:.5rem}.breadcrumbs{padding:.625rem .75rem;font-size:.8rem;margin-top:0}.breadcrumb-item{font-size:.8rem}.breadcrumb-link,.breadcrumb-current{padding:.375rem .5rem;font-size:.8rem}.breadcrumb-separator{margin:0 .25rem}.product-detail-container{padding:1rem}.product-detail-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.product-detail-image{width:100%;max-width:100%}.product-detail-info{width:100%}.product-price{font-size:2rem}.product-attributes{grid-template-columns:1fr;gap:.75rem}.store-grid-view{padding:1rem}.store-header h2{font-size:1.5rem}.shelves-grid{grid-template-columns:1fr!important;gap:1rem}.shelf-box{width:100%;height:250px}.store-view-header{flex-direction:column;gap:1rem;padding:1rem}.store-view-header .btn{width:100%}.filters{width:100%;flex-direction:column;gap:.75rem}.filter-select,.view-mode-toggle{width:100%}.toggle-btn{flex:1;padding:.625rem .875rem;font-size:.85rem}.info-grid{grid-template-columns:1fr;gap:1rem}.info-item.full-width{grid-column:span 1}.section-box{padding:1rem}.section-box h3{font-size:1.1rem}.section-box p{font-size:.85rem}.section-icon{font-size:2rem}.btn{padding:.75rem 1.25rem;font-size:.9rem}.btn-large{padding:.875rem 1.5rem;font-size:1rem}.btn-sm{padding:.5rem .875rem;font-size:.8rem}.pagination{flex-wrap:wrap;gap:.5rem;justify-content:center}.pagination-btn{min-width:36px;height:36px;font-size:.85rem}.customer-card{padding:1rem}.invoice-actions{flex-direction:column;gap:.75rem}.invoice-actions .btn{width:100%}}@media (max-width: 480px){.main-content{padding:.75rem .5rem}.screen-container{padding:0 .5rem}.page-content{min-height:calc(100vh - 108px)}.top-header{padding:.5rem .625rem;height:52px}.app-layout{margin-top:52px}.sidebar{top:52px;height:calc(100vh - 52px);max-width:85vw}.sidebar-overlay{top:52px;height:calc(100vh - 52px)}.header-center{max-width:calc(100% - 100px)}.header-brand .brand-name{font-size:.875rem}.header-brand svg{width:18px;height:18px}.header-time{font-size:.65rem}.header-time svg{width:12px;height:12px}.cart-icon{min-width:36px;min-height:36px;padding:.4rem}.cart-icon svg{width:16px;height:16px}.products-grid{grid-template-columns:1fr;gap:.75rem}.product-card{padding:.875rem}.product-img{height:120px}.product-name,.product-price{font-size:1.1rem}.screen-title{font-size:1.5rem}.screen-subtitle{font-size:.9rem}.cart-item,.drawer-header{padding:.875rem}.drawer-title h2{font-size:1.1rem}.drawer-item,.drawer-footer{padding:.875rem}.footer-content{padding:1.5rem .75rem}.footer-brand-name{font-size:1.1rem}.footer-description{font-size:.85rem}.modal-content{padding:.75rem}.modal-header{padding:.875rem;margin:-.75rem -.75rem .75rem}.modal-title{font-size:1.1rem}.modal-footer{padding:.875rem;margin:.75rem -.75rem -.75rem}.tab-button{min-width:100%;padding:.625rem .875rem}.store-header h2{font-size:1.25rem}.shelf-box{height:200px}.btn{padding:.625rem 1rem;font-size:.85rem}.search-container{padding:.75rem .875rem}.search-input{font-size:.85rem}}@media (max-width: 768px) and (orientation: landscape){.drawer-cart{height:100vh}.modal-content{max-height:90vh}.preview-content{max-height:50vh}}@media (hover: none) and (pointer: coarse){.btn,.cart-icon,.mobile-menu-btn,.sidebar-link,.qty-btn,.drawer-close,.preview-toggle,.preview-hide{min-height:44px;min-width:44px}.product-card:hover{transform:none}.btn:hover:not(:disabled){transform:none}.btn:active,.cart-icon:active,.mobile-menu-btn:active{transform:scale(.95)}}.create-lab-product-modal{width:95vw;max-width:1200px}.create-lab-product-modal .form{padding:2rem;display:flex;flex-direction:column;gap:2rem}.form-section{border:1px solid #d4c4a8;border-radius:12px;padding:1.5rem;background:#faf8f3}.form-section h3{font-family:Cormorant Garamond,serif;font-size:1.5rem;color:#5d4e37;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #d4c4a8}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header-with-action h3{margin-bottom:0;border-bottom:none;padding-bottom:0}.btn-sm{padding:.5rem 1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.variant-card{border:2px solid #d4c4a8;border-radius:12px;margin-bottom:1rem;background:#fff;overflow:hidden}.variant-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f5f1e8;cursor:pointer;transition:background-color .2s ease}.variant-header:hover{background:#ede8dc}.variant-header h4{font-family:Cormorant Garamond,serif;font-size:1.25rem;color:#5d4e37;margin:0}.variant-actions{display:flex;align-items:center;gap:1rem}.btn-icon{background:none;border:none;color:#8b7355;cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon:hover{background:#f5f1e8;color:#5d4e37}.variant-content{padding:1.5rem}.components-section{margin-bottom:2rem}.components-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.components-header h5{font-family:Cormorant Garamond,serif;font-size:1.1rem;color:#5d4e37;margin:0}.component-item{border:1px solid #d4c4a8;border-radius:8px;padding:1rem;margin-bottom:1rem;background:#fff}.no-components{color:#8b7355;font-style:italic;padding:1rem;text-align:center;background:#faf8f3;border-radius:8px}.image-upload-area{border:2px dashed #d4c4a8;border-radius:12px;padding:2rem;text-align:center;background:#faf8f3;transition:all .3s ease;cursor:pointer}.image-upload-area:hover{border-color:#8b6f47;background:#f5f1e8}.file-input{display:none}.file-input-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;color:#5d4e37}.file-input-label span{font-weight:600}.file-input-label small{color:#8b7355;font-size:.85rem}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.image-preview-item{position:relative;border:2px solid #d4c4a8;border-radius:8px;overflow:hidden;aspect-ratio:1}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;background:#ef9a9ae6;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .2s ease}.remove-image-btn:hover{background:#e53935;transform:scale(1.1)}.error-message{background:#ffebee;border:1px solid #ef9a9a;color:#c62828;padding:1rem;border-radius:8px;margin-bottom:1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.page-title{display:flex;align-items:center;gap:1rem}.page-title h1{margin:0;font-size:1.875rem;font-weight:700;color:#5d4e37}.page-title p{margin:.25rem 0 0;color:#6b7280}.filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-bar{flex:1;min-width:250px;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.5rem}.search-bar input{flex:1;border:none;outline:none;font-size:.875rem}.filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;font-size:.875rem;cursor:pointer}.users-table-container{background:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f9fafb}.data-table th{padding:1rem;text-align:left;font-weight:600;font-size:.875rem;color:#374151;border-bottom:2px solid #e5e7eb}.data-table td{padding:1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem}.data-table tbody tr:hover{background:#f9fafb}.user-info,.email-info{display:flex;align-items:center;gap:.5rem}.role-badge,.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.role-admin{background:#fef3c7;color:#92400e}.role-manager{background:#dbeafe;color:#1e40af}.role-staff{background:#e5e7eb;color:#374151}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fee2e2;color:#991b1b}.empty-state{text-align:center;padding:3rem;color:#6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:.5rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#5d4e37}.modal-close{background:none;border:none;cursor:pointer;padding:.25rem;color:#6b7280;transition:color .2s}.modal-close:hover{color:#374151}.modal-body{padding:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:#374151}.required{color:#ef4444}.form-group input,.form-group select{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}.form-group input:disabled,.form-group select:disabled{background:#f3f4f6;cursor:not-allowed}.disabled-input{background:#f3f4f6;cursor:not-allowed}.form-group small{display:block;margin-top:.25rem;color:#6b7280;font-size:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.permission-matrix-container{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.permission-matrix-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.permission-matrix-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#5d4e37}.permission-matrix-table-wrapper{overflow-x:auto}.permission-matrix-table{width:100%;border-collapse:collapse;font-size:.875rem}.permission-matrix-table th{padding:1rem;text-align:left;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-weight:600}.module-column{min-width:200px}.role-column{min-width:150px}.role-header{display:flex;flex-direction:column;gap:.5rem}.role-name{font-weight:600;text-transform:capitalize}.permission-labels{display:flex;gap:.5rem;justify-content:center}.permission-matrix-table td{padding:1rem;border-bottom:1px solid #e5e7eb;text-align:center}.module-name{font-weight:500}.module-name small{display:block;color:#6b7280;font-weight:400;margin-top:.25rem}.permission-cell{text-align:center}.permission-checkboxes{display:flex;gap:.75rem;justify-content:center}.permission-checkbox{display:flex;align-items:center;cursor:pointer}.permission-checkbox input[type=checkbox]{width:auto;margin-right:.25rem}.permission-checkbox:has(input:disabled){opacity:.5;cursor:not-allowed}.permission-legend{display:flex;gap:2rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.sidebar-divider{height:1px;background:#e5e7eb;margin:.75rem 0}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-bar{flex-direction:column}.search-bar{min-width:100%}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.5rem}.permission-matrix-table-wrapper{overflow-x:scroll}.permission-legend{flex-direction:column;gap:1rem}}.info-grid-simple{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1rem}.info-grid-simple .info-item{display:flex;flex-direction:column;gap:.5rem}.info-grid-simple .info-item label{font-weight:600;color:#5d4e37;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-grid-simple .info-item span{color:#2c2416;font-size:1rem}.components-table-simple{overflow-x:auto;margin-top:1rem}.components-table-simple table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.components-table-simple thead{background:#f5f1e8}.components-table-simple th{padding:1rem;text-align:left;font-weight:600;color:#5d4e37;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #d4c4a8}.components-table-simple td{padding:.75rem 1rem;border-bottom:1px solid #e8e0d0;color:#2c2416}.components-table-simple tbody tr:hover{background:#faf8f3}.components-table-simple tfoot tr.diamond-table-totals{background:#f5f1e8;border-top:2px solid #8b6f47}.components-table-simple tfoot tr.diamond-table-totals td{padding:.75rem 1rem;border-bottom:none}.components-table-simple .table-input{width:100%;padding:.5rem;border:1px solid #d4c4a8;border-radius:6px;font-size:.9rem}.making-charges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1rem}.making-item{display:flex;flex-direction:column;gap:.5rem}.making-formula-hint{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem;font-weight:400}.making-item label{font-weight:600;color:#5d4e37;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.making-item span{color:#2c2416;font-size:1rem}.rate-input-group{display:flex;align-items:center;gap:.5rem}.rate-input-group input{flex:1;padding:.5rem;border:1px solid #d4c4a8;border-radius:6px;font-size:.9rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.summary-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#faf8f3;border-radius:8px;border:1px solid #e8e0d0}.summary-item label{font-weight:600;color:#5d4e37;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.summary-value{color:#2c2416;font-size:1.2rem;font-weight:600}.final-price-item{background:#f5f1e8;border-color:#d4c4a8}.final-price-value-large{color:#8b6f47;font-size:1.5rem;font-weight:700}.gst-input-group{display:flex;align-items:center;gap:.5rem}.gst-input-group input{flex:1;padding:.5rem;border:1px solid #d4c4a8;border-radius:6px;font-size:.9rem}.image-upload-overlay{position:absolute;bottom:0;left:0;right:0;background:#000000b3;padding:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:center}.image-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b6f47;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.image-upload-btn:hover{background:#6d5637;transform:translateY(-2px);box-shadow:0 4px 12px #8b6f474d}.selected-image-name{color:#fff;font-size:.85rem;text-align:center;padding:.25rem .5rem;background:#fff3;border-radius:4px}.image-container{position:relative}.image-upload-section{position:absolute;bottom:0;left:0;right:0;background:#000000d9;padding:1rem;display:flex;flex-direction:column;gap:.75rem;align-items:center;border-radius:0 0 8px 8px;z-index:10}.image-upload-btn-large{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#8b6f47;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;width:100%;justify-content:center}.image-upload-btn-large:hover{background:#6d5637;transform:translateY(-2px);box-shadow:0 4px 12px #8b6f474d}.selected-image-info{display:flex;flex-direction:column;gap:.25rem;width:100%;align-items:center}.selected-image-info .selected-image-name{color:#fff;font-size:.9rem;font-weight:500;background:#ffffff26;padding:.5rem 1rem;border-radius:6px;width:100%;text-align:center}.selected-image-info .selected-image-size{color:#d4c4a8;font-size:.8rem}.upload-progress{color:#fff;font-size:.85rem;padding:.5rem;background:#8b6f474d;border-radius:6px;width:100%;text-align:center}.gold-rate-display{display:flex;flex-direction:column;gap:.5rem}.gold-rate-value{font-size:1.2rem;font-weight:700;color:#8b6f47}.gold-rate-meta{display:flex;gap:.5rem;align-items:center}.gold-type-badge{padding:.25rem .75rem;background:#f5f1e8;color:#5d4e37;border-radius:12px;font-size:.85rem;font-weight:600}.gold-carat-badge{padding:.25rem .75rem;background:#e8e0d0;color:#5d4e37;border-radius:12px;font-size:.85rem;font-weight:600}.gold-rate-edit-group{display:flex;flex-direction:column;gap:.5rem}.gold-rate-type-display{display:flex;gap:.5rem;align-items:center}.price-calculation-breakdown{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#faf8f3;border-radius:12px;border:1px solid #e8e0d0}.calc-step{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0}.calc-label{font-weight:600;color:#5d4e37;display:flex;flex-direction:column;gap:.25rem}.calc-sub-label{font-weight:400;font-size:.85rem;color:#8b7355}.calc-value{font-size:1.1rem;font-weight:600;color:#2c2416}.calc-value-large{font-size:1.5rem;font-weight:700;color:#8b6f47}.calc-grand-total{border-top:2px solid #d4c4a8;border-bottom:2px solid #d4c4a8;padding:1rem 0;margin:.5rem 0}.calc-grand-total .calc-label,.calc-grand-total .calc-value{font-size:1.2rem;font-weight:700}.calc-final-price{background:#f5f1e8;padding:1rem;border-radius:8px;margin-top:.5rem}.calc-final-price .calc-label{font-size:1.1rem}.calc-divider{height:1px;background:#e8e0d0;margin:.5rem 0}.calc-input-group{display:flex;align-items:center;gap:.5rem}.calc-input-group input{width:150px;padding:.5rem;border:1px solid #d4c4a8;border-radius:6px;font-size:.9rem}.agents-page .agents-card{background:#faf8f4;border:1px solid #d4c4a8;border-radius:12px;padding:1.75rem;margin-bottom:1.75rem}.agents-form-stack{display:flex;flex-direction:column;gap:1.25rem}.agents-form-stack>label{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0;font-size:.9rem}.agents-form-stack input,.agents-form-stack select,.agents-form-stack textarea{width:100%;padding:.65rem .75rem;border:1px solid #d4c4a8;border-radius:8px;font-size:.95rem;font-family:inherit}.agents-check-group{display:flex;flex-direction:column;gap:.75rem;padding:.25rem 0}.agents-check-group label{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.9rem}.agents-actions-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem;padding-top:1.25rem;border-top:1px solid #e8dfd0}.agents-collection-meta{font-size:.85rem;color:#666;line-height:1.4}.agents-actions-row.compact{border-top:none;padding-top:0;margin-top:.75rem}.agents-muted-inline{font-size:.85rem;color:#888;margin-top:.75rem;line-height:1.5}.agents-section-title{font-family:Cormorant Garamond,serif;font-size:1.25rem;color:#5d4e37;margin-bottom:1rem}.agents-template-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.agents-radio{display:flex;align-items:center;gap:.5rem;cursor:pointer}.agents-link-btn{background:none;border:none;color:#8b6f47;text-decoration:underline;cursor:pointer;font-size:.9rem}.agents-template-advanced{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-left:1rem}.agents-dropzone{border:2px dashed #c4b59a;border-radius:12px;padding:2rem;text-align:center;color:#8b7355;cursor:pointer;margin:1rem 0;transition:border-color .2s}.agents-dropzone:hover:not(.disabled){border-color:#8b6f47;background:#fff}.agents-dropzone.disabled{opacity:.6;cursor:not-allowed}.agents-help-trigger{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:#8b6f47;cursor:pointer;margin-bottom:.5rem;font-size:.9rem}.agents-help-panel{background:#fff;border:1px solid #e8dfd0;border-radius:8px;padding:1rem;margin-bottom:1rem}.agents-help-table{width:100%;border-collapse:collapse;font-size:.85rem;margin:.75rem 0}.agents-help-table th,.agents-help-table td{border-bottom:1px solid #eee;padding:.5rem;text-align:left}.agents-alias{color:#888;font-size:.8rem}.agents-mask-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.agents-check{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.agents-dry-run{margin-top:1rem}.agents-actions{margin-top:1rem;display:flex;gap:.75rem}.agents-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.65rem 1.25rem;border-radius:8px;border:none;cursor:pointer;font-size:.95rem}.agents-btn.primary{background:#8b6f47;color:#fff}.agents-btn.primary:disabled{opacity:.5;cursor:not-allowed}.agents-btn.secondary{background:#fff;border:1px solid #8b6f47;color:#5d4e37}.agents-validation{background:#eef8ee;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.agents-warn{color:#a67c00}.agents-preview-skus{color:#666;font-size:.85rem;margin-top:.25rem}.agents-table-wrap{overflow-x:auto}.agents-table{width:100%;border-collapse:collapse;font-size:.85rem}.agents-table th,.agents-table td{border-bottom:1px solid #e8dfd0;padding:.6rem;text-align:left}.agents-status-ok{color:#2d6a2d}.agents-status-err{color:#a33}.agents-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.agents-tab{padding:.5rem 1rem;border:1px solid #d4c4a8;background:#fff;border-radius:8px;cursor:pointer}.agents-tab.active{background:#8b6f47;color:#fff;border-color:#8b6f47}.agents-team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.agents-team-card{background:#fff;border:1px solid #d4c4a8;border-radius:10px;padding:1rem}.agents-team-card h4{font-family:Cormorant Garamond,serif;margin-bottom:.35rem}.agents-team-card p{font-size:.85rem;color:#666;margin-bottom:.75rem}.agents-form label{display:block;margin-bottom:.75rem;font-size:.9rem}.agents-form input,.agents-form textarea,.agents-form select{width:100%;margin-top:.25rem;padding:.5rem;border:1px solid #d4c4a8;border-radius:6px}.agents-subnav{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.agents-subnav a{color:#8b6f47;text-decoration:none;padding:.35rem .75rem;border-radius:6px}.agents-subnav a.active{background:#f5f1e8;font-weight:700}.agents-search-row{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.agents-search-row input{flex:1;min-width:160px;padding:.5rem;border:1px solid #d4c4a8;border-radius:6px}.agents-seeds-input{width:100%;padding:.75rem;border:1px solid #d4c4a8;border-radius:8px;margin-bottom:.75rem;font-family:inherit}.agents-json-preview{background:#fff;border:1px solid #e8dfd0;border-radius:8px;padding:1rem;font-size:.75rem;overflow:auto;max-height:320px;margin-top:1rem}.agents-alert{border-color:#c9a227;background:#fff9e6}.agents-alert code{font-size:.85em}.agents-muted{color:#6b5c45;font-size:.95rem;margin:0 0 1rem}.agents-copy-block{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e8dfd0}.agents-copy-block h3{font-family:Cormorant Garamond,serif;margin:0 0 .75rem}.agents-lead{font-size:1.05rem;margin-bottom:1rem}.agents-banner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:.75rem}.agents-banner-cell{display:block;border:1px solid #d4c4a8;border-radius:8px;overflow:hidden;background:#fff}.agents-banner-cell img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover}.image-uploader{width:100%}.upload-zone{border:2px dashed #ccc;border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.upload-zone:hover:not(.disabled){border-color:#8b6f47;background:#f5f5f5}.upload-zone.dragging{border-color:#8b6f47;background:#f0f0f0;transform:scale(1.02)}.upload-zone.disabled{opacity:.6;cursor:not-allowed}.upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon{color:#8b6f47;margin-bottom:8px}.upload-text{font-size:16px;font-weight:600;color:#333;margin:0}.upload-hint{font-size:14px;color:#666;margin:0}.upload-formats{font-size:12px;color:#999;margin:0}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:20px}.preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #e0e0e0}.preview-item img{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:4px;right:4px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.remove-btn:hover:not(:disabled){background:#f00c}.remove-btn:disabled{opacity:.5;cursor:not-allowed}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:20px}.image-gallery.empty{padding:40px;text-align:center;color:#999}.gallery-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid #e0e0e0;transition:transform .2s,box-shadow .2s}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;padding:8px;font-size:12px;opacity:0;transition:opacity .2s}.gallery-item:hover .gallery-overlay{opacity:1}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:-40px;right:0;background:#fff3;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.lightbox-close:hover{background:#ffffff4d}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.lightbox-nav:hover{background:#ffffff4d}.lightbox-prev{left:-60px}.lightbox-next{right:-60px}.lightbox-counter{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);color:#fff;font-size:14px;background:#00000080;padding:8px 16px;border-radius:20px}@media (max-width: 768px){.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{top:10px;right:10px}}.products-list-detailed{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}@media (max-width: 768px){.products-list-detailed{grid-template-columns:1fr;gap:1rem}}.form-mode-toggle{display:flex;gap:.25rem;background:#f5f1e8;border-radius:8px;padding:.25rem}.form-mode-toggle .toggle-btn{padding:.5rem 1rem;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500}.form-mode-toggle .toggle-btn:hover{background:#8b6f471a;color:#5d4e37}.form-mode-toggle .toggle-btn.active{background:#8b6f47;color:#fff}.form-mode-toggle .toggle-btn.active:hover{background:#5d4e37}.products-list-detailed .MuiCard-root{transition:transform .2s ease,box-shadow .2s ease}.products-list-detailed .MuiCard-root:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b6f4726}.inline-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;color:#6b7280}.inline-loading .spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#8b6f47;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:3rem 1.5rem;color:#6b7280}.empty-state p{font-size:1.1rem;margin-bottom:1rem}@media (max-width: 768px){.screen-header{flex-direction:column;gap:1rem;align-items:stretch}.screen-header>div:first-child{text-align:center}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b6f47,#5d4e37);padding:20px}.login-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#8b6f47,#5d4e37);border-radius:50%;margin-bottom:20px;color:#fff}.login-header h1{font-size:28px;font-weight:700;color:#2c2416;margin:0 0 8px}.login-subtitle{color:#5d4e37;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #fc8181}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#5d4e37}.form-group input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f471a}.form-group input:disabled{background:#f7fafc;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:80px}.password-toggle{position:absolute;right:12px;background:none;border:none;color:#8b6f47;font-size:14px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.password-toggle:hover{background:#f5f1e8}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#8b6f47,#5d4e37);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #8b6f474d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.login-footer{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid #e2e8f0}.login-footer p{color:#5d4e37;font-size:12px;margin:0;opacity:.7}@media (max-width: 480px){.login-container{padding:24px}.login-header h1{font-size:24px}}.store-management-page{padding:2rem;background:#fff;min-height:calc(100vh - 140px)}.page-header{text-align:left;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #f5f1e8}.page-header h1{font-family:Cormorant Garamond,serif;font-size:2.75rem;font-weight:700;color:#5d4e37;margin:0;margin-bottom:.5rem}.page-header .subtitle{font-size:1.1rem;color:#8b7355;margin:0;line-height:1.4}.alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease-out;border-left:4px solid}.alert-error{background-color:#ffebee;border-left-color:#c62828;color:#c62828}.alert-success{background-color:#e8f5e9;border-left-color:#2e7d32;color:#2e7d32}.btn-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;padding:0;opacity:.7;transition:opacity .2s}.btn-close:hover{opacity:1}.management-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}@media (max-width: 1200px){.management-container{grid-template-columns:1fr}}.stores-panel,.details-panel{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;display:flex;flex-direction:column;max-height:80vh}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee;background:#faf8f3;color:#5d4e37}.panel-header h2{margin:0;font-size:1.5rem;color:#5d4e37;font-weight:600}.stores-list{flex:1;overflow-y:auto;padding:.5rem}.store-item{margin:.5rem;border:1px solid #d4c4a8;border-radius:8px;overflow:hidden;background:#fff;transition:all .3s}.store-item:hover{border-color:#8b6f47;background:#f5f1e8;box-shadow:0 4px 12px #8b6f4726}.store-item.selected{border-color:#8b6f47;background:#f5f1e8;box-shadow:0 2px 8px #8b6f4733}.store-item-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;cursor:pointer;border-bottom:1px solid #eee;background:#fff}.store-info h3{margin:0 0 .25rem;font-size:1.1rem;color:#5d4e37}.store-code{margin:0;font-size:.9rem;color:#8b7355;font-family:Courier New,monospace}.store-actions{display:flex;gap:.5rem;align-items:center}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid}.status-badge.active{background-color:#e8f5e9;color:#2e7d32;border-color:#81c784}.status-badge.inactive{background-color:#ffebee;color:#c62828;border-color:#ef9a9a}.shelves-list{padding:1rem;background:#f9f9f9;border-top:1px solid #eee}.shelves-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.shelves-header h4{margin:0;color:#333}.shelves-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.shelf-card{background:#fff;border:1px solid #d4c4a8;border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s}.shelf-card:hover{border-color:#8b6f47;box-shadow:0 2px 8px #8b6f4726;background:#f5f1e8}.shelf-card.selected{border-color:#8b6f47;background:#f5f1e8;box-shadow:0 2px 8px #8b6f4733}.shelf-card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.shelf-card-header h5{margin:0;font-size:1rem;color:#5d4e37}.shelf-code{font-size:.8rem;color:#8b7355;font-family:Courier New,monospace;margin:.25rem 0}.shelf-details{display:flex;justify-content:space-between;font-size:.85rem;color:#8b7355;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #d4c4a8}.boxes-list{margin-top:1rem;padding-top:1rem;border-top:1px solid #d4c4a8;background:#faf8f3;border-radius:6px;padding:1rem}.boxes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.boxes-header h6{margin:0;font-size:.95rem;color:#5d4e37}.boxes-sublevel{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.box-item{background:#fff;border:1px solid #d4c4a8;border-radius:4px;padding:.75rem;font-size:.85rem;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:all .2s}.box-item:hover{border-color:#8b6f47;background:#f5f1e8;box-shadow:0 2px 8px #8b6f4726}.box-item.selected{border-color:#8b6f47;background:#f5f1e8;box-shadow:0 2px 8px #8b6f4733;font-weight:600}.box-name{font-weight:500;color:#5d4e37}.box-code{font-size:.75rem;color:#8b7355;font-family:Courier New,monospace}.box-capacity{font-size:.8rem;color:#8b7355}.box-actions{display:flex;gap:.4rem;margin-top:.25rem;flex-wrap:wrap}.empty-sublevel,.empty-sublevel-text{font-size:.9rem;color:#8b7355;font-style:italic;padding:.5rem 0}.details-panel{padding:2rem;overflow-y:auto}.empty-details{display:flex;align-items:center;justify-content:center;height:100%;color:#8b7355;font-size:1.1rem}.store-details h2,.box-details h2{margin:0 0 1.5rem;color:#5d4e37;font-size:1.8rem;font-family:Cormorant Garamond,serif;padding-bottom:1rem;border-bottom:2px solid #d4c4a8}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.detail-item{display:flex;flex-direction:column}.detail-item.full-width{grid-column:1 / -1}.detail-item label{font-weight:600;color:#8b7355;font-size:.9rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.detail-item p{margin:0;color:#5d4e37;font-size:1.1rem}.quick-actions{margin-bottom:2rem;padding:1.5rem;background:#f5f1e8;border-radius:8px;border:1px solid #d4c4a8}.quick-actions h3{margin:0 0 1rem;font-size:1.1rem;color:#5d4e37}.action-buttons{display:flex;gap:1rem;flex-wrap:wrap}.action-buttons .btn{flex:1;min-width:250px}.summary-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #d4c4a8}.summary-section h3{margin:0 0 1rem;font-size:1.1rem;color:#5d4e37}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.summary-card{background:#f5f1e8;color:#5d4e37;padding:1.5rem;border-radius:8px;text-align:center;border:1px solid #d4c4a8}.summary-card h4{margin:0 0 .75rem;font-size:.95rem;color:#8b7355}.summary-value{margin:0;font-size:2rem;font-weight:700;color:#5d4e37}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#999}.empty-state p{margin:0 0 1rem;font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;padding:20px}.modal-content{background:#fff;border-radius:8px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0003;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.modal-content.modal-large{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #f0f0f0;background:#faf8f3;color:#5d4e37;flex-shrink:0}.modal-header h2{margin:0;font-size:1.5rem;color:#5d4e37;font-weight:600;letter-spacing:.5px}.modal-close{background:none;border:none;color:#8b7355;font-size:28px;cursor:pointer;opacity:.7;transition:all .2s;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{opacity:1;background:#f5f1e8;color:#5d4e37}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem;border-top:2px solid #f0f0f0;background:#faf8f3;flex-shrink:0}.form{padding:2rem;flex:1;overflow-y:auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.6rem;font-weight:600;color:#5d4e37;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.85rem;border:1px solid #d4c4a8;border-radius:4px;font-size:1rem;transition:all .2s;font-family:inherit;background:#fff}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:#b8a892}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f471a;background:#faf8f3}.form-group input.input-error{border-color:#c62828;background:#fff5f5}.form-group input.input-error:focus{box-shadow:0 0 0 3px #c628281a}.form-group small{display:block;margin-top:.35rem;color:#8b7355;font-size:.85rem;line-height:1.3}.error-text{color:#c62828;font-size:.85rem;margin-top:.35rem;display:block;font-weight:500}.form-group.checkbox{display:flex;align-items:center;margin-bottom:1.5rem}.form-group.checkbox label{display:flex;align-items:center;gap:.6rem;margin:0;font-weight:500;cursor:pointer;font-size:.95rem;color:#5d4e37}.form-group.checkbox input{width:auto;margin:0;cursor:pointer}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.form-row .form-group{margin-bottom:0}.form-mode-toggle{display:flex;gap:.8rem;padding:1.5rem 2rem;border-bottom:2px solid #f0f0f0;background:#faf8f3}.toggle-btn{flex:1;padding:.9rem;border:2px solid #d4c4a8;background:#fff;color:#5d4e37;border-radius:4px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s}.toggle-btn:hover{border-color:#8b6f47;color:#5d4e37}.toggle-btn.active{background:#8b6f47;color:#fff;border-color:#8b6f47}.bulk-form-container{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:1.5rem}.bulk-item{padding:1.25rem;border:1px solid #d4c4a8;border-radius:6px;background:#faf8f3;transition:all .2s}.bulk-item:hover{border-color:#8b6f47;background:#f5f1e8}.bulk-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:1px solid #d4c4a8}.bulk-item-header h4{margin:0;color:#5d4e37;font-size:1rem;font-weight:600}.form-actions{display:flex;justify-content:center;gap:.8rem;padding:1.5rem 0;margin-bottom:1rem}.btn{padding:.85rem 1.5rem;border:none;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;text-align:center;letter-spacing:.3px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:#8b6f47;color:#fff;border:2px solid #8b6f47}.btn-primary:hover:not(:disabled){background:#6d5637;border-color:#6d5637;transform:translateY(-1px);box-shadow:0 4px 12px #8b6f4740}.btn-secondary{background:#fff;color:#5d4e37;border:2px solid #d4c4a8}.btn-secondary:hover:not(:disabled){background:#f5f1e8;border-color:#8b6f47;color:#5d4e37}.btn-danger{background:#c62828;color:#fff;border:2px solid #c62828}.btn-danger:hover:not(:disabled){background:#b71c1c;border-color:#b71c1c}.btn-sm{padding:.6rem 1rem;font-size:.9rem}.btn-xs{padding:.4rem .75rem;font-size:.8rem}.btn-icon{background:none;border:none;padding:.4rem;font-size:1.2rem;cursor:pointer;opacity:.5;transition:opacity .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.btn-icon:hover{opacity:1;background:#f5f1e8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.management-container{grid-template-columns:1fr}.modal-content{max-width:90%}.stores-panel,.details-panel{max-height:none}.shelves-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.action-buttons{flex-direction:column}.action-buttons .btn{min-width:auto}.form-row{grid-template-columns:1fr}}.box-details{display:flex;flex-direction:column;height:100%;overflow:hidden}.box-details>*{flex-shrink:0}.box-details .details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.box-products-section{flex:1;overflow-y:auto;padding:1.5rem;background:#f9f9f9;border-radius:8px;border:1px solid #d4c4a8;margin-top:auto}.box-products-section h3{margin:0 0 1.5rem;font-size:1.1rem;color:#5d4e37;border-bottom:2px solid #d4c4a8;padding-bottom:.75rem}.empty-products{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#8b7355;text-align:center;min-height:150px}.empty-products p{margin:0 0 1rem;font-size:1rem}.products-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:400px}.product-item{background:#fff;border:1px solid #d4c4a8;border-radius:6px;padding:1rem;transition:all .2s}.product-item:hover{border-color:#8b6f47;box-shadow:0 2px 8px #8b6f4726;background:#f5f1e8}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #d4c4a8}.product-info{flex:1}.product-info h5{margin:0 0 .5rem;color:#5d4e37;font-size:1rem;font-weight:600}.product-type-badge{display:inline-block;padding:.3rem .75rem;background:#f5f1e8;color:#8b7355;border-radius:4px;font-size:.8rem;font-weight:500;border:1px solid #d4c4a8}.product-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:.35rem 0}.detail-row .label{color:#8b7355;font-weight:500;min-width:100px}.detail-row .value{color:#5d4e37;font-weight:500;text-align:right;word-break:break-all}.btn.back-btn{display:inline-flex;align-items:center;gap:.5rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper .search-spinner{position:absolute;right:12px;font-size:1rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sku-dropdown-container{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d4c4a8;border-top:none;border-radius:0 0 8px 8px;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:0 8px 16px #0000001a;margin-top:-1px}.sku-dropdown-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.sku-dropdown-item{padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease,border-left .2s ease;border-left:3px solid transparent;display:flex;flex-direction:column;gap:.35rem}.sku-dropdown-item:hover{background-color:#f5f1e8;border-left-color:#c9a961}.sku-dropdown-item:active{background-color:#e8dcc8}.dropdown-item-sku{display:flex;align-items:center;gap:.5rem}.dropdown-item-sku strong{color:#5d4e37;font-size:.95rem;font-weight:600;letter-spacing:.5px}.dropdown-item-details{display:flex;align-items:center;gap:.75rem;font-size:.85rem;flex-wrap:wrap}.item-name{color:#8b7355;flex:1;min-width:150px}.item-type{background:#fef5e7;color:#d68910;padding:.2rem .6rem;border-radius:3px;font-weight:500;white-space:nowrap;border:1px solid #f8c471}.item-meta{color:#a67c52;font-size:.8rem;font-weight:500}.dropdown-item-count{padding:.75rem 1rem;text-align:center;color:#a67c52;font-size:.85rem;background-color:#fef5e7;border-top:1px solid #e8dcc8;font-weight:500}.dropdown-no-results{padding:1.5rem;text-align:center;color:#a67c52;background:#fef5e7;font-size:.95rem}.dropdown-hint{padding:1rem;text-align:center;color:#a67c52;font-size:.85rem;font-style:italic;background:#fef9f3}.form-group{position:relative}.search-input-wrapper input:focus{border-color:#c9a961;box-shadow:0 0 0 3px #c9a9611a}.sku-dropdown-container::-webkit-scrollbar{width:6px}.sku-dropdown-container::-webkit-scrollbar-track{background:#f5f1e8}.sku-dropdown-container::-webkit-scrollbar-thumb{background:#c9a961;border-radius:3px}.sku-dropdown-container::-webkit-scrollbar-thumb:hover{background:#a67c52}.shelf-detail-page{padding:20px;max-width:1400px;margin:0 auto}.shelf-detail-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.shelf-info h2{margin:0;color:#333;font-size:28px}.shelf-code{color:#666;font-size:14px;margin-top:4px}.boxes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.box-card{background:#fff;border:2px solid #ddd;border-radius:8px;padding:16px;display:flex;flex-direction:column;min-height:200px;transition:all .3s ease}.box-card.clickable{cursor:pointer}.box-card:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db1a;transform:translateY(-2px)}.box-card.clickable:hover{border-color:#3498db;box-shadow:0 6px 16px #3498db26;transform:translateY(-3px)}.box-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.box-header h3{margin:0;color:#333;font-size:18px;font-weight:600}.box-code{display:inline-block;background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.box-products{flex:1;min-height:100px}.empty-box{text-align:center;color:#bbb;margin:40px 0;font-size:18px;font-weight:300}.products-list{display:flex;flex-direction:column;gap:8px}.product-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:10px;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease}.product-item:hover{background:#e9ecef}.product-info{display:flex;flex-direction:column;gap:4px;flex:1}.product-sku{font-weight:600;color:#333;font-size:14px}.product-name{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-qty{color:#1976d2;font-weight:600;font-size:13px;white-space:nowrap}.box-footer{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;text-align:center}.box-total{display:inline-block;background:#3498db;color:#fff;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:600}.no-boxes{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#999;font-size:16px}@media (max-width: 768px){.boxes-grid{grid-template-columns:1fr}.shelf-detail-header{flex-direction:column;align-items:flex-start}}@media print{.report-content .no-print{display:none!important}.report-content .report-content{page-break-inside:avoid}.report-content .MuiCard-root{page-break-inside:avoid;break-inside:avoid}.report-content .MuiTableContainer-root{page-break-inside:auto}.report-content .MuiTableRow-root{page-break-inside:avoid;page-break-after:auto}}.report-filters-panel{transition:all .3s ease}.report-filters-panel.collapsed{max-height:0;overflow:hidden}.report-chart-container{width:100%;height:300px}@media (max-width: 768px){.report-chart-container{height:250px}}.report-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 600px){.report-table-container table{font-size:.875rem}.report-table-container th,.report-table-container td{padding:8px 4px}}@media (max-width: 600px){.report-summary-card{margin-bottom:16px}}.report-export-button{white-space:nowrap}@media (max-width: 600px){.report-export-button{font-size:.75rem;padding:6px 12px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.report-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.report-filter-chip{transition:all .2s ease}.report-filter-chip:hover{transform:scale(1.05)}@media (max-width: 600px){.date-range-picker{flex-direction:column}.date-range-picker .MuiGrid-item{width:100%}}