@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-background: #131B29;--color-card-bg: #1A2535;--color-border: #2A3A4A;--color-input-bg: #1D2A3A;--color-text-content: #E0E0E0;--color-text-label: #A0A0A0;--color-text-title: #FFFFFF;--color-primary: #4E9EFE;--color-primary-dark: #2D7DE0;--color-price: #A37CFD;--color-button-bg: #2A3A4A;--color-secondary-button-bg: #2A3A4A;--color-secondary-button-text: #8AC6FF;--color-secondary-button-bg-hover: #3A4A5A;--color-quantity-button-bg: #2A3A4A;--color-quantity-button-border: #3A4A5A;--color-quantity-button-text: #D1D5DB;--color-accessory-level-1-bg: #1A5A9A;--color-accessory-level-2-bg: #1A8A6A;--color-accessory-level-3-bg: #AA8A2A;--color-accessory-level-4-bg: #AA5A2A;--color-accessory-level-5-bg: #AA2A2A;--color-accessory-tag-text: #FFFFFF}.theme-dark{--color-background: #131B29;--color-card-bg: #1A2535;--color-border: #2A3A4A;--color-input-bg: #1D2A3A;--color-text-content: #E0E0E0;--color-text-label: #A0A0A0;--color-text-title: #FFFFFF;--color-primary: #4E9EFE;--color-primary-dark: #2D7DE0;--color-price: #A37CFD;--color-button-bg: #2A3A4A;--color-secondary-button-bg: #2A3A4A;--color-secondary-button-text: #8AC6FF;--color-secondary-button-bg-hover: #3A4A5A;--color-quantity-button-bg: #2A3A4A;--color-quantity-button-border: #3A4A5A;--color-quantity-button-text: #D1D5DB;--color-accessory-level-1-bg: #1A5A9A;--color-accessory-level-2-bg: #1A8A6A;--color-accessory-level-3-bg: #AA8A2A;--color-accessory-level-4-bg: #AA5A2A;--color-accessory-level-5-bg: #AA2A2A;--color-accessory-tag-text: #FFFFFF}:root{--bjt-primary-blue: #1a57a5;--bjt-primary-blue-light: #2c6cbc;--bjt-primary-blue-dark: #144289;--bjt-secondary-orange: #ff6b35;--bjt-secondary-orange-light: #ff8559;--bjt-secondary-orange-dark: #e55a2b;--bjt-interactive-blue: #3b82f6;--bjt-interactive-blue-hover: #2563eb;--bjt-interactive-blue-active: #1d4ed8;--bjt-bg-primary: #ffffff;--bjt-bg-secondary: #f8f9fa;--bjt-bg-tertiary: #f1f3f4;--bjt-bg-accent: #e6f0ff;--bjt-bg-card: #ffffff;--bjt-bg-card-hover: #fafbfc;--bjt-text-primary: #1f2937;--bjt-text-secondary: #374151;--bjt-text-tertiary: #6b7280;--bjt-text-light: #9ca3af;--bjt-text-inverse: #ffffff;--bjt-text-brand: var(--bjt-primary-blue);--bjt-border-primary: #e5e7eb;--bjt-border-secondary: #d1d5db;--bjt-border-focus: var(--bjt-interactive-blue);--bjt-border-error: #ef4444;--bjt-border-success: #10b981;--bjt-border-warning: #f59e0b;--bjt-success: #10b981;--bjt-success-light: #34d399;--bjt-success-dark: #059669;--bjt-warning: #f59e0b;--bjt-warning-light: #fbbf24;--bjt-warning-dark: #d97706;--bjt-error: #ef4444;--bjt-error-light: #f87171;--bjt-error-dark: #dc2626;--bjt-info: var(--bjt-interactive-blue);--bjt-info-light: #60a5fa;--bjt-info-dark: #1e40af;--bjt-shadow-sm: 0 1px 2px 0 rgba(26, 87, 165, .05);--bjt-shadow-md: 0 4px 6px -1px rgba(26, 87, 165, .1), 0 2px 4px -1px rgba(26, 87, 165, .06);--bjt-shadow-lg: 0 10px 15px -3px rgba(26, 87, 165, .1), 0 4px 6px -2px rgba(26, 87, 165, .05);--bjt-shadow-xl: 0 20px 25px -5px rgba(26, 87, 165, .1), 0 10px 10px -5px rgba(26, 87, 165, .04);--bjt-shadow-card: 0 2px 8px rgba(26, 87, 165, .08);--bjt-shadow-card-hover: 0 4px 16px rgba(26, 87, 165, .12);--bjt-space-xs: .25rem;--bjt-space-sm: .5rem;--bjt-space-md: 1rem;--bjt-space-lg: 1.5rem;--bjt-space-xl: 2rem;--bjt-space-2xl: 3rem;--bjt-space-3xl: 4rem;--bjt-radius-sm: 4px;--bjt-radius-md: 8px;--bjt-radius-lg: 12px;--bjt-radius-xl: 16px;--bjt-radius-full: 9999px;--bjt-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--bjt-font-family-mono: "JetBrains Mono", "Fira Code", "Consolas", "Monaco", monospace;--bjt-font-size-xs: .75rem;--bjt-font-size-sm: .875rem;--bjt-font-size-base: 1rem;--bjt-font-size-lg: 1.125rem;--bjt-font-size-xl: 1.25rem;--bjt-font-size-2xl: 1.5rem;--bjt-font-size-3xl: 1.875rem;--bjt-font-size-4xl: 2.25rem;--bjt-font-weight-normal: 400;--bjt-font-weight-medium: 500;--bjt-font-weight-semibold: 600;--bjt-font-weight-bold: 700;--bjt-line-height-tight: 1.25;--bjt-line-height-normal: 1.5;--bjt-line-height-relaxed: 1.75;--bjt-transition-fast: .15s ease-in-out;--bjt-transition-normal: .3s ease-in-out;--bjt-transition-slow: .5s ease-in-out;--bjt-z-dropdown: 1000;--bjt-z-sticky: 1020;--bjt-z-fixed: 1030;--bjt-z-modal: 1040;--bjt-z-tooltip: 1070}*{box-sizing:border-box}html{font-size:16px;line-height:var(--bjt-line-height-normal)}body{font-family:var(--bjt-font-family);font-size:var(--bjt-font-size-base);font-weight:var(--bjt-font-weight-normal);color:var(--bjt-text-primary);background-color:var(--bjt-bg-secondary);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bjt-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--bjt-space-sm) var(--bjt-space-md);font-family:var(--bjt-font-family);font-size:var(--bjt-font-size-sm);font-weight:var(--bjt-font-weight-medium);line-height:var(--bjt-line-height-tight);border:1px solid transparent;border-radius:var(--bjt-radius-md);cursor:pointer;transition:all var(--bjt-transition-normal);text-decoration:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.bjt-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.bjt-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.bjt-btn-primary{background-color:var(--bjt-primary-blue);color:var(--bjt-text-inverse);border-color:var(--bjt-primary-blue);box-shadow:var(--bjt-shadow-sm)}.bjt-btn-primary:hover:not(:disabled){background-color:var(--bjt-primary-blue-dark);border-color:var(--bjt-primary-blue-dark);box-shadow:var(--bjt-shadow-md);transform:translateY(-1px)}.bjt-btn-secondary{background-color:var(--bjt-secondary-orange);color:var(--bjt-text-inverse);border-color:var(--bjt-secondary-orange);box-shadow:var(--bjt-shadow-sm)}.bjt-btn-secondary:hover:not(:disabled){background-color:var(--bjt-secondary-orange-dark);border-color:var(--bjt-secondary-orange-dark);box-shadow:var(--bjt-shadow-md);transform:translateY(-1px)}.bjt-btn-outline{background-color:transparent;color:var(--bjt-primary-blue);border-color:var(--bjt-primary-blue)}.bjt-btn-outline:hover:not(:disabled){background-color:var(--bjt-primary-blue);color:var(--bjt-text-inverse);box-shadow:var(--bjt-shadow-md)}.bjt-btn-ghost{background-color:transparent;color:var(--bjt-text-secondary);border-color:transparent}.bjt-btn-ghost:hover:not(:disabled){background-color:var(--bjt-bg-tertiary);color:var(--bjt-text-primary)}.bjt-btn-sm{padding:var(--bjt-space-xs) var(--bjt-space-sm);font-size:var(--bjt-font-size-xs)}.bjt-btn-lg{padding:var(--bjt-space-md) var(--bjt-space-lg);font-size:var(--bjt-font-size-lg)}.bjt-input{display:block;width:100%;padding:var(--bjt-space-sm) var(--bjt-space-md);font-family:var(--bjt-font-family);font-size:var(--bjt-font-size-base);font-weight:var(--bjt-font-weight-normal);line-height:var(--bjt-line-height-normal);color:var(--bjt-text-primary);background-color:var(--bjt-bg-primary);border:1px solid var(--bjt-border-primary);border-radius:var(--bjt-radius-md);transition:all var(--bjt-transition-normal)}.bjt-input:focus{outline:none;border-color:var(--bjt-border-focus);box-shadow:0 0 0 3px #3b82f61a}.bjt-input:disabled{background-color:var(--bjt-bg-tertiary);opacity:.6;cursor:not-allowed}.bjt-input::-moz-placeholder{color:var(--bjt-text-light)}.bjt-input::placeholder{color:var(--bjt-text-light)}.bjt-card{background-color:var(--bjt-bg-card);border:1px solid var(--bjt-border-primary);border-radius:var(--bjt-radius-lg);box-shadow:var(--bjt-shadow-card);transition:all var(--bjt-transition-normal);overflow:hidden}.bjt-card:hover{box-shadow:var(--bjt-shadow-card-hover);transform:translateY(-2px)}.bjt-card-header{padding:var(--bjt-space-lg);border-bottom:1px solid var(--bjt-border-primary)}.bjt-card-body{padding:var(--bjt-space-lg)}.bjt-card-footer{padding:var(--bjt-space-lg);background-color:var(--bjt-bg-secondary);border-top:1px solid var(--bjt-border-primary)}.bjt-nav{background-color:var(--bjt-bg-primary);border-bottom:1px solid var(--bjt-border-primary);box-shadow:var(--bjt-shadow-sm)}.bjt-nav-item{padding:var(--bjt-space-sm) var(--bjt-space-md);color:var(--bjt-text-secondary);text-decoration:none;transition:all var(--bjt-transition-normal);border-radius:var(--bjt-radius-md)}.bjt-nav-item:hover{color:var(--bjt-primary-blue);background-color:var(--bjt-bg-accent)}.bjt-nav-item.active{color:var(--bjt-primary-blue);background-color:var(--bjt-bg-accent);font-weight:var(--bjt-font-weight-medium)}.bjt-heading-1{font-size:var(--bjt-font-size-4xl);font-weight:var(--bjt-font-weight-bold);line-height:var(--bjt-line-height-tight);color:var(--bjt-text-primary);margin:0 0 var(--bjt-space-lg) 0}.bjt-heading-2{font-size:var(--bjt-font-size-3xl);font-weight:var(--bjt-font-weight-bold);line-height:var(--bjt-line-height-tight);color:var(--bjt-text-primary);margin:0 0 var(--bjt-space-md) 0}.bjt-heading-3{font-size:var(--bjt-font-size-2xl);font-weight:var(--bjt-font-weight-semibold);line-height:var(--bjt-line-height-tight);color:var(--bjt-text-primary);margin:0 0 var(--bjt-space-md) 0}.bjt-text-brand{color:var(--bjt-text-brand)}.bjt-text-accent{color:var(--bjt-secondary-orange)}.bjt-success{color:var(--bjt-success)}.bjt-warning{color:var(--bjt-warning)}.bjt-error{color:var(--bjt-error)}.bjt-info{color:var(--bjt-info)}.bjt-spinner{width:24px;height:24px;border:3px solid var(--bjt-border-primary);border-top:3px solid var(--bjt-primary-blue);border-radius:50%;animation:bjt-spin 1s linear infinite}@keyframes bjt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){html{font-size:14px}.bjt-card-header,.bjt-card-body,.bjt-card-footer{padding:var(--bjt-space-md)}}.bjt-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bjt-btn:focus-visible,.bjt-input:focus-visible,.bjt-nav-item:focus-visible{outline:2px solid var(--bjt-interactive-blue);outline-offset:2px}.bjt-fade-in{animation:bjt-fadeIn var(--bjt-transition-normal) ease-in-out}@keyframes bjt-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bjt-slide-up{animation:bjt-slideUp var(--bjt-transition-normal) ease-out}@keyframes bjt-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-contrast: high){:root{--bjt-border-primary: #000000;--bjt-text-primary: #000000;--bjt-bg-primary: #ffffff}}@media (prefers-color-scheme: dark){.bjt-dark-mode{--bjt-bg-primary: #1f2937;--bjt-bg-secondary: #111827;--bjt-bg-tertiary: #374151;--bjt-bg-card: #1f2937;--bjt-text-primary: #f9fafb;--bjt-text-secondary: #d1d5db;--bjt-text-tertiary: #9ca3af;--bjt-border-primary: #374151;--bjt-border-secondary: #4b5563}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--background-color);color:var(--text-color);line-height:1.6;font-size:var(--font-size-md)}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-weight:600;line-height:1.2;color:var(--text-primary)}p{margin-bottom:1em;line-height:1.5}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-color)}button{border:none;outline:none;background:none}ul,ol{list-style:none}img{max-width:100%;height:auto}input,select,textarea{font-family:inherit;font-size:16px;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--background-primary);transition:border-color .2s ease,box-shadow .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px hsl(from var(--primary) h s l / .2)}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.\!breadcrumb{margin-bottom:1rem;display:flex;align-items:center;font-size:.875rem;line-height:1.25rem}footer .\!breadcrumb{font-size:var(--font-size-sm)}.\!breadcrumb{display:flex;align-items:center;margin-bottom:var(--bjt-space-lg)}.breadcrumb{margin-bottom:1rem;display:flex;align-items:center;font-size:.875rem;line-height:1.25rem}footer .breadcrumb{font-size:var(--font-size-sm)}.breadcrumb{display:flex;align-items:center;margin-bottom:var(--bjt-space-lg)}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child):after{content:"/";margin-left:.5rem;margin-right:.5rem;color:var(--gray-700)}.breadcrumb-item a{color:var(--color-primary);color:var(--bjt-text-primary)}.breadcrumb-item a:hover{color:var(--color-primary-dark)}.breadcrumb-item.active{color:var(--gray-900)}.tabs{margin-bottom:1rem;border-bottom-width:1px;border-color:var(--gray-300);display:flex;margin-bottom:var(--bjt-space-lg);border-bottom:1px solid var(--bjt-border-primary)}.tab-item.active{border-color:var(--color-primary);font-weight:500;color:var(--color-primary);color:var(--bjt-text-primary)}.product-card{overflow:hidden;border-radius:.5rem;border-width:1px;border-color:var(--gray-300);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border:1px solid var(--bjt-border-primary);border-radius:var(--bjt-radius-lg)}.product-card:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);box-shadow:var(--bjt-shadow-lg)}.product-card-image{height:12rem;-o-object-fit:cover;object-fit:cover;width:100%}.product-card-title{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;color:var(--gray-900);margin-bottom:var(--bjt-space-sm)}.product-card-price{font-size:1.25rem;line-height:1.75rem;font-weight:700;color:var(--color-primary);color:var(--bjt-text-primary)}.quantity-selector{border-radius:.25rem;border-width:1px;border-color:var(--gray-300);display:flex;align-items:center;border:1px solid var(--bjt-border-primary);border-radius:var(--bjt-radius-md)}.quantity-btn{height:2rem;width:2rem;cursor:pointer;background-color:var(--gray-50);color:var(--gray-900);display:flex;justify-content:center;align-items:center}.quantity-btn:hover{background-color:var(--gray-100)}.quantity-input{height:2rem;width:3rem;border-width:0px;border-left-width:1px;border-right-width:1px;border-color:var(--gray-300);color:var(--gray-900);text-align:center}.role-switcher{margin-bottom:1.5rem;display:flex;justify-content:center;margin-bottom:var(--bjt-space-xl)}.role-option.active{border-color:var(--color-primary);font-weight:500;color:var(--color-primary);color:var(--bjt-text-primary)}.cart-item{border-bottom-width:1px;border-color:var(--gray-300);padding-top:1rem;padding-bottom:1rem;display:flex;border-bottom:1px solid var(--bjt-border-primary)}.cart-item:last-child{border-bottom-width:0px}.cart-item-image{height:4rem;width:4rem;border-radius:.25rem;border-width:1px;border-color:var(--gray-300);-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid var(--bjt-border-primary);border-radius:var(--bjt-radius-md)}.cart-item-content{margin-left:1rem;flex-grow:1;margin-left:var(--bjt-space-lg)}.cart-item-title{font-weight:500;color:var(--gray-900)}.cart-item-price{margin-top:.25rem;font-weight:700;color:var(--color-primary);margin-top:var(--bjt-space-xs);color:var(--bjt-text-primary)}.cart-item-actions{margin-top:.5rem;display:flex;align-items:center}.cart-item-actions>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.cart-item-actions{display:flex;align-items:center;margin-top:var(--bjt-space-sm)}.spec-value{font-size:.875rem;line-height:1.25rem;color:var(--gray-700)}footer .spec-value{font-size:var(--font-size-sm)}.stock-status{display:inline-flex;align-items:center;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem}footer .stock-status{font-size:var(--font-size-sm)}.stock-status{align-items:center;border-radius:var(--bjt-radius-md)}.stock-status.in-stock{background-color:var(--success);--tw-bg-opacity: .1;color:var(--success);color:var(--bjt-success)}.stock-status.low-stock{background-color:var(--warning);--tw-bg-opacity: .1;color:var(--warning);color:var(--bjt-warning)}.stock-status.out-of-stock{background-color:var(--error);--tw-bg-opacity: .1;color:var(--error)}.price-option.selected{border-color:var(--color-primary);background-color:var(--color-primary);--tw-bg-opacity: .05;background-color:var(--bjt-bg-primary)}.card{background-color:var(--card-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}label{display:block;margin-bottom:var(--spacing-sm);font-weight:500}.btn{display:inline-block;padding:9px 16px;border-radius:var(--border-radius-sm);font-weight:500;font-size:var(--font-size-sm);text-align:center;transition:all var(--transition-fast)}.btn-primary{background-color:var(--primary-color);color:var(--text-onPrimary)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-onPrimary)}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.btn-outline:hover{background-color:var(--background-light)}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.\!fixed{position:fixed!important}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.-bottom-2{bottom:-.5rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.top-6{top:1.5rem}.z-10{z-index:10}.z-50{z-index:50}.z-\[var\(--z-index-modal\)\]{z-index:var(--z-index-modal)}.z-\[var\(--z-index-modal-backdrop\)\]{z-index:var(--z-index-modal-backdrop)}.col-span-2{grid-column:span 2 / span 2}.m-4{margin:1rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-\[-16px\]{margin-left:-16px}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[32px\]{height:32px}.max-h-32{max-height:8rem}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-\[300px\]{min-height:300px}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-\[120px\]{width:120px}.w-\[180px\]{width:180px}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-\[200px\]{min-width:200px}.min-w-\[400px\]{min-width:400px}.max-w-3xl{max-width:48rem}.max-w-48{max-width:12rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.gap-0{gap:0px}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-border{border-color:var(--color-border)}.border-error{border-color:var(--error)}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-orange-400{--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.border-orange-600{--tw-border-opacity: 1;border-color:rgb(234 88 12 / var(--tw-border-opacity, 1))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-400{--tw-border-opacity: 1;border-color:rgb(250 204 21 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-background{background-color:var(--color-background)}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-button{background-color:var(--color-button-bg)}.bg-card{background-color:var(--color-card-bg)}.bg-card-alt{background-color:var(--color-input-bg)}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-input{background-color:var(--color-input-bg)}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-primary{background-color:var(--color-primary)}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/60{background-color:#fff9}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-opacity-40{--tw-bg-opacity: .4}.bg-opacity-50{--tw-bg-opacity: .5}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-gray-100{--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.text-accent{color:var(--color-secondary-button-bg)}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-content{color:var(--color-text-content)}.text-content-light{color:var(--color-text-label)}.text-error{color:var(--error)}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-label{color:var(--color-text-label)}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-price{color:var(--color-price)}.text-primary{color:var(--color-primary)}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-secondary{color:var(--color-secondary-button-bg)}.text-success{color:var(--success)}.text-title{color:var(--color-text-title)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-sm{--tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / .05));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.header .user-info{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background-color:var(--bg-highlight);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.header .user-info:hover{background-color:rgba(var(--primary-color-rgb),.1)}.header .user-avatar{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:var(--primary-color);color:var(--text-light);font-weight:700;border-radius:50%}.header .user-name{font-size:var(--font-size-sm);color:var(--text-primary)}.header .user-dropdown{position:relative}.header .user-dropdown .dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:10rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown);padding:.5rem 0;display:none}.header .user-dropdown .dropdown-menu.show{display:block;animation:dropdown-open .2s ease}.header .user-dropdown .dropdown-list{list-style:none;padding:0;margin:0;width:100%}.header .user-dropdown .dropdown-list li{padding:0;margin:0}.header .user-dropdown .dropdown-list li a,.header .user-dropdown .dropdown-list li button{display:block;width:100%;text-align:left;padding:.5rem 1rem;color:var(--text-secondary);background:none;border:none;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.header .user-dropdown .dropdown-list li a:hover,.header .user-dropdown .dropdown-list li button:hover{background-color:var(--bg-highlight);color:var(--primary-color)}.header .header-container{display:flex;align-items:center;justify-content:space-between;padding:1rem}.header .logo{flex-shrink:0;display:flex;align-items:center}.header .logo a{display:block}.header .logo img{height:72px;max-height:72px;width:auto;max-width:220px;-o-object-fit:contain;object-fit:contain;filter:contrast(1.1) saturate(1.05);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.header .navigation{flex-grow:1;display:flex;justify-content:center}.header .nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.header .nav-menu li{position:relative}.header .nav-menu .nav-link{display:inline-block;padding:.5rem 0;color:var(--text-secondary);font-weight:500;text-decoration:none;position:relative;transition:color var(--transition-fast)}.header .nav-menu .nav-link:hover,.header .nav-menu .nav-link.active{color:var(--primary-color)}.header .nav-menu .nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width var(--transition-fast)}.header .nav-menu .nav-link:hover:after,.header .nav-menu .nav-link.active:after{width:100%}.header .nav-menu .dropdown{position:relative}.header .nav-menu .dropdown .dropdown-menu{position:absolute;top:100%;left:0;min-width:12rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);z-index:var(--z-index-dropdown);display:none;margin-top:.5rem;padding:1rem;width:auto}.header .nav-menu .dropdown:hover .dropdown-menu{display:flex;flex-wrap:wrap;gap:1.5rem;animation:dropdown-open .2s ease}.header .header-right{display:flex;align-items:center;gap:1rem}.header .dropdown-section{min-width:200px}.header .dropdown-title{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-color);margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.header .dropdown-list{list-style:none;padding:0;margin:0}.header .dropdown-list li{margin-bottom:.5rem}.header .dropdown-list li a{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast);display:block;padding:.25rem 0}.header .dropdown-list li a:hover{color:var(--primary-color)}.header .nav-menu .dropdown .dropdown-menu:not(:has(.dropdown-section)){padding:.75rem 0;width:220px}.header .nav-menu .dropdown .dropdown-menu:not(:has(.dropdown-section)) .dropdown-list{width:100%}.header .nav-menu .dropdown .dropdown-menu:not(:has(.dropdown-section)) .dropdown-list li a{padding:.5rem 1rem}.header .nav-menu .dropdown .dropdown-menu:not(:has(.dropdown-section)) .dropdown-list li a:hover{background-color:var(--bg-highlight)}@media (max-width: 768px){.header .header-container{flex-wrap:wrap}.header .navigation{flex-basis:100%;order:3}.header .nav-menu{flex-direction:column;gap:.5rem;display:none}.header .nav-menu.show{display:flex}.header .nav-menu .dropdown .dropdown-menu{position:static;box-shadow:none;border-left:2px solid var(--primary-color);margin:.5rem 0 .5rem 1rem;border-radius:0;display:none;flex-direction:column;padding:.5rem}.header .nav-menu .dropdown-menu.show{display:flex}.header .dropdown-section{width:100%;margin-bottom:1rem}.header .mobile-menu-toggle{display:block}}@keyframes dropdown-open{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.header .mobile-menu-toggle{display:none;cursor:pointer;width:30px;height:24px;position:relative;z-index:999;background:transparent;border:none}.header .mobile-menu-toggle .bar{display:block;width:100%;height:3px;background-color:var(--text-color);margin:5px 0;transition:transform .3s ease,opacity .3s ease}.header .mobile-menu-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.header .mobile-menu-toggle.active .bar:nth-child(2){opacity:0}.header .mobile-menu-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 768px){.header .mobile-menu-toggle{display:block}}.login-button{padding:8px 16px;background-color:var(--primary-color);color:#fff;border-radius:4px;font-weight:500;transition:background-color .2s ease}.login-button:hover{background-color:var(--primary-hover)}footer{background-color:var(--bg-card);border-top:1px solid var(--border-color);padding:var(--spacing-lg) 0}footer .container{display:flex;flex-direction:column}footer .grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--spacing-lg)}@media (min-width: 768px){footer .grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){footer .grid{grid-template-columns:repeat(4,1fr)}}footer h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}footer p{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}footer a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}footer a:hover{color:var(--primary-color);text-decoration:underline}footer ul{list-style:none;padding:0;margin:0}footer ul li{margin-bottom:var(--spacing-sm)}footer .border-t{border-top:1px solid var(--border-color);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);text-align:center}footer .text-sm{font-size:var(--font-size-sm)}footer img{height:40px;width:auto}footer .company-logo{display:flex;align-items:center;margin-bottom:var(--spacing-md)}footer .social-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}footer .social-links a{color:var(--text-secondary);transition:color var(--transition-fast)}footer .social-links a:hover{color:var(--primary-color)}.header{position:sticky;top:0;z-index:1000;background-color:#fff;box-shadow:0 2px 4px #0000001a}.main-nav{display:flex}.main-nav ul{list-style:none;margin:0;padding:0}.main-nav a{display:block;color:#333;text-decoration:none;font-weight:500;transition:color .3s ease}.main-nav a:hover,.main-nav a.active{color:#1890ff}.language-selector{display:flex;align-items:center;background:none;border:none;cursor:pointer;color:#333;font-weight:500}.language-selector:hover{color:#1890ff}@media (max-width: 768px){.main-nav{position:absolute;top:100%;left:0;width:100%;background-color:#fff;padding:1rem;box-shadow:0 4px 6px #0000001a;display:none;transition:all .3s ease}.main-nav.open{display:block}.mobile-menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.mobile-menu-toggle .bar{width:100%;height:3px;background-color:#333;border-radius:2px;transition:all .3s ease-in-out}.mobile-menu-toggle.active .bar:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.mobile-menu-toggle.active .bar:nth-child(2){opacity:0}.mobile-menu-toggle.active .bar:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}}@media (min-width: 769px){.mobile-menu-toggle{display:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:var(--bjt-line-height-normal);scroll-behavior:smooth}body{font-family:var(--bjt-font-family);font-size:var(--bjt-font-size-base);font-weight:var(--bjt-font-weight-normal);color:var(--bjt-text-primary);background-color:var(--bjt-bg-secondary);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{font-weight:var(--bjt-font-weight-semibold);line-height:var(--bjt-line-height-tight);color:var(--bjt-text-primary);margin-bottom:var(--bjt-space-md)}h1{font-size:var(--bjt-font-size-4xl);font-weight:var(--bjt-font-weight-bold)}h2{font-size:var(--bjt-font-size-3xl);font-weight:var(--bjt-font-weight-bold)}h3{font-size:var(--bjt-font-size-2xl)}h4{font-size:var(--bjt-font-size-xl)}h5{font-size:var(--bjt-font-size-lg)}h6{font-size:var(--bjt-font-size-base)}p{margin-bottom:var(--bjt-space-md);line-height:var(--bjt-line-height-relaxed);color:var(--bjt-text-secondary)}a{color:var(--bjt-primary-blue);text-decoration:none;transition:color var(--bjt-transition-normal)}a:hover{color:var(--bjt-primary-blue-dark);text-decoration:underline}a:focus{outline:2px solid var(--bjt-interactive-blue);outline-offset:2px;border-radius:2px}input,textarea,select,button{font-family:inherit;font-size:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{display:block;width:100%;padding:var(--bjt-space-sm) var(--bjt-space-md);font-family:var(--bjt-font-family);font-size:var(--bjt-font-size-base);font-weight:var(--bjt-font-weight-normal);line-height:var(--bjt-line-height-normal);color:var(--bjt-text-primary);background-color:var(--bjt-bg-primary);border:1px solid var(--bjt-border-primary);border-radius:var(--bjt-radius-md);transition:all var(--bjt-transition-normal)}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=url]:focus,textarea:focus,select:focus{outline:none;border-color:var(--bjt-border-focus);box-shadow:0 0 0 3px #3b82f61a}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=url]:disabled,textarea:disabled,select:disabled{background-color:var(--bjt-bg-tertiary);opacity:.6;cursor:not-allowed}input[type=text]::-moz-placeholder,input[type=email]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=search]::-moz-placeholder,input[type=tel]::-moz-placeholder,input[type=url]::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{color:var(--bjt-text-light)}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,textarea::placeholder,select::placeholder{color:var(--bjt-text-light)}input[type=text]:focus-visible,input[type=email]:focus-visible,input[type=password]:focus-visible,input[type=number]:focus-visible,input[type=search]:focus-visible,input[type=tel]:focus-visible,input[type=url]:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--bjt-interactive-blue);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0;margin:0}ul,ol{margin-bottom:var(--bjt-space-md);padding-left:var(--bjt-space-lg)}li{margin-bottom:var(--bjt-space-xs);line-height:var(--bjt-line-height-normal)}code{font-family:var(--bjt-font-family-mono);font-size:.9em;background-color:var(--bjt-bg-tertiary);padding:.125rem .25rem;border-radius:var(--bjt-radius-sm);color:var(--bjt-text-primary)}pre{font-family:var(--bjt-font-family-mono);background-color:var(--bjt-bg-tertiary);padding:var(--bjt-space-md);border-radius:var(--bjt-radius-md);overflow-x:auto;margin-bottom:var(--bjt-space-md)}pre code{background:none;padding:0;border-radius:0}.container{max-width:1200px;margin:0 auto;padding:0 var(--bjt-space-md)}.container-fluid{width:100%;padding:0 var(--bjt-space-md)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:var(--bjt-space-xs)}.gap-2{gap:var(--bjt-space-sm)}.gap-3{gap:var(--bjt-space-md)}.gap-4{gap:var(--bjt-space-lg)}.gap-6{gap:var(--bjt-space-xl)}.m-0{margin:0}.m-1{margin:var(--bjt-space-xs)}.m-2{margin:var(--bjt-space-sm)}.m-3{margin:var(--bjt-space-md)}.m-4{margin:var(--bjt-space-lg)}.m-6{margin:var(--bjt-space-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--bjt-space-xs)}.mt-2{margin-top:var(--bjt-space-sm)}.mt-3{margin-top:var(--bjt-space-md)}.mt-4{margin-top:var(--bjt-space-lg)}.mt-6{margin-top:var(--bjt-space-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--bjt-space-xs)}.mb-2{margin-bottom:var(--bjt-space-sm)}.mb-3{margin-bottom:var(--bjt-space-md)}.mb-4{margin-bottom:var(--bjt-space-lg)}.mb-6{margin-bottom:var(--bjt-space-xl)}.ml-0{margin-left:0}.ml-1{margin-left:var(--bjt-space-xs)}.ml-2{margin-left:var(--bjt-space-sm)}.ml-3{margin-left:var(--bjt-space-md)}.ml-4{margin-left:var(--bjt-space-lg)}.mr-0{margin-right:0}.mr-1{margin-right:var(--bjt-space-xs)}.mr-2{margin-right:var(--bjt-space-sm)}.mr-3{margin-right:var(--bjt-space-md)}.mr-4{margin-right:var(--bjt-space-lg)}.p-0{padding:0}.p-1{padding:var(--bjt-space-xs)}.p-2{padding:var(--bjt-space-sm)}.p-3{padding:var(--bjt-space-md)}.p-4{padding:var(--bjt-space-lg)}.p-6{padding:var(--bjt-space-xl)}.pt-0{padding-top:0}.pt-1{padding-top:var(--bjt-space-xs)}.pt-2{padding-top:var(--bjt-space-sm)}.pt-3{padding-top:var(--bjt-space-md)}.pt-4{padding-top:var(--bjt-space-lg)}.pt-6{padding-top:var(--bjt-space-xl)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--bjt-space-xs)}.pb-2{padding-bottom:var(--bjt-space-sm)}.pb-3{padding-bottom:var(--bjt-space-md)}.pb-4{padding-bottom:var(--bjt-space-lg)}.pb-6{padding-bottom:var(--bjt-space-xl)}.pl-0{padding-left:0}.pl-1{padding-left:var(--bjt-space-xs)}.pl-2{padding-left:var(--bjt-space-sm)}.pl-3{padding-left:var(--bjt-space-md)}.pl-4{padding-left:var(--bjt-space-lg)}.pr-0{padding-right:0}.pr-1{padding-right:var(--bjt-space-xs)}.pr-2{padding-right:var(--bjt-space-sm)}.pr-3{padding-right:var(--bjt-space-md)}.pr-4{padding-right:var(--bjt-space-lg)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.bg-primary{background-color:var(--bjt-bg-primary)}.bg-secondary{background-color:var(--bjt-bg-secondary)}.bg-card{background-color:var(--bjt-bg-card)}.bg-accent{background-color:var(--bjt-bg-accent)}.text-primary{color:var(--bjt-text-primary)}.text-secondary{color:var(--bjt-text-secondary)}.text-brand{color:var(--bjt-text-brand)}.text-accent{color:var(--bjt-secondary-orange)}.text-success{color:var(--bjt-success)}.text-warning{color:var(--bjt-warning)}.text-error{color:var(--bjt-error)}.text-info{color:var(--bjt-info)}.border{border:1px solid var(--bjt-border-primary)}.border-t{border-top:1px solid var(--bjt-border-primary)}.border-b{border-bottom:1px solid var(--bjt-border-primary)}.border-l{border-left:1px solid var(--bjt-border-primary)}.border-r{border-right:1px solid var(--bjt-border-primary)}.rounded{border-radius:var(--bjt-radius-md)}.rounded-sm{border-radius:var(--bjt-radius-sm)}.rounded-lg{border-radius:var(--bjt-radius-lg)}.rounded-xl{border-radius:var(--bjt-radius-xl)}.rounded-full{border-radius:var(--bjt-radius-full)}.shadow-sm{box-shadow:var(--bjt-shadow-sm)}.shadow{box-shadow:var(--bjt-shadow-md)}.shadow-lg{box-shadow:var(--bjt-shadow-lg)}.shadow-xl{box-shadow:var(--bjt-shadow-xl)}.shadow-card{box-shadow:var(--bjt-shadow-card)}.main-header,.site-header{background-color:var(--bjt-bg-primary);border-bottom:1px solid var(--bjt-border-primary);box-shadow:var(--bjt-shadow-sm);position:relative;z-index:var(--bjt-z-fixed)}.ant-btn-primary{background-color:var(--bjt-primary-blue)!important;border-color:var(--bjt-primary-blue)!important;box-shadow:var(--bjt-shadow-sm)!important}.ant-btn-primary:hover,.ant-btn-primary:focus{background-color:var(--bjt-primary-blue-dark)!important;border-color:var(--bjt-primary-blue-dark)!important;box-shadow:var(--bjt-shadow-md)!important}@media (max-width: 768px){html{font-size:14px}.container{padding:0 var(--bjt-space-sm)}.grid-cols-2,.grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff!important;color:#000!important}.no-print{display:none!important}}.focus-ring:focus{outline:2px solid var(--bjt-interactive-blue);outline-offset:2px}::selection{background-color:var(--bjt-primary-blue);color:var(--bjt-text-inverse)}::-moz-selection{background-color:var(--bjt-primary-blue);color:var(--bjt-text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bjt-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--bjt-border-secondary);border-radius:var(--bjt-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--bjt-text-tertiary)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.hover\:translate-y-\[-2px\]:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-300:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.hover\:border-blue-500:hover{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:border-purple-400:hover{--tw-border-opacity: 1;border-color:rgb(192 132 252 / var(--tw-border-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-button-hover:hover{background-color:var(--color-secondary-button-bg-hover)}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:bg-purple-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:from-blue-100:hover{--tw-gradient-from: #dbeafe var(--tw-gradient-from-position);--tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-blue-600:hover{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-indigo-100:hover{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.hover\:to-indigo-700:hover{--tw-gradient-to: #4338ca var(--tw-gradient-to-position)}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-primary-dark:hover{color:var(--color-primary-dark)}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-1:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-primary:focus{--tw-ring-color: var(--color-primary)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-300:disabled{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.peer:checked~.peer-checked\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus~.peer-focus\:ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.peer:focus~.peer-focus\:ring-blue-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}@media (min-width: 640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}@media (min-width: 768px){.md\:mb-0{margin-bottom:0}.md\:mt-0{margin-top:0}.md\:w-1\/3{width:33.333333%}.md\:w-1\/5{width:20%}.md\:w-2\/3{width:66.666667%}.md\:w-3\/5{width:60%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.md\:border-l{border-left-width:1px}.md\:border-t-0{border-top-width:0px}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pl-6{padding-left:1.5rem}.md\:pr-6{padding-right:1.5rem}.md\:pt-0{padding-top:0}.md\:text-left{text-align:left}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:w-1\/2{width:50%}.lg\:w-1\/4{width:25%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}}@media (prefers-color-scheme: dark){.dark\:border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-green-900{--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900{--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.dark\:text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-green-200{--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.dark\:text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.dark\:text-white,.dark\:hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.peer:focus~.dark\:peer-focus\:ring-blue-800{--tw-ring-opacity: 1;--tw-ring-color: rgb(30 64 175 / var(--tw-ring-opacity, 1))}}:root.theme-modern{--primary-color: #0f172a;--primary-light: #1e293b;--primary-dark: #020617;--primary-bg: #f1f5f9;--secondary-color: #0284c7;--secondary-light: #0ea5e9;--secondary-dark: #0369a1;--accent-color: #7e22ce;--accent-light: #a855f7;--accent-dark: #6b21a8;--success-color: #16a34a;--error-color: #dc2626;--warning-color: #ea580c;--info-color: #2563eb;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-color: #ffffff;--bg-card: #ffffff;--bg-elevated: #f9fafb;--bg-inset: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-disabled: #9ca3af;--text-on-primary: #ffffff;--text-on-dark: #f9fafb;--border-color: #e5e7eb;--border-light: #f3f4f6;--border-focus: #2563eb;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .05);--shadow-hover: 0 25px 50px rgba(0, 0, 0, .08);--font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--border-radius-full: 9999px;--header-height: 72px;--navbar-bg: rgba(255, 255, 255, .8);--navbar-blur: 16px;--navbar-shadow: 0 1px 0 rgba(0, 0, 0, .05);--card-hover-transform: translateY(-8px)}.theme-modern h1{color:#fff}.theme-modern [style*="background-color:#0f172a"] h1,.theme-modern [style*="background-color: #0f172a"] h1,.theme-modern [style*="background: #0f172a"] h1,.theme-modern [style*="background-color:rgb(15, 23, 42)"] h1,.theme-modern [style*="background-color: rgb(15, 23, 42)"] h1,.theme-modern [style*="background:rgb(15, 23, 42)"] h1,.theme-modern [style*="background-color:#1e293b"] h1,.theme-modern [style*="background-color: #1e293b"] h1,.theme-modern [style*="background: #1e293b"] h1,.theme-modern [style*="background-color:rgb(30, 41, 59)"] h1,.theme-modern [style*="background-color: rgb(30, 41, 59)"] h1,.theme-modern [style*="background:rgb(30, 41, 59)"] h1{color:#fff!important}.theme-modern .section-header{font-size:2.25rem;font-weight:700;font-family:var(--font-family);color:var(--text-primary);margin-bottom:1.5rem;letter-spacing:-.025em}.theme-modern .btn-primary{background-color:var(--primary-color);color:#fff;font-family:var(--font-family);font-weight:500;font-size:.875rem;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);border:none;box-shadow:var(--shadow-md);transition:all .2s ease}.theme-modern .btn-primary:hover{background-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.theme-modern .btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.theme-modern .card{border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.theme-modern .card:hover{transform:var(--card-hover-transform);box-shadow:var(--shadow-xl);border-color:var(--gray-200)}.theme-modern .product-link{color:var(--secondary-color);font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;position:relative;padding:.5rem 1rem;border-radius:var(--border-radius-md);background-color:#0ea5e90d;margin-top:1rem}.theme-modern .product-link:hover{color:var(--secondary-dark);background-color:#0ea5e91a}.theme-modern .product-link:hover svg{transform:translate(3px)}.theme-modern .product-link svg{transition:transform .2s ease}.theme-modern input,.theme-modern select,.theme-modern textarea{border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:.75rem 1rem;font-family:var(--font-family);font-size:.875rem;transition:all .2s ease;background-color:var(--bg-inset)}.theme-modern input:focus,.theme-modern select:focus,.theme-modern textarea:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #0284c726;outline:none}.theme-modern .progress-bar{height:8px;background-color:var(--gray-200);border-radius:var(--border-radius-full);overflow:hidden}.theme-modern .progress-bar-fill{height:100%;background-color:var(--secondary-color);border-radius:var(--border-radius-full);transition:width .3s ease}.theme-modern .tag{display:inline-flex;align-items:center;padding:.25rem .75rem;background-color:var(--primary-bg);color:var(--primary-color);border-radius:var(--border-radius-md);font-size:.75rem;font-weight:500;letter-spacing:.025em}.theme-modern table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1rem}.theme-modern table th{text-align:left;padding:.75rem 1rem;font-weight:500;color:var(--text-secondary);background-color:var(--bg-elevated);border-bottom:1px solid var(--border-color);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.theme-modern table td{padding:1rem;border-bottom:1px solid var(--border-light)}.theme-modern table tr:last-child td{border-bottom:none}.theme-modern table th:first-child{border-top-left-radius:var(--border-radius-md)}.theme-modern table th:last-child{border-top-right-radius:var(--border-radius-md)}:root.theme-simple{--primary-color: #34d399;--primary-light: #6ee7b7;--primary-dark: #10b981;--primary-bg: #ecfdf5;--secondary-color: #38bdf8;--secondary-light: #7dd3fc;--secondary-dark: #0ea5e9;--accent-color: #a78bfa;--accent-light: #c4b5fd;--accent-dark: #8b5cf6;--success-color: #22c55e;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-color: #ffffff;--bg-card: #ffffff;--bg-elevated: #f9fafb;--bg-inset: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-disabled: #9ca3af;--text-on-primary: #ffffff;--text-on-dark: #f9fafb;--border-color: #e5e7eb;--border-light: #f3f4f6;--border-focus: #10b981;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .05);--shadow-hover: 0 25px 50px rgba(0, 0, 0, .08);--font-family: "Inter", "Open Sans", system-ui, -apple-system, sans-serif;--font-family-sans: "Inter", "Open Sans", system-ui, -apple-system, sans-serif;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--header-height: 70px;--navbar-bg: #ffffff;--navbar-shadow: 0 1px 2px rgba(0, 0, 0, .05);--card-hover-transform: translateY(-3px)}.theme-simple .section-header{font-family:var(--font-family);font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem;position:relative;line-height:1.3}.theme-simple .btn-primary{background-color:var(--primary-color);color:#fff;font-family:var(--font-family-sans);font-weight:500;font-size:.875rem;padding:.625rem 1.5rem;border-radius:var(--border-radius-md);border:none;box-shadow:var(--shadow-sm);transition:all .2s ease}.theme-simple .btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-simple .btn-primary:active{transform:translateY(0)}.theme-simple .card{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:all .25s ease;overflow:hidden;padding:1.25rem}.theme-simple .card:hover{transform:var(--card-hover-transform);box-shadow:var(--shadow-md);border-color:var(--primary-light)}.theme-simple .product-link{font-family:var(--font-family-sans);color:var(--primary-color);font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;margin-top:.75rem}.theme-simple .product-link:hover{color:var(--primary-dark)}.theme-simple .product-link:hover svg{transform:translate(3px)}.theme-simple .product-link svg{transition:transform .2s ease}.theme-simple input,.theme-simple select,.theme-simple textarea{font-family:var(--font-family-sans);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:.75rem 1rem;font-size:.875rem;transition:all .2s ease;background-color:var(--bg-color);color:var(--text-primary)}.theme-simple input:focus,.theme-simple select:focus,.theme-simple textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #10b9811a;outline:none}.theme-simple .tag{display:inline-flex;align-items:center;padding:.25rem .75rem;background-color:var(--bg-inset);color:var(--text-secondary);border-radius:var(--border-radius-full);font-family:var(--font-family-sans);font-size:.75rem;font-weight:500}.theme-simple .tag-primary{background-color:var(--primary-bg);color:var(--primary-dark)}.theme-simple .price{font-family:var(--font-family-sans);font-size:1.125rem;font-weight:600;color:var(--text-primary);display:block;margin:.5rem 0}.theme-simple .price-original{font-family:var(--font-family-sans);font-size:.875rem;color:var(--text-tertiary);text-decoration:line-through;margin-left:.5rem}.theme-simple table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1.5rem;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--border-light)}.theme-simple table th{text-align:left;padding:.875rem 1.25rem;font-weight:600;color:var(--text-primary);background-color:var(--bg-elevated);border-bottom:1px solid var(--border-light);font-family:var(--font-family-sans);font-size:.875rem}.theme-simple table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-light);font-family:var(--font-family-sans)}.theme-simple table tr:last-child td{border-bottom:none}.theme-simple .status-indicator{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500}.theme-simple .status-indicator:before{content:"";display:block;width:.5rem;height:.5rem;border-radius:50%;background-color:currentColor}.theme-simple .status-available{color:var(--success-color)}.theme-simple .status-low{color:var(--warning-color)}.theme-simple .status-unavailable{color:var(--error-color)}.theme-simple .notification{padding:1rem;border-radius:var(--border-radius-md);margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem}.theme-simple .notification-info{background-color:#eff6ff;color:#1e40af;border-left:3px solid #3b82f6}.theme-simple .notification-success{background-color:#ecfdf5;color:#065f46;border-left:3px solid #10b981}.theme-simple .notification-warning{background-color:#fffbeb;color:#92400e;border-left:3px solid #f59e0b}.theme-simple .notification-error{background-color:#fef2f2;color:#991b1b;border-left:3px solid #ef4444}:root.theme-vibrant{--primary-color: #7c3aed;--primary-light: #a78bfa;--primary-dark: #5b21b6;--primary-bg: #f5f3ff;--secondary-color: #06b6d4;--secondary-light: #67e8f9;--secondary-dark: #0891b2;--accent-color: #ec4899;--accent-light: #f9a8d4;--accent-dark: #be185d;--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #3b82f6;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--bg-color: #fafafa;--bg-card: #ffffff;--bg-elevated: #ffffff;--bg-inset: #f4f4f5;--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #71717a;--text-disabled: #a1a1aa;--text-on-primary: #ffffff;--text-on-dark: #ffffff;--border-color: #e4e4e7;--border-light: #f4f4f5;--border-focus: var(--primary-color);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-hover: 0 10px 20px rgba(124, 58, 237, .15), 0 3px 6px rgba(124, 58, 237, .1);--font-family: "Montserrat", "Roboto", sans-serif;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-full: 9999px;--header-height: 70px;--navbar-bg: #ffffff;--navbar-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--section-header-style: normal;--card-hover-transform: scale(1.03)}.theme-vibrant .section-header{font-size:2.5rem;font-weight:900;color:#18181b;padding-bottom:.5rem;margin-bottom:1.5rem;border-bottom:none;position:relative;display:inline-block;width:100%;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(124,58,237,.2)}.theme-vibrant .section-header:before{content:"";position:absolute;top:.25em;left:-.5em;width:.25em;height:.8em;background-color:#ec4899;border-radius:4px;z-index:-1}.theme-vibrant .section-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,#7c3aed,#06b6d4,#ec4899);border-radius:4px;box-shadow:0 2px 8px #7c3aed66}.theme-vibrant .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:var(--border-radius-full);box-shadow:0 4px 12px #7c3aed33;transition:all .3s ease;border:none;position:relative;z-index:1;overflow:hidden}.theme-vibrant .btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));z-index:-1;opacity:0;transition:opacity .3s ease}.theme-vibrant .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed40}.theme-vibrant .btn-primary:hover:before{opacity:1}.theme-vibrant .card{border-radius:var(--border-radius-lg);border:none;box-shadow:0 10px 25px -5px #0000001a;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.theme-vibrant .card:hover{transform:var(--card-hover-transform);box-shadow:0 20px 30px -10px #7c3aed33}.theme-vibrant .product-link{color:var(--primary-color);font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;padding:.5rem 1rem;background-color:var(--primary-bg);border-radius:var(--border-radius-full);margin-bottom:.5rem}.theme-vibrant .product-link:before{content:"→";margin-right:.5rem;transition:transform .3s ease}.theme-vibrant .product-link:hover{color:var(--primary-dark);background-color:var(--primary-light);color:var(--text-on-primary);transform:translate(5px)}.theme-vibrant .product-link:hover:before{transform:translate(3px)}.theme-vibrant .divider{height:6px;width:60px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:3px;margin-bottom:1.5rem}:root.theme-classic{--primary-color: #1e40af;--primary-light: #3b82f6;--primary-dark: #1e3a8a;--primary-bg: #f0f5ff;--secondary-color: #92400e;--secondary-light: #b45309;--secondary-dark: #78350f;--accent-color: #991b1b;--accent-light: #dc2626;--accent-dark: #7f1d1d;--success-color: #166534;--error-color: #b91c1c;--warning-color: #92400e;--info-color: #0369a1;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--bg-color: #fcfcfc;--bg-card: #ffffff;--bg-elevated: #f8f8f8;--bg-inset: #f5f5f5;--text-primary: #171717;--text-secondary: #525252;--text-tertiary: #737373;--text-disabled: #a3a3a3;--text-on-primary: #ffffff;--text-on-dark: #f5f5f5;--border-color: #e5e5e5;--border-light: #f5f5f5;--border-focus: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .12);--shadow-hover: 0 15px 30px rgba(0, 0, 0, .15);--font-family: "Libre Baskerville", "EB Garamond", "Times New Roman", serif;--font-family-sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;--border-radius-sm: 2px;--border-radius-md: 4px;--border-radius-lg: 6px;--border-radius-xl: 8px;--border-radius-full: 9999px;--header-height: 80px;--navbar-bg: rgba(255, 255, 255, .97);--navbar-shadow: 0 2px 4px rgba(0, 0, 0, .05);--card-hover-transform: translateY(-4px)}.theme-classic h1{color:#fff}.theme-classic [style*="background-color:#1e40af"] h1,.theme-classic [style*="background-color: #1e40af"] h1,.theme-classic [style*="background: #1e40af"] h1,.theme-classic [style*="background-color:rgb(30, 64, 175)"] h1,.theme-classic [style*="background-color: rgb(30, 64, 175)"] h1,.theme-classic [style*="background:rgb(30, 64, 175)"] h1{color:#fff!important}.theme-classic .section-header{font-size:2.5rem;font-weight:700;font-family:var(--font-family);color:var(--text-primary);margin-bottom:2rem;position:relative;padding-bottom:.75rem;letter-spacing:-.01em}.theme-classic .section-header:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:3px;background-color:var(--primary-color)}.theme-classic .btn-primary{background-color:var(--primary-color);color:#fff;font-family:var(--font-family-sans);font-weight:600;font-size:.875rem;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);border:none;box-shadow:var(--shadow-md);letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.theme-classic .btn-primary:hover{background-color:var(--primary-dark);box-shadow:var(--shadow-lg)}.theme-classic .btn-primary:active{transform:translateY(1px);box-shadow:var(--shadow-sm)}.theme-classic .card{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.theme-classic .card:hover{transform:var(--card-hover-transform);box-shadow:var(--shadow-lg);border-color:var(--gray-300)}.theme-classic .product-link{color:var(--primary-color);font-weight:600;font-family:var(--font-family-sans);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;transition:all .3s ease;position:relative;margin-top:1rem}.theme-classic .product-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--primary-color);transform:scaleX(.3);transform-origin:left;transition:transform .3s ease}.theme-classic .product-link:hover{color:var(--primary-dark)}.theme-classic .product-link:hover:after{transform:scaleX(1);background-color:var(--primary-dark)}.theme-classic input,.theme-classic select,.theme-classic textarea{border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:.75rem 1rem;font-family:var(--font-family-sans);font-size:.875rem;transition:all .2s ease;background-color:var(--bg-inset)}.theme-classic input:focus,.theme-classic select:focus,.theme-classic textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 2px #3b82f633;outline:none}.theme-classic .btn-outline{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);font-family:var(--font-family-sans);font-weight:600;font-size:.875rem;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.theme-classic .btn-outline:hover{background-color:var(--primary-color);color:#fff}:root.theme-tech{--primary-color: #0ea5e9;--primary-light: #38bdf8;--primary-dark: #0284c7;--primary-bg: #e0f2fe;--secondary-color: #10b981;--secondary-light: #34d399;--secondary-dark: #059669;--accent-color: #8b5cf6;--accent-light: #a78bfa;--accent-dark: #7c3aed;--success-color: #22c55e;--error-color: #f43f5e;--warning-color: #eab308;--info-color: #0ea5e9;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-color: #0f172a;--bg-card: #1e293b;--bg-elevated: #334155;--bg-inset: #0f172a;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-disabled: #64748b;--text-on-primary: #ffffff;--text-on-dark: #f8fafc;--border-color: #1e293b;--border-light: #334155;--border-focus: #0ea5e9;--shadow-sm: 0 1px 3px rgba(14, 165, 233, .15);--shadow-md: 0 4px 6px rgba(14, 165, 233, .15);--shadow-lg: 0 10px 15px rgba(14, 165, 233, .15);--shadow-xl: 0 20px 25px rgba(14, 165, 233, .15);--shadow-hover: 0 0 15px rgba(14, 165, 233, .25);--font-family: "Chakra Petch", "Space Grotesk", system-ui, sans-serif;--font-family-sans: "Space Grotesk", system-ui, sans-serif;--border-radius-sm: 3px;--border-radius-md: 4px;--border-radius-lg: 6px;--border-radius-xl: 8px;--border-radius-full: 9999px;--header-height: 70px;--navbar-bg: linear-gradient(180deg, #0f172a, #1e293b);--navbar-shadow: 0 1px 3px rgba(14, 165, 233, .25);--card-hover-transform: translateY(-5px)}.theme-tech .section-header{font-family:var(--font-family);font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:1.75rem;position:relative;line-height:1.1;letter-spacing:-.02em}.theme-tech .section-header:after{content:"";position:absolute;bottom:-.75rem;left:0;width:3rem;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:var(--border-radius-full)}.theme-tech .btn-primary{background-color:var(--primary-color);color:#fff;font-family:var(--font-family);font-weight:600;font-size:.875rem;padding:.625rem 1.5rem;border-radius:var(--border-radius-md);border:none;box-shadow:0 0 10px #0ea5e940;transition:all .2s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;z-index:1}.theme-tech .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a,#fff0);transition:all .3s ease;z-index:-1}.theme-tech .btn-primary:hover{background-color:var(--primary-dark);box-shadow:0 0 15px #0ea5e980;transform:translateY(-2px)}.theme-tech .btn-primary:hover:before{left:100%}.theme-tech .btn-primary:active{transform:translateY(0)}.theme-tech .card{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.25,.46,.45,.94);overflow:hidden;padding:1.5rem;position:relative}.theme-tech .card:before{content:"";position:absolute;top:0;left:0;width:3px;height:0;background:linear-gradient(180deg,var(--primary-color),var(--accent-color));transition:height .3s ease}.theme-tech .card:hover{transform:var(--card-hover-transform);box-shadow:var(--shadow-hover);border-color:var(--border-light)}.theme-tech .card:hover:before{height:100%}.theme-tech .product-link{font-family:var(--font-family);color:var(--primary-color);font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s ease;margin-top:.75rem;position:relative}.theme-tech .product-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .2s ease}.theme-tech .product-link:hover{color:var(--primary-light)}.theme-tech .product-link:hover:after{width:100%}.theme-tech .product-link:hover svg{transform:translate(5px)}.theme-tech .product-link svg{transition:transform .2s ease}.theme-tech input,.theme-tech select,.theme-tech textarea{font-family:var(--font-family-sans);border:1px solid var(--border-light);border-radius:var(--border-radius-md);padding:.75rem 1rem;font-size:.875rem;transition:all .2s ease;background-color:#0f172ab3;color:var(--text-primary)}.theme-tech input:focus,.theme-tech select:focus,.theme-tech textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0ea5e933;outline:none}.theme-tech .tag{display:inline-flex;align-items:center;padding:.25rem .75rem;background-color:#0ea5e91a;color:var(--primary-light);border-radius:var(--border-radius-sm);font-family:var(--font-family-sans);font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.theme-tech .tag-primary{background-color:#0ea5e926;color:var(--primary-light);border:1px solid rgba(14,165,233,.3)}.theme-tech .price{font-family:var(--font-family);font-size:1.25rem;font-weight:700;color:var(--text-primary);display:block;margin:.5rem 0;background:linear-gradient(90deg,var(--primary-light),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-tech .price-original{font-family:var(--font-family-sans);font-size:.875rem;color:var(--text-tertiary);text-decoration:line-through;margin-left:.5rem}.theme-tech table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1.5rem;border-radius:var(--border-radius-md);overflow:hidden;border:1px solid var(--border-color)}.theme-tech table th{text-align:left;padding:1rem 1.25rem;font-weight:600;color:var(--text-primary);background-color:var(--bg-elevated);border-bottom:1px solid var(--border-light);font-family:var(--font-family);font-size:.875rem;letter-spacing:.025em;text-transform:uppercase}.theme-tech table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);font-family:var(--font-family-sans);color:var(--text-secondary)}.theme-tech table tr:hover td{background-color:#0ea5e90d}.theme-tech table tr:last-child td{border-bottom:none}.theme-tech .status-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase;padding:.25rem .75rem;border-radius:var(--border-radius-sm)}.theme-tech .status-available{background-color:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.theme-tech .status-low{background-color:#eab3081a;color:#eab308;border:1px solid rgba(234,179,8,.3)}.theme-tech .status-unavailable{background-color:#f43f5e1a;color:#f43f5e;border:1px solid rgba(244,63,94,.3)}.theme-tech .notification{padding:1rem;border-radius:var(--border-radius-md);margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;position:relative;overflow:hidden}.theme-tech .notification:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:currentColor}.theme-tech .notification-info{background-color:#0ea5e91a;color:#0ea5e9}.theme-tech .notification-success{background-color:#22c55e1a;color:#22c55e}.theme-tech .notification-warning{background-color:#eab3081a;color:#eab308}.theme-tech .notification-error{background-color:#f43f5e1a;color:#f43f5e}:root.theme-elegant{--primary-color: #44403c;--primary-light: #57534e;--primary-dark: #292524;--primary-bg: #fafaf9;--secondary-color: #a16207;--secondary-light: #ca8a04;--secondary-dark: #854d0e;--accent-color: #9f1239;--accent-light: #be123c;--accent-dark: #881337;--success-color: #166534;--error-color: #b91c1c;--warning-color: #b45309;--info-color: #1e40af;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--bg-color: #fffbf0;--bg-card: #ffffff;--bg-elevated: #fafaf9;--bg-inset: #f5f5f4;--text-primary: #292524;--text-secondary: #44403c;--text-tertiary: #78716c;--text-disabled: #a8a29e;--text-on-primary: #fafaf9;--text-on-dark: #f5f5f4;--border-color: #e7e5e4;--border-light: #f5f5f4;--border-focus: #a16207;--shadow-sm: 0 1px 3px rgba(41, 37, 36, .05);--shadow-md: 0 4px 8px rgba(41, 37, 36, .08);--shadow-lg: 0 8px 16px rgba(41, 37, 36, .1);--shadow-xl: 0 16px 24px rgba(41, 37, 36, .12);--shadow-hover: 0 24px 32px rgba(41, 37, 36, .15);--font-family: "Playfair Display", "Cormorant Garamond", Georgia, serif;--font-family-sans: "Montserrat", "Libre Franklin", "SF Pro Text", system-ui, sans-serif;--border-radius-sm: 3px;--border-radius-md: 5px;--border-radius-lg: 8px;--border-radius-xl: 12px;--border-radius-full: 9999px;--header-height: 80px;--navbar-bg: #ffffff;--navbar-shadow: 0 1px 10px rgba(41, 37, 36, .08);--card-hover-transform: translateY(-5px)}.theme-elegant .section-header{font-family:var(--font-family);font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem;position:relative;padding-bottom:1rem;letter-spacing:-.01em;line-height:1.2}.theme-elegant .section-header:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:2px;background-color:var(--secondary-color)}.theme-elegant .btn-primary{background-color:var(--primary-color);color:#fff;font-family:var(--font-family-sans);font-weight:500;font-size:.875rem;letter-spacing:.025em;padding:.75rem 1.75rem;border-radius:var(--border-radius-md);border:none;box-shadow:var(--shadow-sm);transition:all .25s ease}.theme-elegant .btn-primary:hover{background-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-elegant .btn-primary:active{transform:translateY(0)}.theme-elegant .card{border-radius:var(--border-radius-md);border:1px solid var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-sm);transition:all .3s ease;overflow:hidden}.theme-elegant .card:hover{transform:var(--card-hover-transform);box-shadow:var(--shadow-lg);border-color:var(--border-light)}.theme-elegant .product-link{font-family:var(--font-family-sans);color:var(--secondary-color);font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem;transition:all .25s ease;position:relative;padding-bottom:.25rem;border-bottom:1px solid transparent;margin-top:1rem}.theme-elegant .product-link:hover{color:var(--secondary-dark);border-color:var(--secondary-light)}.theme-elegant .product-link:hover svg{transform:translate(3px)}.theme-elegant .product-link svg{transition:transform .2s ease}.theme-elegant input,.theme-elegant select,.theme-elegant textarea{font-family:var(--font-family-sans);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:.875rem 1rem;font-size:.875rem;transition:all .25s ease;background-color:var(--bg-inset);color:var(--text-primary)}.theme-elegant input:focus,.theme-elegant select:focus,.theme-elegant textarea:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #a162071a;outline:none}.theme-elegant .quality-tag{display:inline-flex;align-items:center;padding:.25rem .75rem;background-color:var(--primary-bg);color:var(--primary-color);border-radius:var(--border-radius-sm);font-family:var(--font-family-sans);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border-color)}.theme-elegant .price{font-family:var(--font-family-sans);font-size:1.25rem;font-weight:600;color:var(--text-primary);display:block;margin:.5rem 0}.theme-elegant .price-original{font-family:var(--font-family-sans);font-size:.875rem;color:var(--text-tertiary);text-decoration:line-through;margin-left:.5rem}.theme-elegant table{width:100%;border-collapse:separate;border-spacing:0;margin-top:1.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden}.theme-elegant table th{text-align:left;padding:1rem 1.5rem;font-weight:600;color:var(--primary-color);background-color:var(--bg-elevated);border-bottom:1px solid var(--border-color);font-family:var(--font-family-sans);font-size:.875rem}.theme-elegant table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);font-family:var(--font-family-sans)}.theme-elegant table tr:last-child td{border-bottom:none}.theme-elegant .btn-outline{background-color:transparent;color:var(--primary-color);font-family:var(--font-family-sans);font-weight:500;font-size:.875rem;letter-spacing:.025em;padding:.75rem 1.75rem;border-radius:var(--border-radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all .25s ease}.theme-elegant .btn-outline:hover{border-color:var(--primary-color);background-color:#44403c0d;box-shadow:var(--shadow-md)}:root.theme-playful{--primary-color: #6d28d9;--primary-light: #8b5cf6;--primary-dark: #5b21b6;--primary-bg: #f5f3ff;--secondary-color: #f97316;--secondary-light: #fb923c;--secondary-dark: #ea580c;--accent-color: #ec4899;--accent-light: #f472b6;--accent-dark: #db2777;--success-color: #10b981;--error-color: #ef4444;--warning-color: #fbbf24;--info-color: #38bdf8;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d4d4d8;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-600: #52525b;--gray-700: #3f3f46;--gray-800: #27272a;--gray-900: #18181b;--bg-color: #ffffff;--bg-card: #ffffff;--bg-elevated: #fafafa;--bg-inset: #f4f4f5;--text-primary: #18181b;--text-secondary: #52525b;--text-tertiary: #71717a;--text-disabled: #a1a1aa;--text-on-primary: #ffffff;--text-on-dark: #fafafa;--border-color: #e4e4e7;--border-light: #f4f4f5;--border-focus: #8b5cf6;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 10px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 20px rgba(0, 0, 0, .09);--shadow-xl: 0 15px 30px rgba(0, 0, 0, .12);--shadow-hover: 0 20px 40px rgba(0, 0, 0, .15);--font-family: "Quicksand", "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-sans: "Quicksand", "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-full: 9999px;--header-height: 70px;--navbar-bg: rgba(255, 255, 255, .95);--navbar-shadow: 0 4px 10px rgba(0, 0, 0, .06);--card-hover-transform: translateY(-8px) scale(1.02)}.theme-playful .section-header{font-size:2.75rem;font-weight:800;color:var(--primary-color);margin-bottom:2.5rem;position:relative;letter-spacing:-.02em;text-align:center;line-height:1.1;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-playful .section-header:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:100px;height:6px;border-radius:var(--border-radius-full);background:linear-gradient(90deg,var(--primary-light),var(--accent-light))}.theme-playful .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;font-weight:700;padding:.875rem 1.75rem;border-radius:var(--border-radius-full);border:none;box-shadow:0 4px 10px #6d28d94d;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;z-index:1}.theme-playful .btn-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-dark),var(--accent-dark));opacity:0;z-index:-1;transition:opacity .3s ease}.theme-playful .btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 15px #6d28d966}.theme-playful .btn-primary:hover:before{opacity:1}.theme-playful .btn-primary:active{transform:translateY(0);box-shadow:0 2px 5px #6d28d94d}.theme-playful .card{border-radius:var(--border-radius-lg);border:none;background:#fff;box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative}.theme-playful .card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.theme-playful .card:hover{transform:var(--card-hover-transform);box-shadow:var(--shadow-xl)}.theme-playful .card:hover:before{transform:scaleX(1)}.theme-playful .product-link{color:var(--primary-color);font-weight:700;display:inline-flex;align-items:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;padding:.75rem 1.5rem;border-radius:var(--border-radius-full);background-color:var(--primary-bg);margin-top:1rem;overflow:hidden;z-index:1}.theme-playful .product-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--primary-light);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:-1}.theme-playful .product-link:hover{color:#fff;transform:translate(5px)}.theme-playful .product-link:hover:before{transform:scaleX(1)}.theme-playful .product-link:after{content:"→";margin-left:.5rem;transition:transform .3s ease}.theme-playful .product-link:hover:after{transform:translate(5px)}:root.theme-auto{color-scheme:light dark}@media (prefers-color-scheme: light){:root.theme-auto{--primary-color: #0f172a;--primary-light: #1e293b;--primary-dark: #020617;--primary-bg: #f1f5f9;--secondary-color: #0284c7;--secondary-light: #0ea5e9;--secondary-dark: #0369a1;--accent-color: #7e22ce;--accent-light: #a855f7;--accent-dark: #6b21a8;--bg-color: #ffffff;--bg-card: #ffffff;--bg-elevated: #f9fafb;--bg-inset: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280}}@media (prefers-color-scheme: dark){:root.theme-auto{--primary-color: #3b82f6;--primary-light: #60a5fa;--primary-dark: #2563eb;--primary-bg: #1e1e1e;--secondary-color: #10b981;--secondary-light: #34d399;--secondary-dark: #059669;--accent-color: #ec4899;--accent-light: #f472b6;--accent-dark: #db2777;--bg-color: #121212;--bg-card: #1e1e1e;--bg-elevated: #2d2d2d;--bg-inset: #252525;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--text-tertiary: #9ca3af}}[style*="background-color:#0f172a"] h1,[style*="background-color: #0f172a"] h1,[style*="background: #0f172a"] h1,[style*="background-color:rgb(15, 23, 42)"] h1,[style*="background-color: rgb(15, 23, 42)"] h1,[style*="background:rgb(15, 23, 42)"] h1,[style*="background-color:#1e40af"] h1,[style*="background-color: #1e40af"] h1,[style*="background: #1e40af"] h1,[style*="background-color:rgb(30, 64, 175)"] h1,[style*="background-color: rgb(30, 64, 175)"] h1,[style*="background:rgb(30, 64, 175)"] h1,[style*="background-color:#1e293b"] h1,[style*="background-color: #1e293b"] h1,[style*="background: #1e293b"] h1{color:#fff!important}:root{--primary-color: #1E88E5;--primary-light: #64B5F6;--primary-dark: #0D47A1;--primary-bg: #F5F9FF;--secondary-color: #455A64;--secondary-light: #78909C;--secondary-dark: #263238;--accent-color: #FF9800;--accent-light: #FFB74D;--accent-dark: #F57C00;--success-color: #4CAF50;--error-color: #F44336;--warning-color: #FFCA28;--info-color: #29B6F6;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--gray-300: #E0E0E0;--gray-400: #BDBDBD;--gray-500: #9E9E9E;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--bg-color: #FAFAFA;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-inset: #F5F5F5;--background-secondary: #F0F0F0;--background-hover: #E8E8E8;--background-active: #E0E0E0;--text-primary: #212121;--text-secondary: #757575;--text-tertiary: #9E9E9E;--text-disabled: #BDBDBD;--text-on-primary: #FFFFFF;--text-on-dark: #FFFFFF;--border-color: #E0E0E0;--border-light: #EEEEEE;--border-focus: var(--primary-color);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-hover: 0 10px 20px rgba(0, 0, 0, .1), 0 3px 6px rgba(0, 0, 0, .05);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-family: "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--line-height-none: 1;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-index-dropdown: 100;--z-index-sticky: 200;--z-index-fixed: 300;--z-index-modal-backdrop: 400;--z-index-modal: 500;--z-index-popover: 600;--z-index-tooltip: 700;--brand-primary: #1a57a5;--brand-secondary: #4386d4;--brand-accent: #2c6cbc;--brand-light: #eef4ff;--neutral-50: #f9fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--background-card: var(--neutral-50);--background-primary: #ffffff;--background-secondary: var(--neutral-100);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-onPrimary: #ffffff;--border-light: var(--neutral-200);--border-medium: var(--neutral-300);--color-primary: var(--brand-primary);--color-primary-light: var(--brand-secondary);--color-primary-bg: var(--brand-light);--filter-bg: var(--background-card);--shape-border-radius: 8px;--shape-active-border: 2px;--product-card-hover-transition: all .3s ease;--tw-text-opacity: 1;--tw-bg-opacity: 1;--tw-border-opacity: 1}:root{--primary-color-rgb: 30, 136, 229;--secondary-color-rgb: 69, 90, 100;--accent-color-rgb: 255, 152, 0;--error-color-rgb: 244, 67, 54;--success-color-rgb: 76, 175, 80;--warning-color-rgb: 255, 202, 40;--info-color-rgb: 41, 182, 246}@media (prefers-color-scheme: dark){:root .dark-mode{--primary-color: #64B5F6;--primary-light: #90CAF9;--primary-dark: #1976D2;--primary-bg: #0D1B2A;--bg-color: #121212;--bg-card: #1E1E1E;--bg-elevated: #2D2D2D;--bg-inset: #252525;--background-secondary: #2A2A2A;--background-hover: #333333;--background-active: #3A3A3A;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--text-tertiary: #808080;--text-disabled: #606060;--border-color: #333333;--border-light: #404040}}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);line-height:var(--line-height-normal)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--border-radius-md);transition:all var(--transition-fast);cursor:pointer}.btn-primary{background-color:var(--primary-color);color:var(--text-on-primary);border:none}.btn-primary:hover{background-color:var(--primary-dark)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-on-primary);border:none}.btn-secondary:hover{background-color:var(--secondary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-accent{background-color:var(--accent-color);color:var(--text-on-dark);border:none}.btn-accent:hover{background-color:var(--accent-dark)}.card{background-color:var(--bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-elevated);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}:root{--primary-color: #263238;--secondary-color: #455A64;--accent-color: #00BCD4;--bg-color: #FAFAFA;--bg-card: #FFFFFF;--bg-highlight: #ECEFF1;--text-primary: #212121;--text-secondary: #607D8B;--text-light: #FFFFFF;--border-color: #ECEFF1;--border-focus: #00BCD4;--success-color: #4CAF50;--error-color: #F44336;--warning-color: #FFC107;--info-color: #2196F3}:root{--primary-color-rgb: 38, 50, 56;--secondary-color-rgb: 69, 90, 100;--accent-color-rgb: 0, 188, 212}body{background-color:var(--bg-color);color:var(--text-primary)}header{background-color:var(--bg-card);box-shadow:0 1px 3px #00000014}.header .logo img{height:40px;transition:transform .2s ease}.header .logo a:hover img{transform:scale(1.05)}.nav-link{color:var(--text-secondary)}.nav-link:hover{color:var(--primary-color)}.nav-link:after{background-color:var(--primary-color)}.language-select{border:1px solid var(--border-color);color:var(--text-secondary)}.language-select:focus{outline:none;border-color:var(--primary-color)}.login-btn{background-color:var(--primary-color);color:var(--text-light)}.login-btn:hover{background-color:var(--secondary-color)}.user-info{background-color:var(--bg-highlight);border:1px solid var(--border-color);border-radius:.375rem;overflow:hidden;transition:all .2s ease}.user-info:hover{background-color:rgba(var(--primary-color-rgb),.1);border-color:var(--primary-color)}.user-avatar{background-color:var(--primary-color);color:var(--text-light)}.user-name{color:var(--text-primary)}.user-dropdown .dropdown-menu{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 6px #0000001a}.product-section{background-color:var(--bg-card);box-shadow:0 2px 10px #0000000d}.section-header{background-color:var(--primary-color);color:var(--text-light)}.section-text{color:var(--text-secondary)}.product-link{color:var(--secondary-color)}.product-link:hover{color:var(--accent-color)}.divider{background-color:var(--border-color)}.tab{background-color:var(--bg-highlight);border:1px solid var(--border-color);color:var(--text-secondary)}.tab.active{background-color:var(--primary-color);color:var(--text-light);border-color:var(--primary-color)}.product-item{background-color:var(--bg-card);border:1px solid var(--border-color)}.product-detail-item{background-color:var(--bg-highlight);border:1px solid var(--border-color);color:var(--text-secondary)}.product-detail-item strong{color:var(--primary-color)}.btn-add{background-color:var(--primary-color);color:var(--text-light)}.btn-add:hover{background-color:var(--secondary-color)}.frequency-spec{background-color:var(--bg-highlight);border:2px solid var(--primary-color);color:var(--primary-color)}.frequency-spec strong{color:var(--primary-color)}.accessory-spec-item{background-color:var(--bg-highlight);border:1px solid var(--border-color);color:var(--text-secondary)}.accessory-spec-item strong{color:var(--primary-color)}.accessory-name{color:var(--text-primary)}.specification-link,.more-info-link{background-color:var(--bg-highlight);color:var(--primary-color);border:1px solid var(--border-color)}.specification-link:hover,.more-info-link:hover{background-color:rgba(var(--primary-color-rgb),.1);transform:translateY(-2px);box-shadow:0 2px 5px rgba(var(--primary-color-rgb),.15)}.cart-floating{background-color:var(--primary-color);color:var(--text-light);box-shadow:0 3px 6px #0003}.cart-count{background-color:var(--error-color);color:var(--text-light)}.modal-content{background-color:var(--bg-card);box-shadow:0 5px 25px #0003}.modal-close{background-color:var(--bg-highlight)}.modal-close:hover{background-color:rgba(var(--primary-color-rgb),.1)}.modal h3{color:var(--primary-color);border-bottom:1px solid var(--border-color)}.dynamic-note{color:var(--error-color)}.level-indicator{background-color:var(--primary-color);color:var(--text-light)}.cart-notification{background-color:var(--primary-color);color:var(--text-light);box-shadow:0 4px 12px #00000026}.login-page{background-color:var(--bg-color)}.login-container{background-color:var(--bg-card);border-radius:8px;box-shadow:0 4px 16px #0000001a}.login-header h1{color:var(--primary-color)}.login-header p{color:var(--text-secondary)}.login-button{background-color:var(--primary-color);color:var(--text-light)}.login-button:hover{background-color:var(--secondary-color)}.login-button:disabled{background-color:var(--text-secondary);opacity:.7}.loading-container{color:var(--text-secondary)}.loading-spinner{border:4px solid rgba(var(--primary-color-rgb),.1);border-top:4px solid var(--primary-color)}footer{background-color:var(--bg-card);border-top:1px solid var(--border-color)}footer h3{color:var(--primary-color)}footer p{color:var(--text-secondary)}footer a{color:var(--text-secondary)}footer a:hover{color:var(--primary-color)}footer .border-t{border-color:var(--border-color)}footer .text-gray-500{color:var(--text-secondary)}body.theme-default{--primary-color: #1A365D;--primary-light: #274785;--primary-dark: #142a4c;--primary-bg: #f7f9fb;--secondary-color: #0066cc;--secondary-light: #0077e6;--secondary-dark: #0055a8;--accent-color: #0066cc;--accent-light: #0077e6;--accent-dark: #0055a8;--bg-color: #f7f9fb;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-inset: #F5F5F5;--background-secondary: #F0F0F0;--background-hover: #E8E8E8;--background-active: #E0E0E0;--text-primary: #333333;--text-secondary: #555555;--text-tertiary: #777777;--text-disabled: #999999;--text-on-primary: #FFFFFF;--text-on-dark: #FFFFFF;--border-color: #eaeaea;--border-light: #eeeeee}body.theme-simple{--primary-color: #607D8B;--primary-light: #90A4AE;--primary-dark: #455A64;--primary-bg: #ECEFF1;--secondary-color: #78909C;--secondary-light: #B0BEC5;--secondary-dark: #546E7A;--accent-color: #26A69A;--accent-light: #4DB6AC;--accent-dark: #00897B;--bg-color: #FFFFFF;--bg-card: #FFFFFF;--bg-elevated: #FFFFFF;--bg-inset: #F5F5F5;--background-secondary: #F5F5F5;--background-hover: #EEEEEE;--background-active: #E0E0E0;--text-primary: #37474F;--text-secondary: #607D8B;--text-tertiary: #90A4AE;--text-disabled: #B0BEC5;--text-on-primary: #FFFFFF;--text-on-dark: #FFFFFF;--border-color: #CFD8DC;--border-light: #ECEFF1}body.theme-dark{--primary-color: #64B5F6;--primary-light: #90CAF9;--primary-dark: #1976D2;--primary-bg: #0D1B2A;--secondary-color: #78909C;--secondary-light: #90A4AE;--secondary-dark: #546E7A;--accent-color: #FF9800;--accent-light: #FFB74D;--accent-dark: #F57C00;--bg-color: #121212;--bg-card: #1E1E1E;--bg-elevated: #2D2D2D;--bg-inset: #252525;--background-secondary: #2A2A2A;--background-hover: #333333;--background-active: #3A3A3A;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--text-tertiary: #808080;--text-disabled: #606060;--text-on-primary: #FFFFFF;--text-on-dark: #FFFFFF;--border-color: #333333;--border-light: #404040}.dark-theme{--background-card: var(--neutral-800);--background-primary: var(--neutral-900);--background-secondary: var(--neutral-800);--text-primary: var(--neutral-100);--text-secondary: var(--neutral-300);--text-tertiary: var(--neutral-400);--text-onPrimary: #ffffff;--border-light: var(--neutral-700);--border-medium: var(--neutral-600);--color-primary: #4986d9;--color-primary-light: #1a57a5;--color-primary-bg: rgba(26, 87, 165, .15)}.main-header{background-color:var(--bjt-bg-primary);border-bottom:1px solid var(--bjt-border-primary);box-shadow:var(--bjt-shadow-sm);position:sticky;top:0;z-index:var(--bjt-z-fixed);transition:all var(--bjt-transition-normal)}.main-header .container{max-width:1200px;margin:0 auto;padding:0 var(--bjt-space-md)}.logo{display:flex;align-items:center;text-decoration:none;transition:all var(--bjt-transition-normal)}.logo:hover{opacity:.9;text-decoration:none;transform:translateY(-1px)}.logo img{height:72px;max-height:72px;width:auto;max-width:220px;-o-object-fit:contain;object-fit:contain;filter:contrast(1.1) saturate(1.05);image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.main-nav{display:flex;align-items:center;transition:all var(--bjt-transition-normal)}.main-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:var(--bjt-space-sm)}.nav-item{position:relative}.nav-link{display:flex;align-items:center;padding:var(--bjt-space-sm) var(--bjt-space-md);color:var(--bjt-text-secondary);text-decoration:none;font-weight:var(--bjt-font-weight-medium);font-size:var(--bjt-font-size-sm);border-radius:var(--bjt-radius-md);transition:all var(--bjt-transition-normal);white-space:nowrap}.nav-link:hover{color:var(--bjt-primary-blue);background-color:var(--bjt-bg-accent);text-decoration:none;transform:translateY(-1px)}.nav-link.active{color:var(--bjt-primary-blue);background-color:var(--bjt-bg-accent);font-weight:var(--bjt-font-weight-semibold)}.nav-link:focus{outline:2px solid var(--bjt-interactive-blue);outline-offset:2px}.dropdown-icon{margin-left:var(--bjt-space-xs);font-size:12px;transition:transform var(--bjt-transition-normal)}.dropdown-icon.open{transform:rotate(180deg)}.ant-dropdown-menu{background-color:var(--bjt-bg-primary)!important;border:1px solid var(--bjt-border-primary)!important;border-radius:var(--bjt-radius-lg)!important;box-shadow:var(--bjt-shadow-lg)!important;padding:var(--bjt-space-sm)!important;min-width:200px}.ant-dropdown-menu-item{color:var(--bjt-text-secondary)!important;padding:var(--bjt-space-sm) var(--bjt-space-md)!important;border-radius:var(--bjt-radius-md)!important;transition:all var(--bjt-transition-normal)!important;margin-bottom:var(--bjt-space-xs)!important}.ant-dropdown-menu-item:hover{background-color:var(--bjt-bg-accent)!important;color:var(--bjt-primary-blue)!important}.ant-dropdown-menu-item a{color:inherit!important;text-decoration:none!important}.ant-dropdown-menu-item a:hover{color:inherit!important}.ant-dropdown-menu-item-group-title{color:var(--bjt-text-primary)!important;font-weight:var(--bjt-font-weight-semibold)!important;font-size:var(--bjt-font-size-xs)!important;text-transform:uppercase;letter-spacing:.5px;padding:var(--bjt-space-sm) var(--bjt-space-md)!important;margin-bottom:var(--bjt-space-xs)!important;border-bottom:1px solid var(--bjt-border-primary)!important}.right-section{display:flex;align-items:center;gap:var(--bjt-space-sm)}.action-button{display:flex!important;align-items:center!important;gap:var(--bjt-space-xs)!important;padding:var(--bjt-space-sm) var(--bjt-space-md)!important;color:var(--bjt-text-secondary)!important;background-color:transparent!important;border:1px solid var(--bjt-border-primary)!important;border-radius:var(--bjt-radius-md)!important;font-weight:var(--bjt-font-weight-medium)!important;font-size:var(--bjt-font-size-sm)!important;transition:all var(--bjt-transition-normal)!important;cursor:pointer!important;height:auto!important}.action-button:hover,.action-button:focus{color:var(--bjt-primary-blue)!important;background-color:var(--bjt-bg-accent)!important;border-color:var(--bjt-primary-blue)!important;transform:translateY(-1px)!important;box-shadow:var(--bjt-shadow-sm)!important}.language-button{min-width:80px}.cart-link{text-decoration:none}.cart-link .action-button{position:relative}.ant-badge{line-height:1!important}.ant-badge .ant-badge-count{background-color:var(--bjt-secondary-orange)!important;color:var(--bjt-text-inverse)!important;border:none!important;font-size:11px!important;font-weight:var(--bjt-font-weight-semibold)!important;height:18px!important;min-width:18px!important;line-height:18px!important;padding:0 4px!important}.user-info{display:flex!important;align-items:center!important;gap:var(--bjt-space-xs)!important;padding:var(--bjt-space-xs)!important;background-color:transparent!important;border:1px solid var(--bjt-border-primary)!important;border-radius:var(--bjt-radius-md)!important;transition:all var(--bjt-transition-normal)!important;cursor:pointer!important;height:auto!important}.user-info:hover,.user-info:focus{background-color:var(--bjt-bg-accent)!important;border-color:var(--bjt-primary-blue)!important;transform:translateY(-1px)!important}.user-avatar{width:32px;height:32px;border-radius:var(--bjt-radius-full);background-color:var(--bjt-primary-blue);color:var(--bjt-text-inverse);display:flex;align-items:center;justify-content:center;font-weight:var(--bjt-font-weight-semibold);font-size:var(--bjt-font-size-sm)}.login-button{padding:var(--bjt-space-sm) var(--bjt-space-md);background-color:var(--bjt-primary-blue);color:var(--bjt-text-inverse);border:1px solid var(--bjt-primary-blue);border-radius:var(--bjt-radius-md);font-weight:var(--bjt-font-weight-medium);font-size:var(--bjt-font-size-sm);cursor:pointer;transition:all var(--bjt-transition-normal);text-decoration:none}.login-button:hover,.login-button:focus{background-color:var(--bjt-primary-blue-dark);border-color:var(--bjt-primary-blue-dark);color:var(--bjt-text-inverse);transform:translateY(-1px);box-shadow:var(--bjt-shadow-md);text-decoration:none}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:28px;height:28px;background:transparent;border:none;cursor:pointer;padding:4px;z-index:var(--bjt-z-modal);border-radius:var(--bjt-radius-sm);transition:all var(--bjt-transition-normal)}.mobile-menu-toggle:hover{background-color:var(--bjt-bg-accent)}.mobile-menu-toggle .bar{width:100%;height:2px;background-color:var(--bjt-text-secondary);border-radius:2px;transition:all var(--bjt-transition-normal);transform-origin:center}.mobile-menu-toggle.active .bar:nth-child(1){transform:rotate(45deg) translate(5px,5px);background-color:var(--bjt-primary-blue)}.mobile-menu-toggle.active .bar:nth-child(2){opacity:0;transform:translate(-20px)}.mobile-menu-toggle.active .bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);background-color:var(--bjt-primary-blue)}@media (max-width: 1024px){.main-header .container{padding:0 var(--bjt-space-sm)}.right-section{gap:var(--bjt-space-xs)}.action-button{padding:var(--bjt-space-xs) var(--bjt-space-sm)!important;font-size:var(--bjt-font-size-xs)!important}.language-button{min-width:70px}.logo img{height:60px;max-height:60px;max-width:190px}}@media (max-width: 768px){.mobile-menu-toggle{display:flex;order:1}.logo{order:0;flex-shrink:0}.right-section{order:2;gap:var(--bjt-space-xs)}.main-nav.mobile-nav{position:absolute;top:100%;left:0;right:0;background-color:var(--bjt-bg-primary);border-top:1px solid var(--bjt-border-primary);box-shadow:var(--bjt-shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--bjt-transition-normal);z-index:var(--bjt-z-dropdown);order:3;width:100%;max-height:calc(100vh - 80px);overflow-y:auto}.main-nav.mobile-nav.open{transform:translateY(0);opacity:1;visibility:visible}.mobile-nav-list{flex-direction:column;padding:var(--bjt-space-md);gap:0;width:100%;list-style:none;margin:0}.mobile-nav-item{width:100%;border-bottom:1px solid var(--bjt-border-secondary)}.mobile-nav-item:last-child{border-bottom:none}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--bjt-space-md);color:var(--bjt-text-secondary);text-decoration:none;font-size:var(--bjt-font-size-base);font-weight:var(--bjt-font-weight-medium);transition:all var(--bjt-transition-normal);cursor:pointer;background:none;border:none}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--bjt-primary-blue);background-color:var(--bjt-bg-accent)}.mobile-nav-link.mobile-submenu-open{background-color:var(--bjt-bg-accent);color:var(--bjt-primary-blue)}.mobile-dropdown-icon{font-size:12px;transition:transform var(--bjt-transition-normal)}.mobile-dropdown-icon.open{transform:rotate(180deg)}.mobile-submenu{background-color:var(--bjt-bg-secondary);border-top:1px solid var(--bjt-border-secondary);animation:slideDown .3s ease-out}.mobile-submenu-section{padding:var(--bjt-space-sm) 0}.mobile-submenu-section:not(:last-child){border-bottom:1px solid var(--bjt-border-secondary)}.mobile-submenu-title{padding:var(--bjt-space-sm) var(--bjt-space-lg);font-size:var(--bjt-font-size-sm);font-weight:var(--bjt-font-weight-semibold);color:var(--bjt-text-primary);background-color:var(--bjt-bg-tertiary)}.mobile-submenu-item{display:block;padding:var(--bjt-space-sm) var(--bjt-space-xl);color:var(--bjt-text-secondary);text-decoration:none;font-size:var(--bjt-font-size-sm);transition:all var(--bjt-transition-normal)}.mobile-submenu-item:hover{color:var(--bjt-primary-blue);background-color:var(--bjt-bg-accent)}.mobile-language-item{border-top:2px solid var(--bjt-border-primary);margin-top:var(--bjt-space-sm)}.mobile-language-item .mobile-nav-link{font-weight:var(--bjt-font-weight-semibold);color:var(--bjt-primary-blue)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:300px;transform:translateY(0)}}.main-nav.desktop-nav{display:none}.main-nav ul{flex-direction:column;padding:var(--bjt-space-md);gap:var(--bjt-space-xs);width:100%}.nav-item{width:100%}.nav-link{width:100%;justify-content:flex-start;padding:var(--bjt-space-md);border-radius:var(--bjt-radius-md);font-size:var(--bjt-font-size-base)}.nav-link:hover{transform:none;background-color:var(--bjt-bg-accent)}.right-section{gap:6px}.action-button{padding:var(--bjt-space-xs)!important;font-size:var(--bjt-font-size-xs)!important;min-width:auto!important}.language-button{min-width:50px}.language-button span{display:none}.user-avatar{width:28px;height:28px;font-size:12px}.login-button{padding:var(--bjt-space-xs) var(--bjt-space-sm);font-size:var(--bjt-font-size-xs)}.main-header .container{padding:var(--bjt-space-sm);display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap}}@media (max-width: 480px){.main-header .container{padding:var(--bjt-space-xs) var(--bjt-space-sm)}.logo img{height:50px;max-height:50px;max-width:160px}.right-section{gap:4px}.action-button{padding:6px 8px!important;min-width:auto!important}.action-button span{display:none}.language-button{min-width:40px}.user-avatar{width:24px;height:24px;font-size:10px}.login-button{padding:6px 10px;font-size:12px}.nav-link{padding:var(--bjt-space-sm) var(--bjt-space-md);font-size:var(--bjt-font-size-sm)}.main-nav{max-height:calc(100vh - 60px)}.main-nav ul{padding:var(--bjt-space-sm)}}@media (max-width: 360px){.main-header .container{padding:var(--bjt-space-xs)}.logo img{height:44px;max-height:44px;max-width:140px}.right-section{gap:2px}.action-button{padding:4px 6px!important;border-radius:4px!important}.user-avatar{width:20px;height:20px;font-size:9px}.login-button{padding:4px 8px;font-size:11px}.mobile-menu-toggle{width:24px;height:24px}}@media (pointer: coarse){.nav-link{min-height:44px;padding:var(--bjt-space-sm) var(--bjt-space-md)}.action-button{min-height:40px!important;min-width:40px!important}.mobile-menu-toggle{min-height:44px;min-width:44px;padding:8px}}@media (orientation: landscape) and (max-height: 500px){.main-nav{max-height:calc(100vh - 50px);padding:var(--bjt-space-xs) 0}.main-nav ul{padding:var(--bjt-space-xs) var(--bjt-space-sm);gap:var(--bjt-space-xs)}.nav-link{padding:var(--bjt-space-xs) var(--bjt-space-sm);font-size:var(--bjt-font-size-sm)}}.main-header.menu-open{box-shadow:var(--bjt-shadow-lg)}@media (max-width: 768px){.ant-dropdown{position:static!important}.ant-dropdown-menu{position:static!important;box-shadow:none!important;border:none!important;border-left:2px solid var(--bjt-primary-blue)!important;margin:var(--bjt-space-xs) 0 var(--bjt-space-xs) var(--bjt-space-md)!important;border-radius:0!important;background-color:var(--bjt-bg-secondary)!important;width:100%!important;min-width:auto!important}.ant-dropdown-menu-item{padding:var(--bjt-space-sm) var(--bjt-space-md)!important;margin-bottom:0!important;border-radius:0!important;border-bottom:1px solid var(--bjt-border-primary)!important}.ant-dropdown-menu-item:last-child{border-bottom:none!important}.ant-dropdown-menu-item-group-title{background-color:var(--bjt-bg-accent)!important;margin:0!important;padding:var(--bjt-space-sm) var(--bjt-space-md)!important;border-bottom:1px solid var(--bjt-border-primary)!important;font-weight:var(--bjt-font-weight-bold)!important}}@media (prefers-reduced-motion: reduce){.main-nav,.nav-link,.action-button,.dropdown-icon,.mobile-menu-toggle .bar{transition:none!important}}@media (prefers-contrast: high){.main-header{border-bottom-width:2px}.nav-link,.action-button{border-width:2px!important}.mobile-menu-toggle .bar{height:3px;background-color:var(--bjt-text-primary)}}@media print{.main-header{position:static;box-shadow:none;border-bottom:1px solid #000}.mobile-menu-toggle,.right-section{display:none}.main-nav{position:static;opacity:1;visibility:visible;transform:none}}.nav-link:focus-visible,.action-button:focus-visible,.login-button:focus-visible,.user-info:focus-visible,.mobile-menu-toggle:focus-visible{outline:2px solid var(--bjt-interactive-blue);outline-offset:2px}@media (min-width: 768px) and (max-width: 1024px){.nav-link{padding:var(--bjt-space-sm);font-size:var(--bjt-font-size-sm)}.action-button{padding:var(--bjt-space-sm)!important}.language-button{min-width:75px}}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:350px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.notification{display:flex;align-items:flex-start;padding:12px 16px;border-radius:6px;box-shadow:0 3px 6px #00000029;background-color:#fff;color:#333;animation:notification-slide-in .3s ease-out forwards;overflow:hidden;max-width:100%}.notification-content{flex:1;margin-right:10px}.notification-title{font-weight:600;margin-bottom:4px;font-size:16px}.notification-message{font-size:14px;line-height:1.4}.notification-close{background:none;border:none;cursor:pointer;font-size:18px;color:#777;padding:0;line-height:1;margin-left:8px}.notification-close:hover{color:#333}.notification-success{border-left:4px solid #4caf50}.notification-success .notification-title{color:#388e3c}.notification-error{border-left:4px solid #f44336}.notification-error .notification-title{color:#d32f2f}.notification-warning{border-left:4px solid #ff9800}.notification-warning .notification-title{color:#f57c00}.notification-info{border-left:4px solid #2196f3}.notification-info .notification-title{color:#1976d2}@keyframes notification-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification.removing{animation:notification-slide-out .3s ease-out forwards}@keyframes notification-slide-out{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@media (max-width: 480px){.notification-container{right:10px;left:10px;max-width:calc(100% - 20px)}.notification{width:100%}}.home-page{padding-top:80px;min-height:100vh;background:linear-gradient(135deg,var(--bjt-bg-primary) 0%,var(--bjt-bg-secondary) 50%,var(--bjt-bg-tertiary) 100%);position:relative;overflow-x:hidden}.home-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,var(--bjt-primary-blue-light) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--bjt-secondary-orange-light) 0%,transparent 50%);opacity:.03;pointer-events:none;z-index:0}.container{max-width:1400px;margin:0 auto;padding:0 var(--bjt-space-lg);position:relative;z-index:1}.product-section{margin-bottom:var(--bjt-space-3xl);background:var(--bjt-bg-card);border-radius:var(--bjt-radius-xl);overflow:hidden;box-shadow:0 10px 30px #00000014,0 4px 12px #0000000d;border:1px solid var(--bjt-border-primary);transition:all var(--bjt-transition-slow);position:relative}.product-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--bjt-primary-blue) 0%,var(--bjt-secondary-orange) 100%)}.product-section:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0000001f,0 8px 20px #00000014}.section-header{background:linear-gradient(135deg,var(--bjt-primary-blue) 0%,var(--bjt-primary-blue-dark) 100%);color:var(--bjt-text-inverse);padding:var(--bjt-space-xl) var(--bjt-space-2xl);font-size:var(--bjt-font-size-2xl);font-weight:var(--bjt-font-weight-bold);margin:0;position:relative;overflow:hidden}.section-header:after{content:"";position:absolute;top:0;right:-50px;width:100px;height:100%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100px);transition:transform .6s ease}.product-section:hover .section-header:after{transform:translate(100px)}.section-content{display:grid;grid-template-columns:1fr 500px;gap:var(--bjt-space-2xl);padding:var(--bjt-space-2xl);align-items:center}.section-text{display:flex;flex-direction:column;gap:var(--bjt-space-lg)}.introduction{font-size:var(--bjt-font-size-xl);font-weight:var(--bjt-font-weight-semibold);color:var(--bjt-text-primary);line-height:1.6;margin:0}.section-text p{font-size:var(--bjt-font-size-base);color:var(--bjt-text-secondary);line-height:1.7;margin:0}.divider{width:60px;height:3px;background:linear-gradient(90deg,var(--bjt-primary-blue) 0%,var(--bjt-secondary-orange) 100%);border:none;border-radius:var(--bjt-radius-sm);margin:var(--bjt-space-md) 0}.product-links{display:flex;flex-direction:column;gap:var(--bjt-space-md);margin-top:var(--bjt-space-xl);max-width:100%}.product-link{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a57a51a,#1a57a50d);border:2px solid rgba(26,87,165,.2);border-radius:var(--bjt-radius-lg);padding:var(--bjt-space-lg) var(--bjt-space-xl);text-decoration:none;color:var(--bjt-primary-blue);font-weight:var(--bjt-font-weight-semibold);font-size:var(--bjt-font-size-base);letter-spacing:.5px;transition:all var(--bjt-transition-normal);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);min-height:60px;width:100%}.product-link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--bjt-primary-blue) 0%,var(--bjt-secondary-orange) 100%);opacity:0;transition:opacity var(--bjt-transition-normal);z-index:0}.product-link:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transition:left var(--bjt-transition-slow);z-index:1}.product-link:hover:before{opacity:1}.product-link:hover:after{left:100%}.product-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1a57a54d,0 3px 10px #0000001a;border-color:var(--bjt-primary-blue);color:var(--bjt-text-inverse)}.product-link-text{position:relative;z-index:2;text-align:center;line-height:1.4;transition:all var(--bjt-transition-normal);font-weight:var(--bjt-font-weight-semibold)}.product-link:nth-child(1){background:linear-gradient(135deg,#1a57a51a,#1a57a50d);border-color:#1a57a54d}.product-link:nth-child(1):hover{background:linear-gradient(135deg,var(--bjt-primary-blue) 0%,var(--bjt-primary-blue-dark) 100%)}.product-link:nth-child(2){background:linear-gradient(135deg,#ff6b351a,#ff6b350d);border-color:#ff6b354d;color:var(--bjt-secondary-orange)}.product-link:nth-child(2):hover{background:linear-gradient(135deg,var(--bjt-secondary-orange) 0%,var(--bjt-secondary-orange-dark) 100%);border-color:var(--bjt-secondary-orange)}.product-link:nth-child(3){background:linear-gradient(135deg,#1a57a514,#ff6b3514);border-color:#1a57a540;color:var(--bjt-primary-blue)}.product-link:nth-child(3):hover{background:linear-gradient(135deg,var(--bjt-primary-blue) 0%,var(--bjt-secondary-orange) 100%);border-color:var(--bjt-primary-blue)}.section-image{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bjt-bg-accent) 0%,var(--bjt-bg-secondary) 100%);border-radius:var(--bjt-radius-lg);padding:var(--bjt-space-lg);min-height:420px;max-height:480px;width:100%;overflow:hidden}.section-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 70%,rgba(26,87,165,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,107,53,.1) 0%,transparent 50%);border-radius:var(--bjt-radius-lg);pointer-events:none}.section-image img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;border-radius:var(--bjt-radius-md);box-shadow:0 12px 30px #0000002e,0 6px 15px #0000001f;transition:all var(--bjt-transition-slow);position:relative;z-index:1;aspect-ratio:4/3;min-height:300px}.section-image:hover img{transform:scale(1.05);box-shadow:0 15px 35px #0003,0 6px 15px #00000026}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--bjt-space-sm);margin:var(--bjt-space-3xl) 0;padding:var(--bjt-space-lg)}.pagination-button{min-width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bjt-bg-card);color:var(--bjt-text-secondary);border:2px solid var(--bjt-border-primary);border-radius:var(--bjt-radius-full);cursor:pointer;transition:all var(--bjt-transition-normal);font-weight:var(--bjt-font-weight-semibold);text-decoration:none;position:relative;overflow:hidden}.pagination-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--bjt-primary-blue) 0%,var(--bjt-secondary-orange) 100%);opacity:0;transition:opacity var(--bjt-transition-normal)}.pagination-button:hover{transform:translateY(-2px);border-color:var(--bjt-primary-blue);box-shadow:0 6px 12px #1a57a526}.pagination-button:hover:before,.pagination-button.active:before{opacity:1}.pagination-button:hover,.pagination-button.active{color:var(--bjt-text-inverse);border-color:transparent}.pagination-button span{position:relative;z-index:1}@media (max-width: 1024px){.container{padding:0 var(--bjt-space-md)}.section-content{grid-template-columns:1fr;gap:var(--bjt-space-xl)}.section-image{order:-1;min-height:380px;max-height:450px;margin:0 auto;max-width:600px}.section-image img{aspect-ratio:16/10;min-height:280px}.product-links{flex-direction:column;gap:var(--bjt-space-sm)}}@media (max-width: 768px){.home-page{padding-top:70px}.section-content{padding:var(--bjt-space-xl)}.section-header{font-size:var(--bjt-font-size-xl);padding:var(--bjt-space-lg) var(--bjt-space-xl)}.section-image{min-height:320px;max-height:380px;padding:var(--bjt-space-md)}.section-image img{aspect-ratio:3/2;min-height:240px}.product-links{flex-direction:column;gap:var(--bjt-space-sm)}.product-link{min-height:56px;padding:var(--bjt-space-md) var(--bjt-space-lg)}}@media (max-width: 480px){.container{padding:0 var(--bjt-space-sm)}.section-content{padding:var(--bjt-space-lg)}.section-header{font-size:var(--bjt-font-size-lg);padding:var(--bjt-space-md) var(--bjt-space-lg)}.section-image{min-height:280px;max-height:320px;padding:var(--bjt-space-sm)}.section-image img{aspect-ratio:4/3;min-height:200px}.product-links{flex-direction:column;gap:var(--bjt-space-xs)}.product-link{min-height:52px;padding:var(--bjt-space-sm) var(--bjt-space-md)}.product-link-text{font-size:var(--bjt-font-size-sm)}.pagination-button{min-width:40px;height:40px;font-size:var(--bjt-font-size-sm)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.product-section{animation:fadeInUp .6s ease-out}.product-section:nth-child(2n) .section-image{animation:slideInRight .8s ease-out}.product-link{animation:fadeInUp .6s ease-out}.product-link:nth-child(1){animation-delay:.1s}.product-link:nth-child(2){animation-delay:.2s}.product-link:nth-child(3){animation-delay:.3s}@media (prefers-contrast: high){.product-section{border-width:2px}.product-link,.pagination-button{border-width:3px}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px;padding:20px}.loading-container.full-page{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#ffffffb3}.loading-container.nested{min-height:100px;padding:10px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.loading-tip{margin-top:10px;color:#1890ff;font-size:14px;text-align:center}.loading-progress{width:100%;max-width:300px;margin-top:10px}.error-container{margin:20px 0;width:100%}.error-container.full-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;margin:0;padding:20px}.error-container.full-page .ant-alert{max-width:600px;width:100%}.error-description{margin-bottom:16px}.error-code{margin-top:10px;font-family:monospace;color:#666}.error-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.error-details-section{margin-top:16px;border-top:1px dashed #d9d9d9;padding-top:10px}.details-toggle{padding:0;margin-bottom:8px}.error-details{background-color:#f5f5f5;border:1px solid #e8e8e8;border-radius:4px;padding:12px;max-height:300px;overflow-y:auto;margin-top:8px}.error-details-text{white-space:pre-wrap;word-break:break-all;margin-bottom:0;font-size:12px}@media (max-width: 576px){.loading-container{min-height:150px}.error-container.full-page .ant-alert{max-width:100%}.error-actions{flex-direction:column;align-items:stretch}.error-actions button{margin-bottom:8px}}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#1a365d;margin-bottom:8px;font-size:28px}.login-header p{color:#666;font-size:16px}.login-footer{margin-top:30px;display:flex;flex-direction:column;align-items:center}.help-links{text-align:center;margin-bottom:15px}.help-links a{color:#1a365d;text-decoration:none;font-size:14px}.help-links a:hover{text-decoration:underline}.separator{margin:0 10px;color:#ccc}.demo-credentials{background-color:#f5f8fa;border:1px solid #e7edf3;border-radius:4px;padding:10px 15px;font-size:13px;color:#555;text-align:center;margin-top:15px;width:100%}.demo-title{font-weight:500;margin-bottom:5px;color:#1a365d}.show-test-accounts-btn{background:none;border:none;color:#1a365d;cursor:pointer;text-decoration:underline;font-size:14px;margin-top:10px}.show-test-accounts-btn:hover{color:#274785}.test-accounts-info{margin-top:15px;padding:15px;background-color:#f8f9fa;border:1px solid #e2e8f0;border-radius:5px;width:100%}.test-accounts-info h3{font-size:16px;color:#1a365d;margin-bottom:10px;text-align:center}.test-info-description{font-size:13px;color:#666;margin-bottom:12px;text-align:center;font-style:italic}.test-accounts-list{display:grid;gap:10px}.test-account-item{padding:10px;border:1px solid #e2e8f0;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s}.test-account-item:hover{background-color:#edf2f7;transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.account-role{font-weight:700;color:#1a365d;margin-bottom:3px;font-size:14px}.account-email{color:#4a5568;font-size:13px;margin-bottom:3px}.account-password{color:#718096;font-size:12px}.test-note{font-size:12px;color:#718096;margin-top:10px;text-align:center;font-style:italic}@media (max-width: 480px){.login-container{padding:30px 20px}.login-button{padding:10px}}.toast{position:fixed;top:24px;right:24px;z-index:9999;min-width:320px;max-width:480px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a,0 4px 12px #0000000d;overflow:hidden;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-visible{transform:translate(0);opacity:1}.toast-leaving{transform:translate(100%);opacity:0}.toast-content{display:flex;align-items:flex-start;padding:16px;gap:12px;position:relative}.toast-icon-wrapper{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:2px}.toast-icon{width:20px;height:20px}.toast-body{flex:1;min-width:0}.toast-title{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px;color:#1f2937}.toast-message{font-size:13px;line-height:1.5;color:#6b7280;word-wrap:break-word}.toast-action{background:none;border:none;color:inherit;font-size:13px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background-color .2s ease;margin-left:8px;flex-shrink:0}.toast-action:hover{background-color:#0000000d}.toast-close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;color:#9ca3af;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-close:hover{background-color:#0000000d;color:#6b7280}.toast-close svg{width:14px;height:14px}.toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:#0000000d;overflow:hidden}.toast-progress-bar{height:100%;background-color:currentColor;width:100%;transform:translate(-100%);animation:toast-progress linear forwards;opacity:.6}@keyframes toast-progress{0%{transform:translate(-100%)}to{transform:translate(0)}}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon-wrapper,.toast-success .toast-action{color:#10b981}.toast-success .toast-progress-bar{background-color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon-wrapper,.toast-error .toast-action{color:#ef4444}.toast-error .toast-progress-bar{background-color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon-wrapper,.toast-warning .toast-action{color:#f59e0b}.toast-warning .toast-progress-bar{background-color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon-wrapper,.toast-info .toast-action{color:#3b82f6}.toast-info .toast-progress-bar{background-color:#3b82f6}@media (max-width: 640px){.toast{left:16px;right:16px;top:16px;min-width:auto;max-width:none;width:auto}.toast-content{padding:14px;gap:10px}.toast-title{font-size:13px}.toast-message{font-size:12px}}@media (prefers-color-scheme: dark){.toast{background:#1f2937;border-color:#ffffff1a;box-shadow:0 10px 25px #0000004d,0 4px 12px #0003}.toast-title{color:#f9fafb}.toast-message{color:#d1d5db}.toast-close{color:#9ca3af}.toast-close:hover{background-color:#ffffff1a;color:#d1d5db}.toast-action:hover,.toast-progress{background-color:#ffffff1a}}.toast:nth-child(2){top:104px}.toast:nth-child(3){top:184px}.toast:nth-child(4){top:264px}.toast:nth-child(5){top:344px}.toast:nth-child(n+6){display:none}.dialog-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;animation:dialog-backdrop-enter .2s ease-out forwards}.dialog-backdrop-leaving{animation:dialog-backdrop-exit .2s ease-out forwards}.dialog-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:100%;max-height:90vh;overflow:hidden;animation:dialog-enter .2s ease-out forwards;border:1px solid rgba(0,0,0,.05)}.dialog-leaving{animation:dialog-exit .2s ease-out forwards}.dialog-content{padding:24px}.dialog-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.dialog-icon-wrapper{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:4px}.dialog-icon{width:24px;height:24px}.dialog-text{flex:1;min-width:0}.dialog-title{font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px;color:#1f2937}.dialog-message{font-size:14px;line-height:1.5;margin:0;color:#6b7280}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}.dialog-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;gap:8px;min-width:80px;justify-content:center}.dialog-button:disabled{opacity:.6;cursor:not-allowed}.dialog-button-cancel{background:#f9fafb;color:#374151;border-color:#d1d5db}.dialog-button-cancel:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.dialog-button-confirm{background:#3b82f6;color:#fff}.dialog-button-confirm:hover:not(:disabled){background:#2563eb}.dialog-button-danger{background:#ef4444;color:#fff}.dialog-button-danger:hover:not(:disabled){background:#dc2626}.dialog-button-warning{background:#f59e0b;color:#fff}.dialog-button-warning:hover:not(:disabled){background:#d97706}.dialog-button-info{background:#3b82f6;color:#fff}.dialog-button-info:hover:not(:disabled){background:#2563eb}.dialog-loading{width:16px;height:16px;animation:dialog-spin 1s linear infinite}@keyframes dialog-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dialog-default .dialog-icon-wrapper{background:#dbeafe;color:#3b82f6}.dialog-danger .dialog-icon-wrapper{background:#fee2e2;color:#ef4444}.dialog-warning .dialog-icon-wrapper{background:#fef3c7;color:#f59e0b}.dialog-info .dialog-icon-wrapper{background:#dbeafe;color:#3b82f6}@keyframes dialog-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes dialog-backdrop-exit{0%{opacity:1}to{opacity:0}}@keyframes dialog-enter{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dialog-exit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}@media (max-width: 640px){.dialog-backdrop{padding:16px}.dialog-container{max-width:none;width:100%;border-radius:12px}.dialog-content{padding:20px}.dialog-header{gap:12px;margin-bottom:20px}.dialog-icon-wrapper{width:40px;height:40px}.dialog-icon{width:20px;height:20px}.dialog-title{font-size:16px}.dialog-message{font-size:13px}.dialog-actions{flex-direction:column-reverse;gap:8px}.dialog-button{width:100%;padding:12px 20px}}@media (prefers-color-scheme: dark){.dialog-container{background:#1f2937;border-color:#ffffff1a;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.dialog-title{color:#f9fafb}.dialog-message{color:#d1d5db}.dialog-button-cancel{background:#374151;color:#d1d5db;border-color:#4b5563}.dialog-button-cancel:hover:not(:disabled){background:#4b5563;border-color:#6b7280}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.loading-state-small{gap:8px}.loading-state-large{gap:16px}.loading-text{color:#6b7280;font-size:14px;font-weight:500;text-align:center}.loading-state-small .loading-text{font-size:12px}.loading-state-large .loading-text{font-size:16px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:inherit}.loading-spinner{position:relative}.loading-spinner-circle{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:loading-spin 1s linear infinite}.loading-spinner-small .loading-spinner-circle{width:20px;height:20px;border-width:2px}.loading-spinner-large .loading-spinner-circle{width:48px;height:48px;border-width:4px}@keyframes loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-dots{display:flex;gap:4px;align-items:center}.loading-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;animation:loading-bounce 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.loading-dots-small .loading-dot{width:6px;height:6px}.loading-dots-large .loading-dot{width:12px;height:12px}@keyframes loading-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading-pulse{position:relative}.loading-pulse-circle{width:32px;height:32px;background:#3b82f6;border-radius:50%;animation:loading-pulse-animation 1.5s ease-in-out infinite}.loading-pulse-small .loading-pulse-circle{width:20px;height:20px}.loading-pulse-large .loading-pulse-circle{width:48px;height:48px}@keyframes loading-pulse-animation{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}.loading-skeleton{width:200px;display:flex;flex-direction:column;gap:8px}.loading-skeleton-small{width:150px;gap:6px}.loading-skeleton-large{width:300px;gap:12px}.loading-skeleton-line{height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;animation:loading-skeleton-shimmer 1.5s infinite}.loading-skeleton-line-1{width:100%}.loading-skeleton-line-2{width:80%}.loading-skeleton-line-3{width:60%}.loading-skeleton-small .loading-skeleton-line{height:10px}.loading-skeleton-large .loading-skeleton-line{height:16px}@keyframes loading-skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-color-scheme: dark){.loading-text{color:#d1d5db}.loading-overlay{background:#1f2937cc}.loading-spinner-circle{border-color:#4b5563;border-top-color:#60a5fa}.loading-dot,.loading-pulse-circle{background:#60a5fa}.loading-skeleton-line{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%}}@media (max-width: 640px){.loading-skeleton{width:100%;max-width:250px}.loading-skeleton-small{max-width:180px}.loading-skeleton-large{max-width:280px}}.loading-spinner.loading-rainbow .loading-spinner-circle{border-top-color:#ef4444;animation:loading-spin 1s linear infinite,loading-rainbow 3s linear infinite}@keyframes loading-rainbow{0%{border-top-color:#ef4444}16.66%{border-top-color:#f97316}33.33%{border-top-color:#eab308}50%{border-top-color:#22c55e}66.66%{border-top-color:#3b82f6}83.33%{border-top-color:#8b5cf6}to{border-top-color:#ef4444}}.loading-dots.loading-gradient .loading-dot:nth-child(1){background:linear-gradient(45deg,#3b82f6,#8b5cf6)}.loading-dots.loading-gradient .loading-dot:nth-child(2){background:linear-gradient(45deg,#8b5cf6,#ec4899)}.loading-dots.loading-gradient .loading-dot:nth-child(3){background:linear-gradient(45deg,#ec4899,#ef4444)}.cart-animation-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998}.cart-animation-item{position:absolute;width:60px;height:60px;transform:translate(-50%,-50%);animation:cart-fly .8s cubic-bezier(.25,.46,.45,.94) forwards;z-index:9999}.cart-animation-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #00000026;border:2px solid white}.cart-animation-placeholder{width:100%;height:100%;background:#3b82f6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #00000026;border:2px solid white}.cart-animation-placeholder svg{width:24px;height:24px}@keyframes cart-fly{0%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}50%{transform:translate(calc(-50% + var(--target-x) * .5),calc(-50% + var(--target-y) * .5 - 20px)) scale(.8) rotate(10deg);opacity:.9}to{transform:translate(calc(-50% + var(--target-x)),calc(-50% + var(--target-y))) scale(.3) rotate(0);opacity:0}}.cart-animation-success{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;animation:cart-success .6s ease-out .8s both;z-index:9999}.cart-animation-success-icon{width:32px;height:32px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #10b9814d;animation:cart-success-bounce .6s ease-out .8s both}.cart-animation-success-icon svg{width:18px;height:18px}.cart-animation-success-text{background:#000c;color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes cart-success{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes cart-success-bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.cart-animation-particles{position:absolute;transform:translate(-50%,-50%);animation:cart-particles .8s ease-out .8s both}.cart-animation-particle{position:absolute;width:4px;height:4px;background:#10b981;border-radius:50%;animation:cart-particle-burst .6s ease-out var(--delay) both;transform-origin:center}@keyframes cart-particles{0%{opacity:0}to{opacity:1}}@keyframes cart-particle-burst{0%{transform:rotate(var(--angle)) translate(0) scale(0);opacity:1}50%{transform:rotate(var(--angle)) translate(20px) scale(1);opacity:1}to{transform:rotate(var(--angle)) translate(30px) scale(0);opacity:0}}@media (max-width: 640px){.cart-animation-item{width:48px;height:48px}.cart-animation-success-icon{width:28px;height:28px}.cart-animation-success-icon svg{width:16px;height:16px}.cart-animation-success-text{font-size:11px;padding:4px 10px}}.cart-animation-item,.cart-animation-success,.cart-animation-particles,.cart-animation-particle{will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion: reduce){.cart-animation-item{animation-duration:.3s}.cart-animation-success,.cart-animation-success-icon{animation-duration:.2s}.cart-animation-particle{animation:none;opacity:0}@keyframes cart-fly{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--target-x)),calc(-50% + var(--target-y))) scale(.5);opacity:0}}}:root{--primary-color: #1890ff;--primary-hover: #40a9ff;--primary-active: #096dd9;--bg-color: #f5f5f5;--card-bg: #ffffff;--header-bg: #001529;--text-primary: #262626;--text-secondary: #595959;--text-disabled: #bfbfbf;--border-color: #d9d9d9;--border-hover: #40a9ff;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--shadow-light: 0 2px 8px rgba(0, 0, 0, .06);--shadow-medium: 0 4px 12px rgba(0, 0, 0, .1)}.consumables-page{background-color:var(--bg-color);min-height:100vh;padding:20px;overflow-x:visible!important}.container{max-width:1200px;margin:0 auto;overflow-x:visible!important}.section-title{background:var(--card-bg);padding:24px;margin-bottom:24px;border-radius:8px;box-shadow:var(--shadow-light);display:flex;justify-content:space-between;align-items:center}.title-text h2{color:var(--text-primary);font-size:24px;font-weight:600;margin:0}.title-text p{color:var(--text-secondary);font-size:14px;margin:4px 0 0}.filter-container{background:var(--card-bg);padding:24px;margin-bottom:24px;border-radius:8px;box-shadow:var(--shadow-light);border:1px solid var(--border-color)}.filter-container h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.filter-section{margin-bottom:24px}.filter-section:last-child{margin-bottom:0}.filter-section h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 12px}.shape-selector{display:flex;gap:12px;flex-wrap:wrap}.shape-option{position:relative}.shape-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.shape-label{display:flex;flex-direction:column;align-items:center;padding:16px 12px;border:2px solid var(--border-color);border-radius:8px;background:var(--card-bg);cursor:pointer;transition:all .3s ease;min-width:80px}.shape-label:hover{border-color:var(--border-hover);box-shadow:var(--shadow-light)}.shape-label img{width:48px;height:36px;-o-object-fit:contain;object-fit:contain;margin-bottom:8px}.shape-label span{font-size:12px;color:var(--text-secondary);text-align:center}.shape-option input[type=radio]:checked+.shape-label{border-color:var(--primary-color);background-color:#e6f7ff}.shape-option input[type=radio]:checked+.shape-label span{color:var(--primary-color);font-weight:600}.material-selector{display:flex;gap:8px;flex-wrap:wrap}.material-btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:14px}.material-btn:hover{border-color:var(--border-hover);color:var(--primary-color)}.material-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.dimensions-container{display:flex;gap:24px;align-items:flex-start}.dimensions-filters{flex:1}.filter-group{margin-bottom:16px}.filter-group label{display:block;color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:8px}.filter-group select,.filter-group .ant-select{width:100%}.dimension-image{width:200px;height:120px;border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--card-bg)}.dimension-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.filter-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-color)}.btn-apply{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;padding:8px 24px;border-radius:6px;font-size:14px;font-weight:500}.btn-apply:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.products-container{background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow-light);overflow:visible!important}.products-container .bg-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;transition:all .3s ease;overflow:visible!important}.products-container .bg-card:hover{box-shadow:var(--shadow-medium);border-color:var(--border-hover)}.products-container .p-6{padding:20px}.product-image{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;border:1px solid var(--border-color);border-radius:6px;background:#fafafa}.product-code{background-color:var(--primary-color);color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;display:inline-block}.product-name{color:var(--text-primary);font-size:16px;font-weight:600;margin:8px 0;line-height:1.4}.product-model{color:var(--text-secondary);font-size:12px}.bg-card-alt{background-color:#fafafa;border:1px solid #f0f0f0;border-radius:6px;padding:12px}.price-tier{background:#fafafa;border-radius:4px;padding:8px 12px;margin-bottom:4px;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.price-tier:hover{background:#f0f0f0}.price-range{color:var(--text-secondary);font-size:12px}.price-value{color:var(--primary-color);font-weight:600;font-size:14px}.inventory-status{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.inventory-status.in-stock{background-color:#f6ffed;color:var(--success-color);border:1px solid #b7eb8f}.inventory-status.low-stock{background-color:#fffbe6;color:var(--warning-color);border:1px solid #ffe58f}.inventory-status.out-of-stock{background-color:#fff2f0;color:var(--error-color);border:1px solid #ffccc7}.cart-add-button{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:500;min-width:140px;height:40px;border-radius:6px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.cart-add-button:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #1890ff4d}.quantity-selector-container{display:flex;flex-direction:column;gap:8px}.quantity-label{font-size:14px;font-weight:500;color:var(--text-primary);margin:0}.quantity-selector{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #0000001a;transition:all .3s ease}.quantity-selector:hover{border-color:var(--primary-color);box-shadow:0 2px 6px #1890ff33}.quantity-selector:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 2px #1890ff33}.quantity-btn{width:36px;height:36px;border:none;background-color:#f8f9fa;color:var(--text-primary);font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quantity-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.quantity-btn:active:not(:disabled){background-color:var(--primary-active);transform:scale(.95)}.quantity-btn:disabled{background-color:#f0f0f0;color:#bfbfbf;cursor:not-allowed;opacity:.6}.quantity-decrease{border-right:1px solid var(--border-color)}.quantity-increase{border-left:1px solid var(--border-color)}.quantity-input{width:60px;height:36px;border:none;text-align:center;font-size:14px;font-weight:600;color:var(--text-primary);background:#fff;outline:none;padding:0 8px}.quantity-input:focus{background-color:#f8f9fa}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.section-title{flex-direction:column;gap:16px;text-align:center}.shape-selector{justify-content:center}.dimensions-container{flex-direction:column}.dimension-image{width:100%;height:150px}.filter-actions{justify-content:center}.quantity-selector-container{align-items:flex-start}.quantity-selector{width:132px}.cart-add-button{flex:1;min-width:auto;margin-left:12px}}@media (max-width: 576px){.consumables-page{padding:12px}.container{padding:0}.shape-selector{gap:8px}.shape-label{min-width:70px;padding:12px 8px}}@media print{.filter-container,.cart-button,.pagination{display:none}.products-container .grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-color-scheme: dark){:root{--consumables-bg-base: #0f172a;--consumables-bg-card: #1e293b;--consumables-bg-elevated: #334155;--consumables-bg-hover: #475569;--consumables-text-primary: #f1f5f9;--consumables-text-secondary: #cbd5e1;--consumables-text-muted: #94a3b8;--consumables-border-light: #334155;--consumables-border-default: #475569}}@media (prefers-contrast: high){.filter-container,.products-container .bg-card{border-width:2px}.cart-add-button{border:2px solid currentColor}}.product-detail-modal .ant-modal-content{border-radius:12px;overflow:hidden}.product-detail-modal .ant-modal-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);border-bottom:none;padding:20px 24px}.product-detail-modal .ant-modal-title{color:#fff;font-size:18px;font-weight:600}.product-detail-modal .ant-modal-close{color:#fff;opacity:.8}.product-detail-modal .ant-modal-close:hover{opacity:1}.product-detail-modal .ant-modal-body{padding:24px;max-height:70vh;overflow-y:auto}.product-detail-modal .ant-modal-footer{border-top:1px solid var(--border-color);padding:16px 24px;background:var(--bg-color)}.product-detail-content{color:var(--text-primary)}.product-detail-content .bg-card-alt{background:var(--bg-color);border:1px solid var(--border-color)}.product-detail-content .bg-background{background:var(--card-bg);border:1px solid var(--border-color)}.product-detail-content .text-label{color:var(--text-secondary)}.product-detail-content .text-content{color:var(--text-primary)}.product-detail-content .text-content-light{color:var(--text-secondary)}.product-detail-content .text-title{color:var(--text-primary)}.product-detail-content .text-brand-primary{color:var(--primary-color)}.product-detail-content .text-success{color:var(--success-color)}.product-detail-content .text-error{color:var(--error-color)}.info-buttons-container{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap;position:relative}.spec-details-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;color:#334155;transform:translateY(-1px);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a}.spec-details-btn .anticon{margin-right:6px;font-size:14px}.spec-details-btn:hover .anticon{color:#1e40af}.more-info-btn{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:relative;overflow:visible}.more-info-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-color:#94a3b8;color:#334155;transform:translateY(-1px);box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a}.more-info-btn .anticon{margin-right:6px;font-size:14px}.more-info-btn:hover .anticon{color:#1e40af}.more-info-tooltip{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);z-index:99999}.more-info-btn .tooltip-content{position:relative;width:400px;max-height:500px;overflow-y:auto;background-color:#fff;border-radius:8px;box-shadow:0 10px 30px #0003,0 5px 15px #0000001a;padding:18px;font-size:13px;color:#333;border:1px solid #e1e5e9;line-height:1.5}.more-info-btn .tooltip-content:before{content:"";position:absolute;top:-9px;left:50%;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid white;z-index:10001}.more-info-btn .tooltip-content:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #e1e5e9;z-index:10000}.more-info-btn .tooltip-title{font-weight:600;margin-bottom:12px;color:#1e40af;font-size:16px;border-bottom:2px solid #e5e7eb;padding-bottom:6px}.more-info-btn .tooltip-section{margin-bottom:14px}.more-info-btn .tooltip-section-title{font-weight:600;color:#1e40af;font-size:14px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #f3f4f6}.more-info-btn .tooltip-subsection{margin-bottom:10px;padding-left:12px;border-left:3px solid #f3f4f6}.more-info-btn .tooltip-subsection-title{font-weight:500;color:#6b7280;font-size:13px;margin-bottom:6px}.more-info-btn .tooltip-property{margin-bottom:5px;display:flex;justify-content:space-between;align-items:flex-start;line-height:1.4}.more-info-btn .tooltip-property-label{font-weight:500;color:#4b5563;margin-right:8px;min-width:130px;flex-shrink:0;font-size:13px}.more-info-btn .tooltip-property span:last-child{text-align:right;color:#1f2937;font-weight:500;font-size:13px}@media (max-width: 768px){.more-info-tooltip{left:auto;right:0;transform:none}.more-info-btn .tooltip-content{width:350px;max-height:400px;font-size:12px;padding:15px}.more-info-btn .tooltip-content:before,.more-info-btn .tooltip-content:after{right:30px;left:auto;transform:none}.more-info-btn .tooltip-property-label{min-width:110px;font-size:12px}.more-info-btn .tooltip-property span:last-child{font-size:12px}}@media (max-width: 480px){.more-info-btn .tooltip-content{width:320px;max-height:350px;font-size:11px;padding:12px}.more-info-btn .tooltip-property-label{min-width:100px;font-size:11px}.more-info-btn .tooltip-property span:last-child{font-size:11px}.more-info-btn .tooltip-title{font-size:14px}.more-info-btn .tooltip-section-title{font-size:12px}.more-info-btn .tooltip-subsection-title{font-size:11px}}.more-info-btn .tooltip-content{z-index:99999!important}.info-buttons-container,.products-container{overflow:visible!important}.more-info-btn{position:relative}.more-info-btn:after{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;pointer-events:auto}.spec-details-btn:active,.more-info-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.spec-details-btn:disabled,.more-info-btn:disabled{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.spec-details-btn:disabled:hover,.more-info-btn:disabled:hover{transform:none;box-shadow:0 1px 3px #0000001a;background:#f8fafc;border-color:#e2e8f0;color:#94a3b8}@media (max-width: 768px){.info-buttons-container{gap:8px;margin-top:12px}.spec-details-btn,.more-info-btn{padding:6px 12px;font-size:13px}.spec-details-btn .anticon,.more-info-btn .anticon{font-size:13px;margin-right:4px}}@media (max-width: 480px){.info-buttons-container{flex-direction:column;gap:6px}.spec-details-btn,.more-info-btn{width:100%;justify-content:center}}.info-buttons-container:hover .spec-details-btn:not(:hover),.info-buttons-container:hover .more-info-btn:not(:hover){opacity:.7;transform:scale(.98)}.spec-details-btn.loading,.more-info-btn.loading{pointer-events:none}.spec-details-btn.success,.more-info-btn.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#86efac;color:#166534}.spec-details-btn.error,.more-info-btn.error{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#fca5a5;color:#dc2626}.spec-details-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.more-info-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-color-scheme: dark){.spec-details-btn,.more-info-btn{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6b7280;color:#e5e7eb}}.info-tooltip{position:relative;display:inline-flex;align-items:center;cursor:pointer}.tooltip-content{position:absolute;top:-5px;left:30px;width:350px;max-height:400px;overflow-y:auto;background-color:#fff;border-radius:6px;box-shadow:0 5px 15px #0003;padding:15px;z-index:100;font-size:14px;color:#333;visibility:hidden;opacity:0;transition:all .3s ease;transform:translateY(10px);pointer-events:none}.tooltip-title{font-weight:700;margin-bottom:10px;color:#1a57a5;font-size:16px;border-bottom:1px solid #eee;padding-bottom:5px}.tooltip-section{margin-bottom:12px}.tooltip-section-title{font-weight:600;color:#1a57a5;font-size:14px;margin-bottom:8px;padding-bottom:3px;border-bottom:1px solid #f0f0f0}.tooltip-subsection{margin-bottom:8px;padding-left:12px;border-left:2px solid #f0f0f0}.tooltip-subsection-title{font-weight:500;color:#666;font-size:13px;margin-bottom:4px}.tooltip-property{margin-bottom:4px;display:flex;justify-content:space-between;align-items:flex-start}.tooltip-property-label{font-weight:500;color:#555;margin-right:8px;min-width:120px;flex-shrink:0}.tooltip-property span:last-child{text-align:right;color:#333}@media (max-width: 768px){.tooltip-content{width:280px;left:-140px;transform:translate(50%)}.info-tooltip:hover .tooltip-content{transform:translate(50%) translateY(0)}}.consumables-custom-tooltip .ant-tooltip-inner{max-width:min(1200px,95vw)!important;padding:0!important;width:auto!important;background:#fff!important;border-radius:12px!important;box-shadow:0 10px 25px #00000026!important;overflow:hidden!important;min-height:auto!important;height:auto!important}.consumables-custom-tooltip .ant-tooltip-arrow:before{background:#fff!important;border:1px solid #e5e7eb!important}.consumables-custom-tooltip .ant-tooltip-arrow:after{background:#fff!important}.products-container,.bg-card{overflow:visible!important}.consumables-page,.container{overflow-x:visible!important}@media (max-width: 768px){.consumables-custom-tooltip .ant-tooltip-inner{max-width:750px!important;min-width:95vw!important}}@media (max-width: 480px){.consumables-custom-tooltip .ant-tooltip-inner{max-width:95vw!important;min-width:95vw!important}}.consumables-custom-tooltip .ant-tooltip-inner{line-height:1.5;color:#262626}.consumables-custom-tooltip .ant-tooltip-inner .text-gray-700{color:#595959!important;font-weight:500}.consumables-custom-tooltip .ant-tooltip-inner .text-gray-900{color:#262626!important;font-weight:600}.consumables-custom-tooltip .ant-tooltip-inner .text-gray-800{color:#434343!important;font-weight:600}.consumables-custom-tooltip .ant-tooltip-inner .text-gray-500{color:#8c8c8c!important}.consumables-custom-tooltip .ant-tooltip-inner span:contains("待补充"){color:#fa8c16!important;font-weight:500}.consumables-custom-tooltip .ant-tooltip-inner *{text-shadow:none}.consumables-custom-tooltip .ant-tooltip-inner .bg-blue-50,.consumables-custom-tooltip .ant-tooltip-inner .bg-green-50,.consumables-custom-tooltip .ant-tooltip-inner .bg-yellow-50,.consumables-custom-tooltip .ant-tooltip-inner .bg-purple-50,.consumables-custom-tooltip .ant-tooltip-inner .bg-pink-50{border:1px solid rgba(0,0,0,.06)}.consumables-custom-tooltip .ant-tooltip-inner .bg-blue-50 .text-gray-700,.consumables-custom-tooltip .ant-tooltip-inner .bg-green-50 .text-gray-700,.consumables-custom-tooltip .ant-tooltip-inner .bg-yellow-50 .text-gray-700{color:#434343!important;font-weight:500}.consumables-custom-tooltip .ant-tooltip-inner .bg-blue-50 .text-gray-800,.consumables-custom-tooltip .ant-tooltip-inner .bg-green-50 .text-gray-800,.consumables-custom-tooltip .ant-tooltip-inner .bg-yellow-50 .text-gray-800{color:#262626!important;font-weight:600}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding:16px 0}.pagination-button{display:flex;align-items:center;justify-content:center;padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:80px;text-decoration:none}.pagination-button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:#f0f8ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff33}.pagination-button:disabled{background:#f5f5f5;border-color:#e0e0e0;color:#bfbfbf;cursor:not-allowed;opacity:.6}.pagination-button:disabled:hover{transform:none;box-shadow:none;background:#f5f5f5;border-color:#e0e0e0;color:#bfbfbf}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-page{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);border-radius:6px;background:var(--card-bg);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.pagination-page:hover:not(.active){border-color:var(--primary-color);color:var(--primary-color);background:#f0f8ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff33}.pagination-page.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;font-weight:600;box-shadow:0 2px 8px #1890ff4d}.pagination-page.active:hover{background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #1890ff66}@media (max-width: 768px){.pagination{gap:6px;margin-top:20px;padding:12px 0}.pagination-button{padding:6px 12px;font-size:13px;min-width:70px}.pagination-page{width:36px;height:36px;font-size:13px}}@media (max-width: 480px){.pagination{gap:4px;margin-top:16px;padding:8px 0;flex-wrap:wrap}.pagination-button{padding:6px 10px;font-size:12px;min-width:60px}.pagination-page{width:32px;height:32px;font-size:12px}}.pagination-button.loading{pointer-events:none;opacity:.6}.pagination-button.loading:after{content:"";width:12px;height:12px;border:2px solid transparent;border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}@media (prefers-color-scheme: dark){.pagination-button{background:#1e293b;border-color:#334155;color:#f1f5f9}.pagination-button:hover:not(:disabled){background:#0f172a;border-color:var(--primary-color)}.pagination-button:disabled{background:#0f172a;border-color:#1e293b;color:#64748b}.pagination-page{background:#1e293b;border-color:#334155;color:#f1f5f9}.pagination-page:hover:not(.active){background:#0f172a;border-color:var(--primary-color)}}.consumables-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:2rem 0}.container{max-width:1400px;margin:0 auto;padding:0 1rem}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-container{position:relative}.filter-container:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:24px;z-index:-1}.shape-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.shape-option input[type=radio]:checked+label{transform:translateY(-2px);box-shadow:0 10px 25px #3b82f64d}.products-container .group:hover{transform:translateY(-4px)}.products-container .group:hover .group-hover\:scale-105{transform:scale(1.08)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.group:hover [class*=stockBg]{transform:scale(1.02);transition:transform .2s ease}.gradient-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);transition:all .3s ease}.gradient-button:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);transform:translateY(-1px);box-shadow:0 8px 25px #3b82f666}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:24px;box-shadow:0 4px 20px #00000014}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.consumables-page{padding:1rem 0}.container{padding:0 .5rem}.shape-selector{grid-template-columns:repeat(2,1fr);gap:.75rem}.filter-container>div{padding:1rem}}@media (max-width: 640px){.shape-selector{grid-template-columns:1fr}.products-container .lg\:w-1\/4,.products-container .lg\:w-1\/2{width:100%}.products-container .lg\:flex-row{flex-direction:column}}.ant-select-large .ant-select-selector{border-radius:12px;border:2px solid #e2e8f0;transition:all .3s ease}.ant-select-large.ant-select-focused .ant-select-selector{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.ant-input-number-large{border-radius:12px;border:2px solid #e2e8f0}.ant-input-number-large:focus,.ant-input-number-large.ant-input-number-focused{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.ant-btn-primary{border-radius:12px;font-weight:600;transition:all .3s ease}.ant-btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 25px #3b82f666}.consumables-custom-tooltip .ant-tooltip-inner{background:#fff;color:#374151;border-radius:16px;box-shadow:0 20px 40px #00000026;border:1px solid #e5e7eb;max-width:650px}.consumables-custom-tooltip .ant-tooltip-arrow:before{background:#fff;border:1px solid #e5e7eb}.pagination-container{display:flex;justify-content:center;margin-top:2rem}.pagination{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.75rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb}.pagination-button,.pagination-page{padding:.5rem 1rem;border:none;background:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#6b7280}.pagination-button:hover:not(:disabled),.pagination-page:hover{background:#f3f4f6;color:#3b82f6}.pagination-page.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.step-indicator{display:flex;align-items:center;margin-bottom:1rem}.step-number{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;margin-right:.75rem}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .6s ease-out}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.bg-brand-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.text-brand-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.material-btn{position:relative;overflow:hidden}.material-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.material-btn.active{animation:materialButtonActive .3s ease-out}@keyframes materialButtonActive{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.shape-selector input[type=radio]:checked+label{border-color:#3b82f6!important;background-color:#eff6ff!important;box-shadow:0 10px 25px #3b82f626;transform:scale(1.02)}.shape-selector label:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.filter-count{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600;min-width:20px;text-align:center;box-shadow:0 2px 4px #3b82f64d}.filter-disabled{opacity:.5;cursor:not-allowed!important;background-color:#f3f4f6!important}.filter-disabled span{text-decoration:line-through;color:#9ca3af!important}.smart-filter-loading{position:relative}.smart-filter-loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;border-radius:inherit}@media (max-width: 768px){.smart-filter-select{margin-bottom:1rem}.filter-breadcrumb{padding:1rem}.filter-breadcrumb .flex{flex-direction:column;gap:.5rem}.material-btn{font-size:.75rem;padding:.5rem .75rem}}@media (prefers-color-scheme: dark){.smart-filter-select .ant-select{background-color:#374151;border-color:#4b5563;color:#f9fafb}.filter-breadcrumb{background-color:#1f2937;border-color:#374151}.material-btn{background-color:#374151;border-color:#4b5563;color:#f9fafb}.material-btn:hover{background-color:#4b5563}}@media (prefers-contrast: high){.smart-filter-select .ant-select,.material-btn{border-width:2px}.filter-count{border:2px solid #000}}@media (prefers-reduced-motion: reduce){.pulse,.fade-in,.slide-up,.material-btn,.shape-selector label{animation:none!important;transition:none!important}.smart-filter-select .ant-select:hover,.shape-selector label:hover{transform:none!important}}.smart-filter-select .ant-select-focused,.material-btn:focus,.shape-selector input:focus+label{outline:2px solid #3b82f6;outline-offset:2px}.material-btn[aria-pressed=true],.shape-selector input:checked+label{position:relative}.material-btn[aria-pressed=true]:after,.shape-selector input:checked+label:after{content:"✓";position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 4px #10b9814d}.smart-filter-select .ant-select{transition:all .3s ease}.smart-filter-select .ant-select:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.smart-filter-select .ant-select-focused{box-shadow:0 0 0 2px #3b82f633}.filter-breadcrumb{animation:slideInFromTop .3s ease-out}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ant-select-dropdown .ant-select-item-option-disabled{color:#d1d5db!important;background-color:#f9fafb!important}.ant-select-dropdown .ant-select-item-option-disabled span{text-decoration:line-through}:root{--consumable-primary-50: #eff6ff;--consumable-primary-100: #dbeafe;--consumable-primary-200: #bfdbfe;--consumable-primary-300: #93c5fd;--consumable-primary-400: #60a5fa;--consumable-primary-500: #3b82f6;--consumable-primary-600: #2563eb;--consumable-primary-700: #1d4ed8;--consumable-primary-800: #1e40af;--consumable-primary-900: #1e3a8a;--consumable-secondary-50: #fafaf9;--consumable-secondary-100: #f5f5f4;--consumable-secondary-200: #e7e5e4;--consumable-secondary-300: #d6d3d1;--consumable-secondary-400: #a8a29e;--consumable-secondary-500: #78716c;--consumable-secondary-600: #57534e;--consumable-secondary-700: #44403c;--consumable-secondary-800: #292524;--consumable-secondary-900: #1c1917;--consumable-success-color: #10b981;--consumable-warning-color: #f59e0b;--consumable-error-color: #ef4444;--consumable-info-color: #06b6d4;--consumable-font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--consumable-font-family-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--consumable-text-xs: .75rem;--consumable-text-sm: .875rem;--consumable-text-base: 1rem;--consumable-text-lg: 1.125rem;--consumable-text-xl: 1.25rem;--consumable-text-2xl: 1.5rem;--consumable-text-3xl: 1.875rem;--consumable-space-1: .25rem;--consumable-space-2: .5rem;--consumable-space-3: .75rem;--consumable-space-4: 1rem;--consumable-space-5: 1.25rem;--consumable-space-6: 1.5rem;--consumable-space-8: 2rem;--consumable-space-10: 2.5rem;--consumable-space-12: 3rem;--consumable-space-16: 4rem;--consumable-rounded-sm: .125rem;--consumable-rounded: .25rem;--consumable-rounded-md: .375rem;--consumable-rounded-lg: .5rem;--consumable-rounded-xl: .75rem;--consumable-rounded-2xl: 1rem;--consumable-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--consumable-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--consumable-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--consumable-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--consumable-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--consumable-transition-fast: all .15s ease-in-out;--consumable-transition-normal: all .3s ease-in-out;--consumable-transition-slow: all .5s ease-in-out;--consumable-z-tooltip: 1000;--consumable-z-modal: 1050;--consumable-z-popover: 1100}.consumables-page{font-family:var(--consumable-font-family-sans);background:linear-gradient(135deg,var(--consumable-primary-50) 0%,var(--consumable-secondary-50) 100%);min-height:100vh;padding:var(--consumable-space-4)}.consumables-grid{display:grid;gap:var(--consumable-space-6);max-width:1400px;margin:0 auto;padding:var(--consumable-space-4)}@media (min-width: 320px){.consumables-grid{grid-template-columns:1fr}}@media (min-width: 768px){.consumables-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.consumables-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1400px){.consumables-grid{grid-template-columns:repeat(4,1fr)}}.premium-consumable-card{background:#fff;border-radius:var(--consumable-rounded-xl);box-shadow:var(--consumable-shadow-md);overflow:hidden;transition:var(--consumable-transition-normal);position:relative;cursor:pointer;transform:translateY(0);will-change:transform,box-shadow}.premium-consumable-card:hover{transform:translateY(-8px);box-shadow:var(--consumable-shadow-xl);border:1px solid var(--consumable-primary-200)}.premium-consumable-card:active{transform:translateY(-4px)}.card-image-container{position:relative;height:240px;background:linear-gradient(135deg,var(--consumable-secondary-50),var(--consumable-primary-50));display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image{max-width:85%;max-height:85%;-o-object-fit:contain;object-fit:contain;transition:var(--consumable-transition-normal);filter:drop-shadow(0 4px 8px rgba(0,0,0,.08))}.premium-consumable-card:hover .card-image{transform:scale(1.05)}.card-content{padding:var(--consumable-space-6)}.card-title{font-size:var(--consumable-text-lg);font-weight:600;color:var(--consumable-secondary-900);margin:0 0 var(--consumable-space-3) 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-subtitle{font-size:var(--consumable-text-sm);color:var(--consumable-secondary-600);margin:0 0 var(--consumable-space-4) 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--consumable-space-3);margin-top:var(--consumable-space-4)}.card-field{padding:var(--consumable-space-3);background:var(--consumable-secondary-50);border-radius:var(--consumable-rounded-md);border-left:3px solid var(--consumable-primary-400)}.card-field-label{font-size:var(--consumable-text-xs);font-weight:500;color:var(--consumable-secondary-600);text-transform:none;letter-spacing:.025em;margin-bottom:var(--consumable-space-1)}.card-field-value{font-size:var(--consumable-text-sm);font-weight:600;color:var(--consumable-secondary-900);word-break:break-word}.premium-tooltip{background:#fff;border-radius:var(--consumable-rounded-lg);box-shadow:var(--consumable-shadow-xl);border:1px solid var(--consumable-secondary-200);padding:0;max-width:480px;overflow:hidden;z-index:var(--consumable-z-tooltip)}.tooltip-header{background:linear-gradient(135deg,var(--consumable-primary-600),var(--consumable-primary-700));color:#fff;padding:var(--consumable-space-4) var(--consumable-space-5);border-bottom:1px solid var(--consumable-primary-500)}.tooltip-title{font-size:var(--consumable-text-lg);font-weight:600;margin:0;line-height:1.3}.tooltip-content{padding:var(--consumable-space-5);max-height:400px;overflow-y:auto}.tooltip-group{margin-bottom:var(--consumable-space-6)}.tooltip-group:last-child{margin-bottom:0}.tooltip-group-title{font-size:var(--consumable-text-sm);font-weight:600;color:var(--consumable-primary-700);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--consumable-space-3);padding-bottom:var(--consumable-space-2);border-bottom:2px solid var(--consumable-primary-100);display:flex;align-items:center}.tooltip-group-icon{width:16px;height:16px;margin-right:var(--consumable-space-2);opacity:.8}.tooltip-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--consumable-space-4)}@media (max-width: 500px){.tooltip-fields{grid-template-columns:1fr}}.tooltip-field{background:var(--consumable-secondary-50);padding:var(--consumable-space-3);border-radius:var(--consumable-rounded);border-left:3px solid var(--consumable-primary-400);transition:var(--consumable-transition-fast)}.tooltip-field:hover{background:var(--consumable-primary-50);border-left-color:var(--consumable-primary-600)}.tooltip-field-label{font-size:var(--consumable-text-xs);font-weight:500;color:var(--consumable-secondary-600);text-transform:none;letter-spacing:.025em;margin-bottom:var(--consumable-space-1);line-height:1.2}.tooltip-field-value{font-size:var(--consumable-text-sm);font-weight:600;color:var(--consumable-secondary-900);line-height:1.3;word-break:break-word}.unit-metric{color:var(--consumable-primary-600)}.unit-imperial{color:var(--consumable-info-color)}.cart-item{background:#fff;border-radius:var(--consumable-rounded-lg);box-shadow:var(--consumable-shadow);padding:var(--consumable-space-4);margin-bottom:var(--consumable-space-3);border-left:4px solid var(--consumable-primary-400);transition:var(--consumable-transition-fast)}.cart-item:hover{box-shadow:var(--consumable-shadow-md);border-left-color:var(--consumable-primary-600)}.cart-item-title{font-size:var(--consumable-text-base);font-weight:600;color:var(--consumable-secondary-900);margin:0 0 var(--consumable-space-2) 0}.cart-item-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--consumable-space-2);margin-top:var(--consumable-space-3)}.cart-field{font-size:var(--consumable-text-xs);color:var(--consumable-secondary-600)}.cart-field-value{font-weight:600;color:var(--consumable-secondary-900);margin-top:var(--consumable-space-1)}.loading-shimmer{background:linear-gradient(90deg,var(--consumable-secondary-200) 25%,var(--consumable-secondary-100) 50%,var(--consumable-secondary-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error-state{background:var(--consumable-error-color);color:#fff;padding:var(--consumable-space-4);border-radius:var(--consumable-rounded-md);text-align:center;font-weight:500}.success-state{background:var(--consumable-success-color);color:#fff;padding:var(--consumable-space-4);border-radius:var(--consumable-rounded-md);text-align:center;font-weight:500}.premium-consumable-card:focus{outline:2px solid var(--consumable-primary-500);outline-offset:2px}.tooltip-field:focus-within{outline:1px solid var(--consumable-primary-400);outline-offset:1px}@media (prefers-contrast: high){.premium-consumable-card{border:2px solid var(--consumable-secondary-400)}.card-field,.tooltip-field{border:1px solid var(--consumable-secondary-400)}}@media (prefers-reduced-motion: reduce){.premium-consumable-card,.card-image,.tooltip-field,.cart-item{transition:none}.premium-consumable-card:hover{transform:none}.loading-shimmer{animation:none}}@media (prefers-color-scheme: dark){:root{--consumable-primary-50: #1e3a8a;--consumable-primary-100: #1d4ed8;--consumable-primary-200: #2563eb;--consumable-primary-300: #3b82f6;--consumable-primary-400: #60a5fa;--consumable-primary-500: #93c5fd;--consumable-primary-600: #bfdbfe;--consumable-primary-700: #dbeafe;--consumable-primary-800: #eff6ff;--consumable-primary-900: #f8fafc;--consumable-secondary-50: #1c1917;--consumable-secondary-100: #292524;--consumable-secondary-200: #44403c;--consumable-secondary-300: #57534e;--consumable-secondary-400: #78716c;--consumable-secondary-500: #a8a29e;--consumable-secondary-600: #d6d3d1;--consumable-secondary-700: #e7e5e4;--consumable-secondary-800: #f5f5f4;--consumable-secondary-900: #fafaf9}.consumables-page{background:linear-gradient(135deg,var(--consumable-secondary-50) 0%,#0f172a 100%)}.premium-consumable-card,.premium-tooltip{background:var(--consumable-secondary-100);border:1px solid var(--consumable-secondary-300)}}.consumables-custom-tooltip{max-width:min(600px,90vw)!important}.consumables-custom-tooltip .ant-tooltip-inner{max-width:min(600px,90vw)!important;padding:0!important;width:auto!important}.consumable-tooltip{width:auto;min-width:320px;max-width:600px;overflow:visible;font-size:12px;line-height:1.4}.consumable-tooltip .tooltip-header{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.consumable-tooltip .tooltip-content-grid{display:flex;gap:16px;padding:16px 16px 12px;margin:0}.consumable-tooltip .section-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#374151;margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid #e5e7eb}.consumable-tooltip .specs-summary-card,.consumable-tooltip .pallet-configs-card,.consumable-tooltip .package-info-card,.consumable-tooltip .tech-params-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:10px;width:100%}.consumable-tooltip .spec-item,.consumable-tooltip .pallet-config-row,.consumable-tooltip .package-row,.consumable-tooltip .tech-param-row{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 10px;background:#fff;border-radius:4px;border:1px solid #f3f4f6;margin-bottom:4px;min-height:auto}.consumable-tooltip .spec-label,.consumable-tooltip .config-label,.consumable-tooltip .package-label,.consumable-tooltip .param-label{font-size:11px;color:#6b7280;font-weight:500;flex:0 0 auto;text-align:left;margin-right:12px;word-break:keep-all;white-space:nowrap;text-transform:none}.consumable-tooltip .spec-value,.consumable-tooltip .config-value,.consumable-tooltip .package-value,.consumable-tooltip .param-value{font-size:11px;color:#1f2937;font-weight:600;text-align:right;flex:1;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.consumable-tooltip ::-webkit-scrollbar{width:6px;height:6px}.consumable-tooltip ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.consumable-tooltip ::-webkit-scrollbar-thumb:hover{background:#94a3b8}.consumable-tooltip{width:auto;min-width:800px;max-width:1200px;overflow:visible;font-size:12px;line-height:1.4}.consumable-tooltip .tooltip-content-grid{display:flex;gap:16px;padding:12px;min-width:0;width:auto;overflow:visible}.consumable-tooltip .pallet-configs-compact,.consumable-tooltip .package-details,.consumable-tooltip .tech-params-compact{overflow:visible}@media (max-width: 768px){.consumables-custom-tooltip,.consumables-custom-tooltip .ant-tooltip-inner{max-width:95vw!important}.consumable-tooltip{min-width:95vw;max-width:95vw}.consumable-tooltip .tooltip-content-grid{flex-direction:column;gap:10px;padding:10px}.consumable-tooltip .left-column,.consumable-tooltip .right-column{width:100%}}.more-info-btn .tooltip-content{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:16px;margin-top:8px;width:800px;max-width:95vw;opacity:0;visibility:hidden;transition:all .2s ease-in-out;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.more-info-btn .tooltip-content:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #d1d5db}.more-info-btn .tooltip-content:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid white}.consumables-custom-tooltip{max-width:min(1200px,95vw)!important;z-index:10000!important}.consumables-custom-tooltip .ant-tooltip-inner{max-width:min(1200px,95vw)!important;padding:0!important;width:auto!important;background:#fff!important;border-radius:12px!important;box-shadow:0 10px 25px #00000026!important;overflow:hidden!important}.consumable-tooltip{width:auto;min-width:800px;max-width:1200px;font-size:12px;line-height:1.4;color:#1f2937;margin:0;padding:0;display:block}.consumable-tooltip .left-column,.consumable-tooltip .right-column{flex:1;min-width:0;margin:0}.consumable-tooltip .right-column .package-info-card:last-child,.consumable-tooltip .right-column .tech-params-card:last-child,.consumable-tooltip .left-column .specs-summary-card:last-child,.consumable-tooltip .left-column .pallet-configs-card:last-child{margin-bottom:0}.consumable-tooltip .specs-grid{display:grid;grid-template-columns:1fr;gap:6px;margin:0}.consumable-tooltip .pallet-configs-compact,.consumable-tooltip .package-details,.consumable-tooltip .tech-params-compact{margin:0}.consumables-custom-tooltip{max-width:min(600px,90vw)!important;z-index:10000!important}.consumables-custom-tooltip .ant-tooltip-inner{max-width:min(600px,90vw)!important;padding:0!important;margin:0!important;width:-moz-fit-content!important;width:fit-content!important;height:-moz-fit-content!important;height:fit-content!important;background:#fff!important;border-radius:12px!important;box-shadow:0 8px 20px #0000001f!important;overflow:hidden!important;display:block!important}.consumable-tooltip{width:-moz-fit-content;width:fit-content;min-width:320px;max-width:600px;font-size:12px;line-height:1.4;color:#1f2937;margin:0;padding:0;display:block}.consumable-tooltip .tooltip-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px 12px 0 0;margin:0}.consumable-tooltip .product-image{width:50px;height:50px;flex-shrink:0}.consumable-tooltip .product-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:6px}.consumable-tooltip .product-title h4{margin:0;font-size:14px;font-weight:600;color:#1f2937;line-height:1.3}.consumable-tooltip .product-code{font-size:11px;color:#6b7280;margin-top:2px}.consumable-tooltip .tooltip-content-grid{display:flex;gap:16px;padding:16px;margin:0}.consumable-tooltip .section-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#374151;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #e5e7eb}.consumable-tooltip .title-icon{font-size:14px}.consumable-tooltip .specs-summary-card,.consumable-tooltip .pallet-configs-card,.consumable-tooltip .package-info-card,.consumable-tooltip .tech-params-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:12px}.consumable-tooltip .left-column>div:last-child,.consumable-tooltip .right-column>div:last-child{margin-bottom:0}.consumable-tooltip .spec-item,.consumable-tooltip .pallet-config-row,.consumable-tooltip .package-row,.consumable-tooltip .tech-param-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 10px;background:#fff;border-radius:4px;border:1px solid #f3f4f6;margin-bottom:6px}.consumable-tooltip .spec-item:last-child,.consumable-tooltip .pallet-config-row:last-child,.consumable-tooltip .package-row:last-child,.consumable-tooltip .tech-param-row:last-child{margin-bottom:0}.consumable-tooltip .spec-label,.consumable-tooltip .config-label,.consumable-tooltip .package-label,.consumable-tooltip .param-label{font-size:11px;color:#6b7280;font-weight:500;margin-right:12px;white-space:nowrap;flex-shrink:0}.consumable-tooltip .spec-value,.consumable-tooltip .config-value,.consumable-tooltip .package-value,.consumable-tooltip .param-value{font-size:11px;color:#1f2937;font-weight:600;text-align:right;word-wrap:break-word}.consumable-tooltip .specs-grid,.consumable-tooltip .pallet-configs-compact,.consumable-tooltip .package-details,.consumable-tooltip .tech-params-compact{margin:0;padding:0}@media (max-width: 768px){.consumables-custom-tooltip,.consumables-custom-tooltip .ant-tooltip-inner{max-width:95vw!important}.consumable-tooltip{min-width:95vw;max-width:95vw}.consumable-tooltip .tooltip-content-grid{flex-direction:column;gap:12px;padding:12px}.consumable-tooltip .left-column,.consumable-tooltip .right-column{width:100%}}.consumable-tooltip .spec-label,.consumable-tooltip .package-label,.consumable-tooltip .config-label,.consumable-tooltip .param-label,.consumable-tooltip .tooltip-field-label{text-transform:none!important}:root{--consumable-primary: #3b82f6;--consumable-primary-dark: #1d4ed8;--consumable-primary-light: #60a5fa;--consumable-secondary: #10b981;--consumable-secondary-dark: #059669;--consumable-secondary-light: #34d399;--consumable-accent: #f59e0b;--consumable-accent-dark: #d97706;--consumable-accent-light: #fbbf24;--consumable-gray-50: #f9fafb;--consumable-gray-100: #f3f4f6;--consumable-gray-200: #e5e7eb;--consumable-gray-300: #d1d5db;--consumable-gray-400: #9ca3af;--consumable-gray-500: #6b7280;--consumable-gray-600: #4b5563;--consumable-gray-700: #374151;--consumable-gray-800: #1f2937;--consumable-gray-900: #111827;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}[data-theme=dark]{--consumable-bg-primary: #0f172a;--consumable-bg-secondary: #1e293b;--consumable-bg-tertiary: #334155;--consumable-text-primary: #f8fafc;--consumable-text-secondary: #cbd5e1;--consumable-text-tertiary: #94a3b8;--consumable-border-primary: rgba(255, 255, 255, .1);--consumable-border-secondary: rgba(255, 255, 255, .05)}.consumables-custom-tooltip .ant-tooltip-inner{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;max-width:1200px!important}.consumables-custom-tooltip .ant-tooltip-arrow{display:none!important}.consumables-custom-tooltip .consumable-tooltip{position:relative;z-index:1000}.consumable-tooltip{min-width:800px;max-width:1200px;background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid rgba(0,0,0,.12);border-radius:16px;box-shadow:0 25px 50px -12px #00000026,0 10px 10px -5px #00000014,0 0 0 1px #fffc inset;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:tooltipFadeIn .2s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.consumable-tooltip *{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.consumable-tooltip .tooltip-header{display:flex;align-items:center;margin-bottom:16px;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;border-bottom:none}.consumable-tooltip .tooltip-header .product-image{width:48px;height:48px;border-radius:8px;overflow:hidden;margin-right:12px;background:#fff3;border:2px solid rgba(255,255,255,.3)}.consumable-tooltip .tooltip-header .product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.consumable-tooltip .tooltip-header .product-image img:hover{transform:scale(1.05)}.consumable-tooltip .tooltip-header .product-title{flex:1}.consumable-tooltip .tooltip-header .product-title h4{font-size:16px;font-weight:700;color:#fff;margin:0 0 4px;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.3)}.consumable-tooltip .tooltip-header .product-title .product-code{font-size:12px;color:#ffffffe6;font-weight:600;letter-spacing:.3px;background:#fff3;padding:3px 8px;border-radius:6px;display:inline-block;border:1px solid rgba(255,255,255,.3)}.tooltip-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tooltip-content-grid.single-column{grid-template-columns:1fr}.tooltip-content-grid.three-columns{grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 768px){.tooltip-content-grid{grid-template-columns:1fr!important;gap:12px}}.tooltip-content-grid .left-column,.tooltip-content-grid .right-column{display:flex;flex-direction:column;gap:12px}.specs-summary-card,.package-info-card,.pallet-configs-card,.tech-params-card{background:#ffffffe6;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:12px;transition:all .2s ease;height:-moz-fit-content;height:fit-content}.specs-summary-card:hover,.package-info-card:hover,.pallet-configs-card:hover,.tech-params-card:hover{background:#fff;border-color:#3b82f633;transform:translateY(-1px);box-shadow:0 3px 6px -1px #0000001a}.section-title{font-size:13px;font-weight:700;color:#1f2937;margin:0 0 8px;display:flex;align-items:center;text-shadow:0 1px 2px rgba(0,0,0,.05)}.section-title .title-icon{margin-right:6px;font-size:14px}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.specs-grid .spec-item{display:flex;flex-direction:column;background:#f8fafccc;border:1px solid rgba(0,0,0,.04);border-radius:6px;padding:6px 8px;text-align:center;transition:all .2s ease}.specs-grid .spec-item:hover{background:#3b82f60d;border-color:#3b82f633}.specs-grid .spec-item .spec-label{font-size:10px;color:#6b7280;font-weight:500;margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.specs-grid .spec-item .spec-value{font-size:12px;font-weight:600;color:#1f2937;line-height:1.2}.specs-grid .spec-item .spec-value:not([data-empty=true]){font-family:ui-monospace,SF Mono,Monaco,monospace;color:#059669}.package-details{display:flex;flex-direction:column;gap:4px}.package-details .package-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.04)}.package-details .package-row:last-child{border-bottom:none}.package-details .package-row .package-label{font-size:11px;font-weight:500;color:#374151;flex:1}.package-details .package-row .package-value{font-size:11px;font-weight:600;color:#111827;text-align:right;max-width:100px;word-wrap:break-word}.package-details .package-row .package-value:not(:empty){font-family:ui-monospace,SF Mono,Monaco,monospace;background:#10b9811a;color:#065f46;padding:1px 4px;border-radius:3px}.pallet-configs-compact{display:flex;flex-direction:column;gap:6px}.pallet-configs-compact .pallet-config-row{display:flex;flex-direction:column;padding:6px 8px;background:#f8fafccc;border:1px solid rgba(0,0,0,.04);border-radius:6px;transition:all .2s ease}.pallet-configs-compact .pallet-config-row:hover{background:#ef44440d;border-color:#ef444433}.pallet-configs-compact .pallet-config-row .config-label{font-size:11px;font-weight:600;color:#ef4444;margin-bottom:4px;border-bottom:1px solid rgba(239,68,68,.1);padding-bottom:2px}.pallet-configs-compact .pallet-config-row .config-values{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pallet-configs-compact .pallet-config-row .config-values .config-item{display:flex;align-items:center;gap:4px;background:#fff9;padding:2px 6px;border-radius:4px;border:1px solid rgba(0,0,0,.05)}.pallet-configs-compact .pallet-config-row .config-values .config-item .unit-label{font-size:10px;font-weight:600;color:#6b7280;min-width:24px;text-align:left}.pallet-configs-compact .pallet-config-row .config-values .config-item .unit-value{font-size:11px;font-weight:700;color:#111827;font-family:ui-monospace,SF Mono,Monaco,monospace;background:#3b82f61a;padding:2px 6px;border-radius:4px;border:1px solid rgba(59,130,246,.2)}.tech-params-compact{display:flex;flex-direction:column;gap:4px}.tech-params-compact .tech-param-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.04)}.tech-params-compact .tech-param-row:last-child{border-bottom:none}.tech-params-compact .tech-param-row .param-label{font-size:11px;font-weight:500;color:#8b5cf6;flex:1}.tech-params-compact .tech-param-row .param-value{font-size:11px;font-weight:600;color:#111827;text-align:right;font-family:ui-monospace,SF Mono,Monaco,monospace;background:#8b5cf61a;color:#6b21a8;padding:1px 4px;border-radius:3px}.consumable-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;padding:24px 0}@media (max-width: 768px){.consumable-product-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px 0}}.consumable-product-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;margin-bottom:24px;box-shadow:0 2px 8px #0000000f}.consumable-product-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0000001a,0 0 0 1px #3b82f61a;border-color:#3b82f633}.consumable-product-card .stock-status-badge{position:absolute;top:16px;right:16px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.consumable-product-card .stock-status-badge.high-stock{background:#10b981e6;color:#fff;box-shadow:0 2px 4px #10b9814d}.consumable-product-card .stock-status-badge.low-stock{background:#f59e0be6;color:#fff;box-shadow:0 2px 4px #f59e0b4d}.consumable-product-card .stock-status-badge.out-stock{background:#ef4444e6;color:#fff;box-shadow:0 2px 4px #ef44444d}.consumable-product-card .product-card-content{padding:24px}.consumable-product-card .product-card-content .product-layout{display:grid;grid-template-columns:200px 1fr auto;gap:24px;align-items:start}@media (max-width: 768px){.consumable-product-card .product-card-content .product-layout{grid-template-columns:1fr;gap:16px}}.consumable-product-card .product-image-section{display:flex;flex-direction:column;align-items:center}.consumable-product-card .product-image-section .image-container{position:relative;width:160px;height:160px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;box-shadow:inset 0 2px 4px #0000000f}.consumable-product-card .product-image-section .image-container:hover{transform:scale(1.02)}.consumable-product-card .product-image-section .image-container img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.consumable-product-card .product-image-section .product-code-badge{margin-top:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px #3b82f64d}.consumable-product-card .product-info-section{flex:1}.consumable-product-card .product-info-section .product-title .product-name{font-size:20px;font-weight:700;color:#1f2937;line-height:1.3;margin-bottom:8px;transition:color .2s ease}.consumable-product-card .product-info-section .product-title .product-name:hover{color:#3b82f6}.consumable-product-card .product-info-section .product-title .compatibility-info{color:#6b7280;font-size:14px;margin-bottom:4px}.consumable-product-card .product-info-section .product-title .compatibility-info .label{font-weight:500}.consumable-product-card .product-info-section .product-title .compatibility-info .value{font-weight:600;color:#374151}.consumable-product-card .product-info-section .product-title .product-id{color:#9ca3af;font-size:12px;font-weight:500}.consumable-product-card .product-info-section .specs-showcase{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid rgba(59,130,246,.1);border-radius:12px;padding:16px;margin:16px 0}.consumable-product-card .product-info-section .specs-showcase .specs-title{display:flex;align-items:center;margin-bottom:12px}.consumable-product-card .product-info-section .specs-showcase .specs-title .title-icon{width:20px;height:20px;margin-right:8px;color:#3b82f6}.consumable-product-card .product-info-section .specs-showcase .specs-title .title-text{font-size:14px;font-weight:600;color:#1f2937}.consumable-product-card .product-info-section .specs-showcase .specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.consumable-product-card .product-info-section .specs-showcase .specs-grid .spec-badge .spec-value{word-wrap:break-word;word-break:break-word;white-space:normal}.consumable-product-card .product-info-section .specs-showcase .specs-grid .spec-badge{background:#fffc;border:1px solid rgba(59,130,246,.1);border-radius:8px;padding:8px 12px;text-align:center;transition:all .2s ease}.consumable-product-card .product-info-section .specs-showcase .specs-grid .spec-badge:hover{background:#3b82f60d;border-color:#3b82f633;transform:translateY(-1px)}.consumable-product-card .product-info-section .specs-showcase .specs-grid .spec-badge .spec-label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.consumable-product-card .product-info-section .specs-showcase .specs-grid .spec-badge .spec-value{font-size:13px;font-weight:600;color:#1f2937;line-height:1.2}.consumable-product-card .product-info-section .product-actions{margin-top:16px}.consumable-product-card .product-info-section .product-actions .tooltip-trigger-btn{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#eff6ff,#f0f9ff);color:#3b82f6;border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease}.consumable-product-card .product-info-section .product-actions .tooltip-trigger-btn:hover{background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f633}.consumable-product-card .product-info-section .product-actions .tooltip-trigger-btn .action-icon{margin-right:6px;font-size:14px}.consumable-product-card .price-purchase-section{min-width:280px;display:flex;flex-direction:column;gap:16px}.consumable-product-card .price-purchase-section .price-display{text-align:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid rgba(34,197,94,.1);border-radius:12px;padding:16px}.consumable-product-card .price-purchase-section .price-display .price-label{font-size:12px;color:#6b7280;font-weight:500;margin-bottom:4px}.consumable-product-card .price-purchase-section .price-display .price-value{font-size:24px;font-weight:700;color:#059669;margin-bottom:4px;font-family:ui-monospace,SF Mono,Monaco,monospace}.consumable-product-card .price-purchase-section .price-display .price-note{font-size:11px;color:#9ca3af;font-weight:500}.consumable-product-card .price-purchase-section .price-tiers{background:#f9fafb;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:12px;max-height:120px;overflow-y:auto}.consumable-product-card .price-purchase-section .price-tiers .tiers-title{font-size:12px;font-weight:600;color:#374151;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;background:#f9fafb}.consumable-product-card .price-purchase-section .price-tiers .tier-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px}.consumable-product-card .price-purchase-section .price-tiers .tier-item .tier-range{color:#6b7280;font-weight:500}.consumable-product-card .price-purchase-section .price-tiers .tier-item .tier-price{color:#059669;font-weight:700;font-family:ui-monospace,SF Mono,Monaco,monospace}.consumable-product-card .price-purchase-section .price-tiers .more-tiers{text-align:center;padding:6px 0;font-size:11px;color:#3b82f6;font-weight:500}.consumable-product-card .price-purchase-section .stock-info{border-radius:10px;padding:12px;border:1px solid}.consumable-product-card .price-purchase-section .stock-info.high-stock{background:#10b9810d;border-color:#10b98133}.consumable-product-card .price-purchase-section .stock-info.high-stock .stock-status-text{color:#059669}.consumable-product-card .price-purchase-section .stock-info.low-stock{background:#f59e0b0d;border-color:#f59e0b33}.consumable-product-card .price-purchase-section .stock-info.low-stock .stock-status-text{color:#d97706}.consumable-product-card .price-purchase-section .stock-info.out-stock{background:#ef44440d;border-color:#ef444433}.consumable-product-card .price-purchase-section .stock-info.out-stock .stock-status-text{color:#dc2626}.consumable-product-card .price-purchase-section .stock-info .stock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.consumable-product-card .price-purchase-section .stock-info .stock-header .stock-label{font-size:12px;font-weight:500;color:#6b7280}.consumable-product-card .price-purchase-section .stock-info .stock-header .stock-status-text{font-size:12px;font-weight:700}.consumable-product-card .price-purchase-section .stock-info .stock-details{text-align:center}.consumable-product-card .price-purchase-section .stock-info .stock-details .total-stock{font-size:11px;color:#6b7280}.consumable-product-card .price-purchase-section .stock-info .stock-details .total-stock .stock-number{font-weight:600;color:#374151}.consumable-product-card .price-purchase-section .purchase-actions{display:flex;flex-direction:column;gap:12px}.consumable-product-card .price-purchase-section .purchase-actions .quantity-selector .quantity-input{width:100%;height:44px;border:1px solid rgba(0,0,0,.1);border-radius:8px;text-align:center;font-size:16px;font-weight:500;transition:all .2s ease}.consumable-product-card .price-purchase-section .purchase-actions .quantity-selector .quantity-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.consumable-product-card .price-purchase-section .purchase-actions .quantity-selector .quantity-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.consumable-product-card .price-purchase-section .purchase-actions .stock-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:8px 12px}.consumable-product-card .price-purchase-section .purchase-actions .stock-warning .warning-text{font-size:11px;color:#d97706;font-weight:500;text-align:center}.consumable-product-card .price-purchase-section .purchase-actions .action-buttons{display:flex;flex-direction:column;gap:8px}.consumable-product-card .price-purchase-section .purchase-actions .action-buttons .add-to-cart-btn{height:48px;border-radius:10px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.consumable-product-card .price-purchase-section .purchase-actions .action-buttons .add-to-cart-btn.available{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 8px #3b82f64d}.consumable-product-card .price-purchase-section .purchase-actions .action-buttons .add-to-cart-btn.available:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.consumable-product-card .price-purchase-section .purchase-actions .action-buttons .add-to-cart-btn.available:active{transform:translateY(0)}.consumable-product-card .price-purchase-section .purchase-actions .action-buttons .add-to-cart-btn.unavailable{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;box-shadow:none}.consumable-product-card .price-purchase-section .purchase-actions .action-buttons .quick-buy-btn{height:40px;border-radius:8px;font-size:13px;font-weight:500;background:transparent;color:#3b82f6;border:1px solid rgba(59,130,246,.3);cursor:pointer;transition:all .2s ease}.consumable-product-card .price-purchase-section .purchase-actions .action-buttons .quick-buy-btn:hover{background:#3b82f60d;border-color:#3b82f666}@media (min-width: 1400px){.consumable-products-container .consumable-product-grid{grid-template-columns:repeat(4,1fr);gap:32px}}@media (min-width: 1200px) and (max-width: 1399px){.consumable-products-container .consumable-product-grid{grid-template-columns:repeat(3,1fr);gap:28px}}@media (min-width: 768px) and (max-width: 1199px){.consumable-products-container .consumable-product-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 640px){.consumable-products-container .consumable-product-grid{grid-template-columns:1fr;gap:20px;padding:16px}.consumable-products-container .consumable-product-card .core-specifications{grid-template-columns:1fr;gap:8px}.consumable-products-container .consumable-product-card .extended-info .info-grid .info-row{flex-direction:column;align-items:flex-start;gap:4px}.consumable-products-container .consumable-tooltip{min-width:calc(100vw - 32px);max-width:calc(100vw - 32px);margin:16px;padding:16px;max-height:80vh}.consumable-products-container .consumable-tooltip .tooltip-header{flex-direction:column;text-align:center}.consumable-products-container .consumable-tooltip .tooltip-header .product-image{align-self:center;margin:0 0 8px}.consumable-products-container .consumable-tooltip .tooltip-content-grid .left-column,.consumable-products-container .consumable-tooltip .tooltip-content-grid .right-column{gap:8px}.consumable-products-container .consumable-tooltip .specs-grid{grid-template-columns:1fr;gap:6px}.consumable-products-container .consumable-tooltip .package-row,.consumable-products-container .consumable-tooltip .pallet-config-row,.consumable-products-container .consumable-tooltip .tech-param-row{flex-direction:column;align-items:flex-start;gap:4px}.consumable-products-container .consumable-tooltip .package-row .package-label,.consumable-products-container .consumable-tooltip .package-row .config-label,.consumable-products-container .consumable-tooltip .package-row .param-label,.consumable-products-container .consumable-tooltip .pallet-config-row .package-label,.consumable-products-container .consumable-tooltip .pallet-config-row .config-label,.consumable-products-container .consumable-tooltip .pallet-config-row .param-label,.consumable-products-container .consumable-tooltip .tech-param-row .package-label,.consumable-products-container .consumable-tooltip .tech-param-row .config-label,.consumable-products-container .consumable-tooltip .tech-param-row .param-label{margin-bottom:2px}.consumable-products-container .consumable-tooltip .package-row .package-value,.consumable-products-container .consumable-tooltip .package-row .config-value,.consumable-products-container .consumable-tooltip .package-row .param-value,.consumable-products-container .consumable-tooltip .pallet-config-row .package-value,.consumable-products-container .consumable-tooltip .pallet-config-row .config-value,.consumable-products-container .consumable-tooltip .pallet-config-row .param-value,.consumable-products-container .consumable-tooltip .tech-param-row .package-value,.consumable-products-container .consumable-tooltip .tech-param-row .config-value,.consumable-products-container .consumable-tooltip .tech-param-row .param-value{text-align:left;max-width:100%}}[data-theme=dark] .consumable-product-card{background:var(--consumable-bg-secondary);border-color:var(--consumable-border-primary);color:var(--consumable-text-primary)}[data-theme=dark] .consumable-product-card .product-name{color:var(--consumable-text-primary)}[data-theme=dark] .consumable-product-card .product-code{color:var(--consumable-text-tertiary)}[data-theme=dark] .consumable-product-card .extended-info{background:var(--consumable-bg-tertiary);border-color:var(--consumable-border-secondary)}[data-theme=dark] .consumable-tooltip{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:var(--consumable-border-primary);color:var(--consumable-text-primary)}[data-theme=dark] .consumable-tooltip .field-group{background:#ffffff08;border-color:var(--consumable-border-secondary)}@keyframes cardHover{0%{transform:translateY(0) scale(1);box-shadow:var(--shadow-md)}to{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-2xl)}}@keyframes tooltipShow{0%{opacity:0;transform:translateY(-12px) scale(.94);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes fieldValueHighlight{0%{background:transparent}50%{background:#3b82f61a}to{background:transparent}}@keyframes buttonSuccess{0%{background:var(--consumable-primary)}50%{background:var(--consumable-success);transform:scale(1.05)}to{background:var(--consumable-success);transform:scale(1)}}.consumable-product-card:hover{animation:cardHover .3s cubic-bezier(.4,0,.2,1) forwards}.consumable-tooltip{animation:tooltipShow .4s cubic-bezier(.16,1,.3,1)}.tooltip-field .field-value[data-field-type=numeric]:hover{animation:fieldValueHighlight .6s ease-in-out}.add-to-cart-btn.success{animation:buttonSuccess .8s cubic-bezier(.4,0,.2,1)}.consumable-product-card{will-change:transform;transform:translateZ(0);backface-visibility:hidden}.consumable-product-card:hover{transform:translateY(-4px) translateZ(0)}@media (prefers-reduced-motion: reduce){.consumable-product-card,.consumable-tooltip,.tooltip-field{animation:none;transition:none}}@media (prefers-contrast: high){.consumable-product-card{border-width:2px;border-color:#000}.consumable-product-card .field-value[data-field-type=numeric]{border:2px solid #000}}.consumables-page .products-container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease-out}.package-image-section{margin-bottom:16px;padding:12px;background:#f9fafb80;border-radius:8px;border:1px solid rgba(229,231,235,.6)}.package-image-container{display:flex;flex-direction:column;align-items:center;gap:8px}.package-image-container img{width:120px;height:90px;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:2px solid rgba(59,130,246,.1);background:#fff;padding:4px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.package-image-container img:hover{transform:scale(1.05);border-color:#3b82f64d;box-shadow:0 4px 12px #00000026}.package-image-container .image-label{font-size:11px;color:#6b7280;font-weight:500;text-align:center;background:#fffc;padding:2px 8px;border-radius:4px;border:1px solid rgba(229,231,235,.5)}@media (max-width: 640px){.package-image-container img{width:100px;height:75px}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #ecfdf5;--success-500: #10b981;--success-600: #059669;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700}.consumables-page-enhanced{background:linear-gradient(135deg,var(--gray-50) 0%,#ffffff 100%);min-height:100vh;padding:var(--space-6);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (max-width: 768px){.consumables-page-enhanced{padding:var(--space-4)}}.container-enhanced{max-width:1400px;margin:0 auto;width:100%}.page-header-enhanced{background:linear-gradient(135deg,#ffffff 0%,var(--gray-50) 100%);border:1px solid var(--gray-200);border-radius:var(--radius-2xl);padding:var(--space-8);margin-bottom:var(--space-8);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.page-header-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600),var(--primary-700))}.page-header-enhanced .title-content{display:flex;justify-content:space-between;align-items:center}@media (max-width: 768px){.page-header-enhanced .title-content{flex-direction:column;gap:var(--space-4);text-align:center}}.page-header-enhanced h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-2) 0;background:linear-gradient(135deg,var(--gray-900),var(--gray-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header-enhanced .subtitle{font-size:var(--text-base);color:var(--gray-600);margin:0;font-weight:var(--font-medium)}.page-header-enhanced .header-actions{display:flex;gap:var(--space-3);align-items:center}.filter-container-enhanced{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.filter-container-enhanced:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-200)}.filter-container-enhanced .filter-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-6) 0;display:flex;align-items:center;gap:var(--space-2)}.filter-container-enhanced .filter-title:before{content:"🔍";font-size:var(--text-base)}.shape-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.shape-selector .shape-option{position:relative}.shape-selector .shape-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.shape-selector .shape-option .shape-label{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;cursor:pointer;transition:var(--transition-normal);height:100px;justify-content:center;position:relative;overflow:hidden}.shape-selector .shape-option .shape-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:var(--transition-slow)}.shape-selector .shape-option .shape-label:hover{border-color:var(--primary-300);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.shape-selector .shape-option .shape-label:hover:before{left:100%}.shape-selector .shape-option .shape-label img{width:48px;height:36px;-o-object-fit:contain;object-fit:contain;margin-bottom:var(--space-2);transition:var(--transition-normal)}.shape-selector .shape-option .shape-label span{font-size:var(--text-xs);color:var(--gray-600);text-align:center;font-weight:var(--font-medium);transition:var(--transition-normal)}.shape-selector .shape-option input[type=radio]:checked+.shape-label{border-color:var(--primary-500);background:linear-gradient(135deg,var(--primary-50) 0%,#ffffff 100%);box-shadow:var(--shadow-md),0 0 0 3px var(--primary-100)}.shape-selector .shape-option input[type=radio]:checked+.shape-label img{transform:scale(1.1)}.shape-selector .shape-option input[type=radio]:checked+.shape-label span{color:var(--primary-700);font-weight:var(--font-semibold)}.material-selector{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}.material-selector .material-btn{padding:var(--space-3) var(--space-4);border:1px solid var(--gray-300);border-radius:var(--radius-lg);background:#fff;color:var(--gray-700);cursor:pointer;transition:var(--transition-normal);font-size:var(--text-sm);font-weight:var(--font-medium);position:relative;overflow:hidden}.material-selector .material-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--primary-100),transparent);transition:var(--transition-slow)}.material-selector .material-btn:hover{border-color:var(--primary-400);color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.material-selector .material-btn:hover:before{left:100%}.material-selector .material-btn.active{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:var(--primary-600);color:#fff;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.material-selector .material-btn.active:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700))}.product-card-enhanced{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);transition:var(--transition-normal);position:relative;overflow:hidden}.product-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-400),var(--primary-500),var(--primary-600));transform:scaleX(0);transition:var(--transition-normal)}.product-card-enhanced:hover{border-color:var(--primary-300);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.product-card-enhanced:hover:before{transform:scaleX(1)}.product-card-enhanced:hover .product-image{transform:scale(1.05)}.product-card-enhanced .product-content{display:flex;gap:var(--space-6);align-items:flex-start}@media (max-width: 768px){.product-card-enhanced .product-content{flex-direction:column;gap:var(--space-4)}}.product-card-enhanced .product-image{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;border:1px solid var(--gray-200);border-radius:var(--radius-lg);background:var(--gray-50);transition:var(--transition-normal);padding:var(--space-2)}@media (max-width: 768px){.product-card-enhanced .product-image{width:100px;height:100px}}.product-card-enhanced .product-info{flex:1;min-width:0}.product-card-enhanced .product-code{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);display:inline-block;margin-bottom:var(--space-3);letter-spacing:.5px;box-shadow:var(--shadow-sm)}.product-card-enhanced .product-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin:0 0 var(--space-2) 0;line-height:1.4}.product-card-enhanced .product-model{font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--space-4);font-weight:var(--font-medium)}.product-card-enhanced .product-specs{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.product-card-enhanced .product-specs .spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.product-card-enhanced .product-specs .spec-grid .spec-item{text-align:center}.product-card-enhanced .product-specs .spec-grid .spec-item .spec-label{font-size:var(--text-xs);color:var(--gray-500);font-weight:var(--font-medium);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.5px}.product-card-enhanced .product-specs .spec-grid .spec-item .spec-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900)}.product-card-enhanced .product-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}@media (max-width: 768px){.product-card-enhanced .product-actions{flex-direction:column;align-items:stretch}}.inventory-status-enhanced{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:var(--space-1)}.inventory-status-enhanced:before{content:"";width:6px;height:6px;border-radius:50%}.inventory-status-enhanced.in-stock{background:var(--success-50);color:var(--success-600);border:1px solid var(--success-200)}.inventory-status-enhanced.in-stock:before{background:var(--success-500)}.inventory-status-enhanced.low-stock{background:var(--warning-50);color:var(--warning-600);border:1px solid var(--warning-200)}.inventory-status-enhanced.low-stock:before{background:var(--warning-500)}.inventory-status-enhanced.out-of-stock{background:var(--error-50);color:var(--error-600);border:1px solid var(--error-200)}.inventory-status-enhanced.out-of-stock:before{background:var(--error-500)}.cart-add-button-enhanced{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;color:#fff;font-weight:var(--font-semibold);min-width:140px;height:44px;border-radius:var(--radius-lg);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:var(--transition-normal);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-md)}.cart-add-button-enhanced:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-slow)}.cart-add-button-enhanced:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));transform:translateY(-2px);box-shadow:var(--shadow-xl)}.cart-add-button-enhanced:hover:before{left:100%}.cart-add-button-enhanced:active{transform:translateY(0);box-shadow:var(--shadow-md)}.cart-add-button-enhanced:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;transform:none;box-shadow:none}.cart-add-button-enhanced:disabled:hover{background:var(--gray-300);transform:none;box-shadow:none}.cart-add-button-enhanced:disabled:hover:before{left:-100%}.cart-add-button-enhanced .cart-icon{font-size:var(--text-base)}.quantity-selector{display:flex;align-items:center;border:1px solid var(--gray-300);border-radius:var(--radius-lg);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.quantity-selector:hover{border-color:var(--primary-400);box-shadow:var(--shadow-md)}.quantity-selector:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.quantity-selector .quantity-btn{width:36px;height:36px;border:none;background:var(--gray-50);color:var(--gray-700);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.quantity-selector .quantity-btn:hover:not(:disabled){background:var(--primary-500);color:#fff}.quantity-selector .quantity-btn:active:not(:disabled){background:var(--primary-600);transform:scale(.95)}.quantity-selector .quantity-btn:disabled{background:var(--gray-100);color:var(--gray-400);cursor:not-allowed}.quantity-selector .quantity-btn.decrease{border-right:1px solid var(--gray-200)}.quantity-selector .quantity-btn.increase{border-left:1px solid var(--gray-200)}.quantity-selector .quantity-input{width:60px;height:36px;border:none;text-align:center;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900);background:#fff;outline:none}.quantity-selector .quantity-input::-webkit-outer-spin-button,.quantity-selector .quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-selector .quantity-input[type=number]{-moz-appearance:textfield}@media (max-width: 1024px){.container-enhanced{max-width:100%;padding:0 var(--space-4)}.product-card-enhanced .product-content{flex-direction:column}}@media (max-width: 768px){.consumables-page-enhanced{padding:var(--space-4)}.page-header-enhanced{padding:var(--space-6);text-align:center}.page-header-enhanced .title-content{flex-direction:column;gap:var(--space-4)}.page-header-enhanced h1{font-size:var(--text-2xl)}.shape-selector{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:var(--space-2)}.shape-selector .shape-label{height:80px;padding:var(--space-2)}.shape-selector .shape-label img{width:32px;height:24px}.material-selector{gap:var(--space-2)}.material-selector .material-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.product-card-enhanced{padding:var(--space-4)}.product-card-enhanced .product-image{width:80px;height:80px}.product-card-enhanced .product-name{font-size:var(--text-base)}.product-card-enhanced .product-actions{flex-direction:column;gap:var(--space-3)}}@media (max-width: 480px){.consumables-page-enhanced{padding:var(--space-3)}.page-header-enhanced,.filter-container-enhanced,.product-card-enhanced{padding:var(--space-4)}.shape-selector{grid-template-columns:repeat(3,1fr)}.cart-add-button-enhanced{min-width:120px;height:40px;font-size:var(--text-xs)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in-up{animation:fadeInUp .6s ease-out}.loading{animation:pulse 2s infinite}@media (prefers-color-scheme: dark){:root{--gray-50: #1f2937;--gray-100: #374151;--gray-200: #4b5563;--gray-300: #6b7280;--gray-900: #f9fafb;--gray-800: #f3f4f6;--gray-700: #e5e7eb}.consumables-page-enhanced{background:linear-gradient(135deg,#111827,#1f2937)}.page-header-enhanced,.filter-container-enhanced,.product-card-enhanced{background:#1f2937;border-color:#374151}.product-specs{background:#111827;border-color:#374151}}@media (prefers-contrast: high){.product-card-enhanced,.filter-container-enhanced{border-width:2px}.cart-add-button-enhanced{border:2px solid var(--primary-700)}}.consumables-page{background:linear-gradient(135deg,#f8fafc,#fff)!important;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.section-title{background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;position:relative;overflow:hidden}.section-title:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb,#1d4ed8)}.section-title h2{background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700!important}.filter-container{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-container:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;border-color:#bfdbfe!important}.filter-container h3:before{content:"🔍 ";margin-right:8px}.shape-selector .shape-label{border:2px solid #e5e7eb!important;border-radius:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}.shape-selector .shape-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.shape-selector .shape-label:hover{border-color:#93c5fd!important;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a!important}.shape-selector .shape-label:hover:before{left:100%}.shape-selector input[type=radio]:checked+.shape-label{border-color:#3b82f6!important;background:linear-gradient(135deg,#eff6ff,#fff)!important;box-shadow:0 4px 6px -1px #0000001a,0 0 0 3px #dbeafe!important}.material-btn{border:1px solid #d1d5db!important;border-radius:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}.material-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#dbeafe,transparent);transition:left .5s ease}.material-btn:hover{border-color:#60a5fa!important;color:#1d4ed8!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a!important}.material-btn:hover:before{left:100%}.material-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 10px 15px -3px #0000001a!important;transform:translateY(-1px)}.products-container .bg-card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out}.products-container .bg-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#60a5fa,#3b82f6,#2563eb);transform:scaleX(0);transition:transform .3s ease}.products-container .bg-card:hover{border-color:#93c5fd!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;transform:translateY(-4px)}.products-container .bg-card:hover:before{transform:scaleX(1)}.products-container .bg-card:hover .product-image{transform:scale(1.05)}.product-image{border:1px solid #e5e7eb!important;border-radius:12px!important;background:#f8fafc!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.product-code{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border-radius:8px!important;font-weight:600!important;letter-spacing:.5px;box-shadow:0 1px 2px #0000000d!important}.inventory-status{border-radius:8px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.5px;display:inline-flex!important;align-items:center;gap:6px;transition:all .2s ease}.inventory-status:before{content:"";width:6px;height:6px;border-radius:50%}.inventory-status.in-stock{background:#ecfdf5!important;color:#059669!important;border:1px solid #a7f3d0!important}.inventory-status.in-stock:before{background:#10b981}.inventory-status.low-stock{background:#fffbeb!important;color:#d97706!important;border:1px solid #fde68a!important}.inventory-status.low-stock:before{background:#f59e0b}.inventory-status.out-of-stock{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important}.inventory-status.out-of-stock:before{background:#ef4444}.inventory-status:hover{transform:scale(1.05)}.cart-add-button,.ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;border-radius:12px!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a!important}.cart-add-button:before,.ant-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;pointer-events:none}.cart-add-button:hover,.ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;transform:translateY(-2px)!important;box-shadow:0 20px 25px -5px #0000001a!important}.cart-add-button:hover:before,.ant-btn-primary:hover:before{left:100%}.quantity-selector{border:1px solid #d1d5db!important;border-radius:12px!important;box-shadow:0 1px 2px #0000000d!important;transition:all .3s ease!important}.quantity-selector:hover{border-color:#60a5fa!important;box-shadow:0 4px 6px -1px #0000001a!important}.quantity-selector:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 3px #dbeafe!important}.quantity-btn{background:#f8fafc!important;transition:all .2s ease!important}.quantity-btn:hover:not(:disabled){background:#3b82f6!important;color:#fff!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.products-container .bg-card:nth-child(1){animation-delay:.1s}.products-container .bg-card:nth-child(2){animation-delay:.2s}.products-container .bg-card:nth-child(3){animation-delay:.3s}.products-container .bg-card:nth-child(4){animation-delay:.4s}.products-container .bg-card:nth-child(5){animation-delay:.5s}.products-container .bg-card:nth-child(6){animation-delay:.6s}@media (max-width: 768px){.section-title,.filter-container,.products-container .bg-card{border-radius:12px!important;margin-bottom:16px!important}.shape-selector .shape-label{padding:12px 8px!important}.material-btn{padding:6px 12px!important;font-size:12px!important}.cart-add-button,.ant-btn-primary{min-width:120px!important;height:40px!important;font-size:12px!important}}@media (prefers-color-scheme: dark){.consumables-page{background:linear-gradient(135deg,#111827,#1f2937)!important}.section-title,.filter-container,.products-container .bg-card{background:#1f2937!important;border-color:#374151!important}.product-image{background:#111827!important}}@media (prefers-contrast: high){.products-container .bg-card,.filter-container{border-width:2px!important}.cart-add-button,.ant-btn-primary{border:2px solid #1d4ed8!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--primary-color-rgb: 0, 102, 204;--bg-card: var(--background-card, #ffffff);--bg-card-alt: var(--background-secondary, #f8f9fa);--bg-primary: var(--primary-bg, #e6f0ff);--bg-background: var(--background-secondary, #f5f7fa);--border-color: var(--border-light, #e0e0e0);--text-primary: var(--brand-primary, #1a57a5);--text-content: var(--text-primary, #1f2937);--text-content-light: var(--text-secondary, #6b7280);--text-title: var(--text-primary, #111827);--text-label: var(--text-secondary, #4b5563);--text-error: var(--error, #ef4444);--text-success: var(--success, #10b981)}.bg-card{background-color:var(--bg-card)}.bg-card-alt{background-color:var(--bg-card-alt)}.bg-primary{background-color:var(--primary-color, #0066cc)}.bg-primary-dark{background-color:var(--primary-dark, #004c99)}.bg-background{background-color:var(--bg-background)}.bg-brand-light{background-color:var(--bg-primary)}.border-border{border-color:var(--border-color)}.text-content{color:var(--text-content)}.text-content-light{color:var(--text-content-light)}.text-title{color:var(--text-title)}.text-label{color:var(--text-label)}.text-primary,.text-brand-primary{color:var(--text-primary)}.text-error{color:var(--text-error)}.text-success{color:var(--text-success)}.text-brand-accent{color:var(--brand-accent, #2c6cbc)}.bg-error\/20{background-color:#ef444433}.border-error\/20{border-color:#ef444433}.animate-spin{animation:spin 1s linear infinite}.spare-parts-container{padding:0 20px;max-width:1200px;margin:0 auto}.user-info-bar{background-color:#f9f9f9;padding:12px 15px;margin-bottom:15px;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center}.user-info-bar .container{display:flex;justify-content:space-between;align-items:center}.user-label,.email-label,.currency-label{font-weight:500;margin-right:5px;color:#666}.user-value,.email-value{margin-right:10px}.user-actions{display:flex;align-items:center}.user-email{margin-right:15px;font-size:.9rem;color:#555}.role-badge{background-color:#4a90e2;color:#fff;padding:3px 8px;border-radius:12px;font-size:.8rem;margin-left:5px}.currency-label{margin-left:15px;background-color:#f0f0f0;padding:3px 8px;border-radius:12px;font-size:.8rem;border:1px solid #ddd}.btn-logout{background-color:#f44336;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s}.btn-logout:hover{background-color:#d32f2f}.vip-badge{background-color:#ffc107;color:#212121;padding:3px 8px;border-radius:12px;font-size:.8rem;margin-left:5px;font-weight:700}.discount-badge{background-color:#4caf50;color:#fff;padding:3px 8px;border-radius:12px;font-size:.8rem;margin-left:15px}.spare-parts-page{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh;overflow:visible!important}.breadcrumb{margin-bottom:15px;padding:5px 0;font-size:14px;color:#666}.breadcrumb a{color:#06c;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-title{font-size:24px;margin-bottom:20px;color:#333}.filter-container{background-color:#fff;padding:15px;margin-bottom:20px;border-radius:4px;box-shadow:0 1px 3px #0000001a}.filter-row{display:flex;align-items:center;margin-bottom:15px;gap:10px}.filter-label{font-weight:700;margin-right:10px;min-width:80px}.filter-select{width:100%;max-width:320px;padding:10px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-primary);font-size:.9em}.part-type-buttons,.product-type-buttons{display:flex;flex-wrap:wrap;gap:10px}.part-type-buttons button,.product-type-buttons button{padding:8px 15px;margin-right:10px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s}.part-type-buttons button:hover,.product-type-buttons button:hover{background-color:#e9e9e9}.part-type-buttons button.active,.product-type-buttons button.active{background-color:#1890ff;color:#fff;border-color:#1890ff}.spare-parts-table{width:100%;border-collapse:collapse;margin-bottom:20px;table-layout:fixed}.spare-parts-table th{background-color:#f5f5f5;padding:12px 15px;text-align:left;font-weight:700;border-bottom:2px solid #ddd}.spare-parts-table td{padding:12px 15px;border-bottom:1px solid #eee;vertical-align:middle}.spare-parts-table th:nth-child(1),.spare-parts-table td:nth-child(1){width:80px}.spare-parts-table th:nth-child(2),.spare-parts-table td:nth-child(2){width:120px}.spare-parts-table th:nth-child(4),.spare-parts-table td:nth-child(4){width:120px}.spare-parts-table th:nth-child(5),.spare-parts-table td:nth-child(5){width:100px}.spare-parts-table th:nth-child(6),.spare-parts-table td:nth-child(6){width:120px}.part-image-cell{width:80px;text-align:center}.part-thumbnail{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;border-radius:4px;border:1px solid var(--border-color);background-color:#fff}.part-code-cell{width:150px}.part-code{font-weight:600;margin-bottom:4px}.part-name{font-size:.9em;color:var(--text-secondary);margin-bottom:4px}.part-type-badge{display:inline-block;padding:2px 8px;background-color:var(--primary-color-light);color:var(--primary-color-dark);border-radius:12px;font-size:.8em;font-weight:600}.part-specs-cell{position:relative;cursor:pointer;transition:background-color .2s}.part-specs-cell:hover{background-color:rgba(var(--primary-color-rgb),.05)}.part-specs-cell:after{content:"👁️";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:14px;opacity:0;transition:opacity .2s}.part-specs-cell:hover:after{opacity:.7}.specs-container{font-size:.9em;position:relative}.specs-container:after{content:"ⓘ";position:absolute;right:5px;top:50%;transform:translateY(-50%);color:var(--primary-color);font-size:14px;opacity:.7;transition:opacity .2s,transform .2s}.part-specs-cell:hover .specs-container:after{opacity:1;transform:translateY(-50%) scale(1.2)}.spec-row{margin-bottom:4px;line-height:1.4}.spec-tooltip{position:absolute;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:0;z-index:1000;width:50vw;border:1px solid #ddd;overflow:hidden;transition:opacity .3s ease,transform .3s ease;animation:tooltipFadeIn .2s ease-in-out}.spec-tooltip h4{margin:0;padding:15px;background-color:var(--primary-color);color:#fff;font-size:16px;border-top-left-radius:7px;border-top-right-radius:7px;display:flex;justify-content:space-between;align-items:center}.tooltip-close{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;margin:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.tooltip-close:hover{background-color:#fff3}.tooltip-content{padding:15px;max-height:400px;overflow-y:auto}.tooltip-content p{margin:8px 0;padding-bottom:8px;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.tooltip-content p:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.tooltip-content p strong{color:#555;margin-right:10px;min-width:120px;display:inline-block}.part-price-cell{width:150px}.price-current{font-weight:600;font-size:1.1em;color:var(--price-color);margin-bottom:5px}.price-tiers{font-size:.85em;color:var(--text-secondary)}.tier-row{display:flex;justify-content:space-between;margin-bottom:2px}.tier-range{margin-right:10px}.price-original{font-size:.85em;color:var(--text-muted);text-decoration:line-through;margin-top:5px}.part-inventory-cell{width:180px}.inventory-total{margin-bottom:8px;font-weight:600}.inventory-regions{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:.85em}.inventory-region{display:flex;justify-content:space-between}.region-label{font-weight:600;margin-right:5px}.inventory-value,.region-value{padding:2px 4px;border-radius:4px;display:inline-block;text-align:center;min-width:30px}.inventory-high,.region-high{background-color:#27ae6033;color:#27ae60}.inventory-medium,.region-medium{background-color:#f1c40f33;color:#f39c12}.inventory-low,.region-low{background-color:#e74c3c33;color:#e74c3c}.part-actions-cell{width:180px}.quantity-control{display:flex;align-items:center;margin-bottom:8px}.quantity-control button{width:32px;height:32px;background-color:var(--primary-color, #0066cc);color:#fff;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:background-color .2s,transform .1s}.quantity-control button:hover:not(:disabled){background-color:var(--primary-dark, #004c99);transform:scale(1.05)}.quantity-control button:active:not(:disabled){background-color:var(--primary-darker, #003366);transform:scale(1)}.quantity-control button:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}.quantity-control input{width:50px;height:32px;border:1px solid var(--border-color, #ccc);text-align:center;margin:0 5px;border-radius:4px;font-size:14px;color:var(--text-content, #1f2937);background-color:var(--bg-card, #ffffff)}.add-to-cart-btn{padding:8px 12px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.add-to-cart-btn:hover{background-color:#40a9ff}.price-tier{margin-bottom:5px}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip .tooltiptext{visibility:hidden;width:250px;background-color:#333;color:#fff;text-align:left;border-radius:4px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.loading-container{text-align:center;padding:40px 0}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite}.error-message{padding:20px;background-color:#e74c3c1a;color:#e74c3c;border-radius:8px;margin:20px 0;text-align:center}.no-results{text-align:center;padding:40px 0;font-size:18px;color:#999}.cart-float-btn{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background-color:#06c;color:#fff;border:none;box-shadow:0 3px 10px #0003;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:100;transition:transform .2s,background-color .2s}.cart-float-btn:hover{transform:scale(1.05);background-color:#05a}.cart-icon{position:relative}.cart-badge{position:absolute;top:-10px;right:-10px;background-color:#e53935;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700}.back-to-top-btn{position:fixed;bottom:30px;right:100px;width:50px;height:50px;border-radius:50%;background-color:#666;color:#fff;border:none;box-shadow:0 3px 10px #0003;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:20px;z-index:100;transition:transform .2s,background-color .2s}.back-to-top-btn:hover{transform:scale(1.05);background-color:#444}.cart-preview{position:fixed;top:0;right:-400px;width:380px;height:100vh;background-color:#fff;box-shadow:-3px 0 15px #0003;z-index:1000;transition:right .3s ease;display:flex;flex-direction:column}.cart-preview.active{right:0}.cart-header{padding:15px;background-color:#f5f5f5;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.cart-title{font-weight:700;font-size:18px}.close-cart{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.cart-items{flex:1;overflow-y:auto;padding:15px}.empty-cart-message{text-align:center;color:#888;margin-top:50px}.cart-item{border-bottom:1px solid #eee;padding-bottom:15px;margin-bottom:15px}.cart-item-top{display:flex;margin-bottom:10px}.cart-item-img{width:60px;height:60px;-o-object-fit:contain;object-fit:contain;margin-right:15px;border:1px solid #eee}.cart-item-main{flex:1}.cart-item-name{font-weight:700;margin-bottom:4px}.cart-item-price{color:#e53935;font-weight:700;margin-bottom:4px}.cart-item-sku{font-size:.9em;color:#666;margin-bottom:4px}.cart-item-tiers{font-size:.8em;color:#888}.tier-current{color:#e53935;font-weight:700}.cart-item-details{font-size:.9em;color:#666;margin-bottom:10px}.cart-item-detail{margin-bottom:3px}.cart-item-controls{display:flex;justify-content:space-between;align-items:center}.cart-item-qty{display:flex;align-items:center}.cart-qty-btn{width:30px;height:30px;border:1px solid #ccc;background-color:#f0f0f0;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:18px}.cart-qty-input{width:60px;height:30px;border:1px solid #ccc;border-left:none;border-right:none;text-align:center;font-size:14px;padding:0 4px}.cart-item-remove{width:30px;height:30px;border-radius:50%;background-color:#f0f0f0;border:1px solid #ccc;cursor:pointer;font-size:18px;display:flex;justify-content:center;align-items:center}.cart-footer{padding:15px;background-color:#f5f5f5;border-top:1px solid #ddd;position:relative}.cart-total{display:flex;justify-content:space-between;font-weight:700;margin-bottom:15px}.checkout-btn{width:100%;padding:10px;background-color:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.checkout-btn:hover{background-color:#05a}.cart-confirm{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.cart-confirm.show{display:flex}.cart-confirm-content{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;width:90%;text-align:center}.cart-confirm-icon{margin-bottom:15px;color:#e53935;font-size:48px}.cart-confirm-title{font-weight:700;font-size:18px;margin-bottom:10px;color:#333}.cart-confirm-text{text-align:center;margin-bottom:20px;color:#666;line-height:1.5}.cart-confirm-buttons{display:flex;gap:10px;justify-content:center}.cart-confirm-button{padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;border:none;min-width:80px;transition:all .2s ease}.cart-confirm-cancel{background-color:#f0f0f0;color:#333}.spare-parts-page input[type=number].w-16{background:#fff;color:#222;border:1px solid #d1d5db;border-radius:6px;font-size:15px;width:56px;text-align:center;box-shadow:none;outline:none;transition:border-color .2s}.spare-parts-page input[type=number].w-16:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #e9d5ff}.spare-parts-page button.w-8{background:#7c3aed;color:#fff;border:none;border-radius:6px;width:32px;height:32px;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .1s;cursor:pointer;box-shadow:none}.spare-parts-page button.w-8:hover:not(:disabled){background:#5b21b6;transform:scale(1.08)}.spare-parts-page button.w-8:disabled{background:#e5e7eb;color:#bdbdbd;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#f5f5f5}.container{max-width:1200px;margin:0 auto;padding:0 15px}header{background-color:#fff;padding:15px 0;box-shadow:0 2px 5px #0000001a}header .container{display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center}.logo{height:40px}.header-right{display:flex;align-items:center;flex-wrap:wrap}.nav-menu{display:flex;margin-right:20px}.nav-item{margin:0 15px;text-decoration:none;color:var(--text-primary);font-weight:500}.nav-item:hover{color:var(--primary-dark)}.language-selector{margin-right:15px;border:1px solid var(--border-default);padding:5px 10px;border-radius:4px;background-color:var(--background-primary);min-width:120px;cursor:pointer;font-size:14px}.language-selector option{padding:5px}@media (max-width: 768px){.header-right{justify-content:center;margin-top:10px}.nav-menu{margin-right:0;margin-bottom:10px;flex-wrap:wrap;justify-content:center}.nav-item{margin:5px 10px}.language-selector{margin-bottom:10px}}.user-dropdown{position:relative;display:inline-block}.user-info{display:flex;align-items:center;background-color:var(--gray-100);padding:6px 12px;border-radius:20px;cursor:pointer;border:1px solid var(--border-default)}.user-avatar{width:24px;height:24px;border-radius:50%;margin-right:8px}.user-name{font-weight:500;margin-right:5px}.dropdown-content{display:none;position:absolute;right:0;background-color:var(--background-primary);min-width:160px;box-shadow:var(--shadow-lg);z-index:1000;border-radius:4px}.dropdown-content a{color:var(--text-primary);padding:12px 16px;text-decoration:none;display:block;text-align:left}.dropdown-content a:hover{background-color:var(--gray-100)}.user-dropdown:hover .dropdown-content{display:block}.breadcrumb{padding:10px 0 20px;color:var(--text-secondary);font-size:14px}.breadcrumb a{color:var(--primary-dark);text-decoration:none}.section-title{margin:30px 0 20px;padding-bottom:12px;border-bottom:1px dashed var(--border-light);font-size:18px;color:var(--text-primary)}.product-list{margin-bottom:40px}.product-item{background-color:var(--background-card);border:1px solid var(--border-light);border-radius:8px;padding:20px;margin-bottom:15px;display:flex;align-items:center;box-shadow:var(--shadow-sm);transition:all .25s ease}.product-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:var(--primary-light)}.product-selector{margin-right:15px}.product-selector input[type=radio]{margin-right:0;width:18px;height:18px;cursor:pointer}.product-image{width:100px;height:100px;margin-right:20px;border-radius:4px;overflow:hidden;box-shadow:var(--shadow-sm)}.product-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.product-info{flex:1;display:flex;flex-wrap:wrap}.product-description{flex:2;min-width:250px;margin-right:20px}.product-description>div:first-of-type{font-size:16px;font-weight:600;margin-bottom:5px;color:var(--text-primary);display:flex;align-items:center}.product-model-code{background-color:var(--primary-bg);color:var(--primary-dark);padding:2px 6px;border-radius:4px;font-size:13px;margin-left:8px}.product-details{display:flex;flex-wrap:wrap;margin-top:10px;gap:8px 15px}.product-detail-item{font-size:14px;color:#555;background-color:#f8f9fa;padding:3px 8px;border-radius:4px;transition:all .2s}.specs-table{margin-top:10px;position:relative;background-color:#f9f9f9;border-radius:6px;padding:10px;max-width:100%;overflow:hidden;transition:all .2s ease}.specs-table:hover{background-color:#f0f7ff}.product-inventory{flex:1;min-width:180px;background-color:#f8f9fa;border-radius:6px;padding:10px;margin-right:15px;transition:all .2s ease}.product-inventory:hover{background-color:#f0f7ff}.inventory-tiers{display:flex;flex-direction:column}.inventory-title{font-size:14px;font-weight:500;margin-bottom:8px;color:#495057;border-bottom:1px solid #e9ecef;padding-bottom:5px}.inventory-region{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.inventory-region:last-child{margin-bottom:0}.inventory-region:hover{background-color:#1a57a50d}.region-label{color:#495057;font-weight:500}.region-value{padding:0 8px;border-radius:4px;font-weight:500}.region-value.out-of-stock{color:#dc3545}.region-value.low-stock{color:#fd7e14}.region-value.medium-stock,.region-value.high-stock{color:#28a745}.product-pricing{flex:1;min-width:180px;background-color:#f8f9fa;border-radius:6px;padding:10px;margin-right:15px;transition:all .2s ease}.product-pricing:hover{background-color:#f0f7ff}.price-tiers div{display:flex;justify-content:space-between;padding:4px 0;font-size:14px;border-bottom:1px solid #e9ecef}.price-tiers div:last-child{border-bottom:none}.price-tiers div:hover{background-color:#1a57a50d}.price-tiers div.price-title{font-size:14px;font-weight:500;margin-bottom:6px;color:#495057;border-bottom:1px solid #e9ecef;padding-bottom:5px}.product-actions{min-width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.quantity-selector{display:flex;align-items:center;margin-bottom:10px;width:100%;justify-content:center}.quantity-input{width:60px;text-align:center;border:1px solid #ced4da;padding:5px;margin:0 5px;border-radius:4px;height:32px}.btn-add{width:100%;background-color:#1a57a5;color:#fff;border:none;border-radius:4px;padding:8px 10px;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-add:hover{background-color:#15427e}@media (max-width: 992px){.product-item{flex-wrap:wrap}.product-info{width:100%;margin-bottom:15px}.product-inventory,.product-pricing{min-width:45%;margin-right:10px;margin-bottom:10px}.product-actions{width:100%;flex-direction:row;justify-content:space-between}.quantity-selector{margin-right:10px;margin-bottom:0}.btn-add{width:auto;padding:8px 15px}}@media (max-width: 768px){.product-item{padding:15px}.product-info{flex-direction:column}.product-description{margin-right:0;margin-bottom:15px;width:100%}.product-inventory,.product-pricing{width:100%;margin-right:0}.product-image{width:80px;height:80px}.product-actions{flex-direction:column;margin-top:15px}.quantity-selector{margin-right:0;margin-bottom:10px;width:100%}.qty-btn,.quantity-input{height:36px}.btn-add{width:100%}}@media (max-width: 1200px){.product-inventory,.product-pricing{width:180px}}@media (max-width: 992px){.machines-page{padding:20px 15px}.section-title{margin:25px 0 15px;font-size:17px}.product-item{padding:15px;margin-bottom:15px}.btn-add{padding:10px 12px}.product-info{width:100%;flex-wrap:wrap}.product-inventory,.product-pricing{width:48%;margin:0 0 15px;box-sizing:border-box}.product-image{order:-1;margin-bottom:15px}.product-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center;margin-top:15px;padding:10px;gap:10px}.quantity-selector{width:auto;margin-bottom:0;flex:0 0 auto}.btn-add{flex:1;max-width:200px;margin-top:0}}@media (max-width: 480px){.product-item{padding:12px}.product-image{width:80px;height:80px}.product-inventory,.product-pricing{padding:10px}.inventory-title,.price-tiers div.price-title{font-size:14px}.region-label,.region-value,.price-tiers .quantity-range,.price-currency,.price-amount{font-size:13px}}.accessory-name{font-weight:700;font-size:16px;margin-bottom:5px;color:#333;display:flex;align-items:center;flex-wrap:wrap}.accessory-specs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px;background-color:#f9f9f9;border-radius:6px;padding:12px}.accessory-spec-item{display:inline-block;background-color:#fff;border:1px solid #e9ecef;border-radius:4px;padding:5px 10px;margin-bottom:5px;font-size:12px;color:#495057;transition:all .2s ease}.accessory-spec-item:hover{background-color:#f1f6ff;border-color:#bfd6ff}.machines-page{padding:30px;background-color:#f5f5f5;min-height:calc(100vh - 70px);max-width:1280px;margin:0 auto}.accessory-level-1,.accessory-level-2,.accessory-level-3,.accessory-level-4,.accessory-level-5{margin-top:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;overflow:hidden;display:none}.accessory-specs{display:flex;flex-wrap:wrap;font-size:13px;background-color:#f9f9f9;border-radius:6px;padding:8px;margin:8px 0}.accessory-spec-item{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:4px 8px;margin-right:8px;margin-bottom:6px;font-size:12px;color:#495057;transition:all .2s ease}.accessory-spec-item strong{color:#1a57a5;font-weight:600;margin-right:2px}.frequency-spec{background-color:#f1f6ff;border:1px solid #c1d5ff;border-radius:4px;padding:3px 8px;margin-right:8px;margin-bottom:6px;color:#495057;transition:all .2s ease}.frequency-spec strong{color:#06c;font-weight:500}.level-indicator{font-size:14px;font-weight:500;margin-left:10px;padding:3px 8px;border-radius:4px}.dynamic-note{font-size:14px;color:#666;font-style:italic;margin-left:15px;font-weight:400;padding:4px 10px;background-color:#f8f9fa;border-radius:4px;display:inline-block}.level-header{display:flex;align-items:center;background-color:#f5f7fa;padding:12px 20px;border-bottom:1px solid #e9ecef;position:relative}.level-header h2{font-size:18px;margin:0;color:#333}.context-message{margin-left:20px;color:#666;font-size:14px;font-style:italic;flex:1}.close-btn{background-color:transparent;border:none;color:#666;cursor:pointer;font-size:14px;padding:6px 12px;border-radius:4px;transition:all .2s}.close-btn:hover{background-color:#e9ecef;color:#333}.accessory-content{padding:20px}.accessory-level-2{border-left:4px solid #4a90e2}.accessory-level-3{border-left:4px solid #50b766}.accessory-level-4{border-left:4px solid #f5a623}.accessory-level-5{border-left:4px solid #e74c3c}.accessory-level-1 .level-indicator{background-color:#e3f2fd;color:#2196f3}.accessory-level-2 .level-indicator{background-color:#e3f7ed;color:#4caf50}.accessory-level-3 .level-indicator{background-color:#fff8e1;color:#ff9800}.accessory-level-4 .level-indicator{background-color:#ffebee;color:#f44336}.accessory-level-5 .level-indicator{background-color:#f3e5f5;color:#9c27b0}.voltage-options-section{margin:30px 0 20px;background-color:#f8f9fa;padding:15px 20px;border-radius:8px;border:1px solid #e9ecef;max-width:500px;box-shadow:0 2px 6px #0000000d;transition:all .2s ease}.voltage-options-section:hover{background-color:#f0f7ff;border-color:#c1d5ff}.filter-title{font-weight:600;margin-bottom:12px;color:#1a57a5;font-size:16px;border-bottom:1px solid #e9ecef;padding-bottom:8px}.voltage-options{display:flex;align-items:center;gap:20px}.voltage-option{display:flex;align-items:center;cursor:pointer;padding:6px 12px;border-radius:4px;transition:all .2s ease}.voltage-option:hover{background-color:#e9ecef}.voltage-option input{margin-right:8px;width:16px;height:16px;cursor:pointer}.cart-floating{position:fixed;bottom:20px;right:20px;background-color:#1a57a5;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 6px #0003;z-index:900;text-decoration:none;transition:all .2s ease}.cart-floating:hover{background-color:#14488c;transform:scale(1.05);box-shadow:0 4px 8px #00000040}.cart-count{position:absolute;top:-5px;right:-5px;background-color:#e53935;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0003}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-content{visibility:hidden;width:280px;background-color:#fff;color:#333;text-align:left;border-radius:6px;padding:15px;position:absolute;z-index:1001;bottom:125%;left:50%;margin-left:-140px;opacity:0;transition:opacity .3s,visibility .3s;box-shadow:0 3px 15px #00000026;border:1px solid #eaeaea;font-size:13px;line-height:1.5;pointer-events:none}.tooltip:hover .tooltip-content{visibility:visible;opacity:1}.tooltip .tooltip-content:after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:white transparent transparent transparent;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.tooltip-title{font-weight:600;border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:10px;color:#1a57a5}.tooltip-row{display:flex;margin-bottom:6px}.tooltip-label{font-weight:500;min-width:110px;color:#555}.product-detail-item:hover,.accessory-spec-item:hover{background-color:#e1ebff;border-color:#c1d5ff;transform:translateY(-2px);box-shadow:0 2px 5px #1a57a51a}.cart-notification{position:fixed;top:20px;right:20px;z-index:1000;background-color:#fff;box-shadow:0 2px 8px #00000026;border-radius:4px;padding:16px;width:300px;transition:all .3s}.notification-content{display:flex;align-items:center}.notification-icon{margin-right:12px;font-size:20px;color:#52c41a}.notification-text{flex:1;font-size:14px}.notification-close{background:none;border:none;font-size:16px;cursor:pointer;padding:0 4px}.notification-actions{margin-top:12px;display:flex;justify-content:flex-end}.go-to-cart-btn{background-color:#1890ff;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:background-color .3s}.go-to-cart-btn:hover{background-color:#40a9ff}.empty-accessories{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;background-color:#f9f9f9;border-radius:8px;margin:20px 0;border:1px dashed #ccc;width:100%}.empty-accessories-icon{font-size:36px;color:#bbb;margin-bottom:15px}.empty-accessories-message{font-size:16px;color:#666;text-align:center}.dynamic-note.no-accessories{color:#ff4d4f;font-weight:700}.machines-table{width:100%;border-collapse:collapse;margin-bottom:20px;table-layout:fixed}.machines-table th{background-color:#f5f5f5;padding:12px 15px;text-align:left;font-weight:700;border-bottom:2px solid #ddd;white-space:nowrap}.machines-table td{padding:12px 15px;border-bottom:1px solid #eee;vertical-align:middle}.machines-table th:nth-child(1),.machines-table td:nth-child(1){width:50px;text-align:center}.machines-table th:nth-child(2),.machines-table td:nth-child(2){width:80px}.machines-table th:nth-child(3),.machines-table td:nth-child(3){width:150px}.machines-table th:nth-child(4),.machines-table td:nth-child(4){width:auto}.machines-table th:nth-child(5),.machines-table td:nth-child(5){width:150px}.machines-table th:nth-child(6),.machines-table td:nth-child(6){width:100px}.machines-table th:nth-child(7),.machines-table td:nth-child(7){width:150px}.selection-cell{text-align:center;vertical-align:middle}.selection-cell input[type=radio]{width:18px;height:18px;cursor:pointer}.machine-code-cell{vertical-align:top}.machine-code{font-weight:600;color:#1a57a5;margin-bottom:5px;display:block}.machine-name{font-size:14px;color:#333;margin-bottom:5px;display:block}.machine-model{font-size:13px;color:#666;display:block}.specs-table-cell{padding:10px 0}.specs-table{width:100%;background-color:#f9f9f9;border-radius:6px;padding:10px;margin:0;transition:all .2s ease}.specs-row{display:flex;margin-bottom:5px;align-items:center}.specs-label{font-weight:500;min-width:100px;color:#555}.price-tiers-cell{vertical-align:top}.price-tiers{display:flex;flex-direction:column}.price-tier{display:flex;justify-content:space-between;padding:4px 0;font-size:14px;border-bottom:1px solid #e9ecef}.price-tier:last-child{border-bottom:none}.price-range{color:#555}.price-value{font-weight:500;color:#1a57a5}.inventory-cell{vertical-align:top}.inventory-info{display:flex;flex-direction:column;gap:5px;font-size:14px}.inventory-info div{display:flex;justify-content:space-between}.inventory-high{color:#28a745}.inventory-medium{color:#17a2b8}.inventory-low{color:#dc3545}.actions-cell{vertical-align:middle;text-align:center}.quantity-control{display:flex;align-items:center;margin-bottom:8px;border:1px solid var(--border-light);border-radius:6px;background-color:var(--background-primary);overflow:hidden;width:auto;max-width:120px;box-shadow:0 1px 3px #0000000d}.quantity-btn{width:30px!important;height:30px!important;background-color:var(--background-secondary)!important;border:none!important;color:var(--text-primary)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;font-size:16px!important;font-weight:700!important;transition:all .2s ease!important;margin:0!important}.quantity-btn:hover:not(:disabled){background-color:var(--primary-light)!important;color:var(--primary)!important}.quantity-btn:disabled{color:var(--text-disabled)!important;background-color:var(--background-disabled)!important;cursor:not-allowed!important;opacity:.6!important}.quantity-input{width:40px!important;height:30px!important;border:none!important;border-left:1px solid var(--border-light)!important;border-right:1px solid var(--border-light)!important;text-align:center!important;padding:0!important;color:var(--text-primary)!important;font-weight:600!important;background-color:var(--background-primary)!important;box-shadow:none!important}.ant-input-number-handler-wrap{display:none!important}.flex.items-center.gap-2.mb-2 .ant-input-number.w-16{width:40px!important;min-width:40px!important;margin:0!important;border-radius:0!important}.ant-input-number-input{height:30px!important;padding:0!important;text-align:center!important;font-size:14px!important;font-weight:600!important;color:var(--text-primary)!important}.product-item:hover .quantity-control button,.product-item:hover .flex.items-center.gap-2.mb-2 .ant-btn{background-color:var(--background-secondary)!important}.product-item:hover .quantity-control button:hover,.product-item:hover .flex.items-center.gap-2.mb-2 .ant-btn:hover{background-color:var(--primary-light)!important}@media (max-width: 992px){.machines-table{width:100%;overflow-x:auto;display:block}.machines-table th,.machines-table td{padding:10px}}@media (max-width: 768px){.machines-table thead{display:none}.machines-table,.machines-table tbody,.machines-table tr,.machines-table td{display:block;width:100%}.machines-table tr{margin-bottom:20px;border:1px solid #ddd;border-radius:8px;padding:10px;background-color:#fff}.machines-table td{border-bottom:1px solid #eee;text-align:right;position:relative;padding:10px 10px 10px 50%}.machines-table td:before{position:absolute;left:10px;width:45%;white-space:nowrap;text-align:left;font-weight:700}.machines-table td:nth-of-type(1):before{content:"选择"}.machines-table td:nth-of-type(2):before{content:"图片"}.machines-table td:nth-of-type(3):before{content:"产品编码"}.machines-table td:nth-of-type(4):before{content:"规格"}.machines-table td:nth-of-type(5):before{content:"价格"}.machines-table td:nth-of-type(6):before{content:"库存"}.machines-table td:nth-of-type(7):before{content:"操作"}.machine-image-cell{width:12%;min-width:120px;max-width:180px;padding:15px;text-align:center;vertical-align:middle}.machine-image{width:100%;min-width:120px;max-width:160px;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:6px;box-shadow:0 3px 8px #0000001a;transition:all .3s ease;display:block;margin:0 auto}.machine-image:hover{transform:scale(1.1);box-shadow:0 5px 15px #00000026}.machine-image{border:1px solid #eaeaea;padding:3px;background-color:#fff}@media (max-width: 1200px){.machine-image-cell{max-width:160px}.machine-image{max-width:140px}}@media (max-width: 992px){.machine-image-cell{width:110px;min-width:110px;max-width:130px}.machine-image{max-width:120px}}.machine-image-cell{width:100%;max-width:none;padding:20px}.machine-image{max-width:200px}.quantity-control{justify-content:flex-end}}.view-toggle{display:flex;justify-content:flex-end;margin-bottom:15px}.view-btn{padding:6px 12px;background-color:#f8f9fa;border:1px solid #ced4da;cursor:pointer;font-size:14px;transition:all .2s}.view-btn:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px}.view-btn:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;border-left:none}.view-btn.active{background-color:#1a57a5;color:#fff;border-color:#1a57a5}.view-btn:hover:not(.active){background-color:#e9ecef}.accessories-table{width:100%;border-collapse:collapse;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;background-color:#fff;border-radius:6px;table-layout:fixed}.accessories-table th{background-color:#f5f5f5;padding:12px 15px;text-align:left;font-weight:700;border-bottom:2px solid #ddd;white-space:nowrap}.accessories-table td{padding:12px 15px;border-bottom:1px solid #eee;vertical-align:middle}.accessories-table th.selection-th,.accessories-table td.selection-cell{width:50px;text-align:center}.accessories-table th.image-th,.accessories-table td.image-cell{width:100px;text-align:center}.accessory-image{max-width:80px;max-height:80px;-o-object-fit:contain;object-fit:contain;border-radius:4px}.accessories-table th.info-th,.accessories-table td.info-cell{width:auto}.accessory-name{font-weight:600;font-size:16px;margin-bottom:6px}.accessory-model-code{color:#666;font-size:14px;margin-left:6px;font-weight:400}.accessory-specs-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.accessory-specs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;background-color:#f9f9f9;border-radius:6px;padding:8px}.accessory-spec-item{font-size:13px;background-color:#f5f5f5;padding:3px 8px;border-radius:4px;display:inline-block;margin-right:6px}.accessory-spec-item strong{color:#1a57a5;font-weight:600;margin-right:3px}.more-info-section{display:flex;gap:12px;margin-top:6px}.more-info-section a{font-size:12px;color:#1a57a5;text-decoration:none}.more-info-section a:hover{text-decoration:underline}.accessories-table th.inventory-th,.accessories-table td.inventory-cell,.accessories-table th.price-th,.accessories-table td.price-cell,.accessories-table th.actions-th,.accessories-table td.actions-cell{width:150px}.accessories-table tbody tr:hover{background-color:#f9f9f9}.accessories-table td.no-accessories{text-align:center;padding:30px 20px;color:#666;font-style:italic;background-color:#f9f9f9}.no-accessories{text-align:center;padding:30px 20px;color:#666;font-style:italic;background-color:#f9f9f9;border-radius:4px}@media (max-width: 992px){.accessories-table{width:100%;overflow-x:auto;display:block}.accessories-table th,.accessories-table td{padding:10px}}@media (max-width: 768px){.accessories-table thead{display:none}.accessories-table,.accessories-table tbody,.accessories-table tr,.accessories-table td{display:block;width:100%}.accessories-table tr{margin-bottom:20px;border:1px solid #ddd;border-radius:8px;padding:10px;background-color:#fff}.accessories-table td{border-bottom:1px solid #eee;text-align:right;position:relative;padding:10px 10px 10px 50%}.accessories-table td:before{position:absolute;left:10px;width:45%;white-space:nowrap;text-align:left;font-weight:700}.accessories-table td:nth-of-type(1):before{content:"选择"}.accessories-table td:nth-of-type(2):before{content:"图片"}.accessories-table td:nth-of-type(3):before{content:"配件信息"}.accessories-table td:nth-of-type(4):before{content:"库存状态"}.accessories-table td:nth-of-type(5):before{content:"价格信息"}.accessories-table td:nth-of-type(6):before{content:"数量/操作"}.accessories-table td.image-cell{text-align:right}.accessories-table td.actions-cell .quantity-selector{justify-content:flex-end}}.accessory-path{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:15px;padding:10px 15px;background-color:#f8f9fa;border-radius:6px;font-size:14px}.accessory-path-item{display:flex;align-items:center}.accessory-path-item:not(:last-child):after{content:"›";margin:0 8px;color:#999;font-weight:700}.accessory-path-level{color:#666;margin-right:3px;font-size:12px}.accessory-path-name{color:#1a57a5;font-weight:500}.loading-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:200px;padding:30px}.loading-content{text-align:center;padding:20px;min-width:150px}.loading-content p{margin-top:15px;color:#666;font-size:14px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;margin:20px auto;background-color:#fff8f8;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:500px}.error-icon{font-size:48px;color:#ff4d4f;margin-bottom:20px}.error-message h3{font-size:18px;margin-bottom:10px;color:#333}.error-message p{color:#666;margin-bottom:20px}.btn-retry{background-color:#1a57a5;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:background-color .3s}.btn-retry:hover{background-color:#0d4b8f}.machine-info-cell{padding:15px;vertical-align:top}.machine-header{margin-bottom:12px}.machine-code{background-color:#1a57a5;color:#fff;font-weight:700;padding:2px 8px;border-radius:4px;margin-right:10px;font-size:12px}.machine-name{font-weight:700;font-size:16px;display:block;margin:5px 0}.machine-model{color:#666;font-size:13px;display:block;margin-bottom:10px}.specs-table{margin:12px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.specs-row{display:flex;margin-bottom:5px}.specs-label{font-weight:500;color:#666;margin-right:5px;min-width:50px}.specs-value{color:#333}.machines-table{width:100%;table-layout:fixed;border-collapse:collapse}.machines-table th{background-color:#f5f5f5;position:sticky;top:0;z-index:10;padding:12px 8px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.machines-table tbody tr:nth-child(odd){background-color:#fafafa}.machines-table tbody tr.selected,.machines-table tbody tr:has(input[type=radio]:checked){background-color:#e6f7ff;border-left:3px solid #1a57a5}.machines-table th:nth-child(1),.machines-table td:nth-child(1),.selection-cell{width:5%;min-width:40px;max-width:60px;text-align:center;padding:8px 4px}.machines-table th:nth-child(2),.machines-table td:nth-child(2),.machines-table th:nth-child(3),.machines-table td:nth-child(3),.machine-info-cell{width:36%;min-width:300px;padding:20px;vertical-align:top;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;transition:background-color .2s}.machines-table th:nth-child(4),.machines-table td:nth-child(4),.price-tiers-cell{width:18%;min-width:160px;padding:12px 10px;vertical-align:top}.machines-table th:nth-child(5),.machines-table td:nth-child(5),.inventory-cell{width:16%;min-width:150px;padding:12px 10px;vertical-align:top}.machines-table th:nth-child(6),.machines-table td:nth-child(6),.actions-cell{width:13%;min-width:140px;padding:12px 8px;vertical-align:middle}.machines-table td{word-wrap:break-word;overflow-wrap:break-word}.machine-header{margin-bottom:15px;display:flex;flex-direction:column}.machine-code{background-color:#1a57a5;color:#fff;font-weight:700;padding:3px 10px;border-radius:4px;margin-right:10px;font-size:13px;display:inline-block;align-self:flex-start;margin-bottom:8px;box-shadow:0 2px 4px #0000001a}.machine-name{font-weight:700;font-size:18px;margin:5px 0 8px;color:#222}.machine-model{color:#666;font-size:13px;margin-bottom:12px;font-style:italic}.machine-description{color:#555;font-size:14px;line-height:1.5;margin-bottom:18px;padding:0 0 10px;border-bottom:1px dashed #eee}.specs-table{width:100%;margin:15px 0;display:grid;grid-template-columns:80px 1fr;gap:10px;border:1px solid #f0f0f0;border-radius:6px;padding:12px;background-color:#fafafa;box-shadow:0 1px 3px #0000000d}.specs-row{display:flex;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed #eee}.specs-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.specs-highlight{background-color:#f0f7ff;padding:10px;border-radius:4px;margin:5px 0;border-left:3px solid #1a57a5}.specs-label{font-weight:600;color:#444;margin-right:8px;min-width:60px}.specs-value{color:#333;flex:1}.specs-highlight .specs-value{font-weight:700;color:#1a57a5}.price-tiers{width:100%}.price-title{font-weight:600;font-size:14px;color:#333;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:8px}.price-tier{display:flex;justify-content:space-between;margin-bottom:8px;padding:4px 0}.price-range{color:#666;font-size:13px}.price-value{white-space:nowrap;font-weight:500;color:#1a57a5}.inventory-title{font-weight:600;font-size:14px;color:#333;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:8px}.inventory-region{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;padding:3px 0}.region-label{min-width:40px;color:#666;font-size:13px}.region-value{font-weight:500;border-radius:3px;padding:2px 6px;font-size:13px}.high-stock{background-color:#e6f7ee;color:#0c6b58}.medium-stock{background-color:#fff7e6;color:#d46b08}.low-stock{background-color:#fff1f0;color:#cf1322}.quantity-selector{display:flex;justify-content:center;margin-bottom:10px}.qty-btn{background:#f7f7f7;border:1px solid #d9d9d9;border-radius:2px;padding:4px 8px;transition:all .3s;cursor:pointer}.qty-btn:hover:not(:disabled){background:#e6f7ff;border-color:#1890ff}.qty-btn:disabled{cursor:not-allowed;color:#d9d9d9}.quantity-input{width:40px;text-align:center;border:1px solid #d9d9d9;padding:4px 2px;margin:0 5px}.btn-add{width:100%;padding:8px 5px;font-size:13px;white-space:nowrap;background-color:#1a57a5;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.btn-add:hover{background-color:#1565c0;box-shadow:0 2px 5px #0000001a}.anticon{margin-right:5px}@media (max-width: 1200px){.machine-info-cell{width:32%}.price-tiers-cell,.inventory-cell{width:17%}.specs-table{grid-template-columns:70px 1fr}}@media (max-width: 992px){.machines-table{table-layout:auto}.machine-image-cell{width:100px;min-width:100px}.machine-info-cell{width:30%}.price-tier{flex-direction:column}.price-value{margin-top:3px}.more-info-section{flex-direction:column;gap:8px}.more-info-section a{width:100%}}@media (max-width: 768px){.machines-table thead{display:none}.machines-table,.machines-table tbody,.machines-table tr{display:block;width:100%}.machines-table tr{margin-bottom:20px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.machines-table th,.machines-table td{display:block;width:100%!important;max-width:none!important;border:none}.machines-table td:before{content:attr(data-label);display:block;font-weight:600;margin-bottom:5px;color:#666}.selection-cell{text-align:right;padding:10px;background-color:#f5f5f5}.machine-info-cell{border-top:1px solid #eee;border-bottom:1px solid #eee}.machine-image-cell{text-align:center;padding:15px}.machine-image{max-width:180px;margin:0 auto}.specs-table{grid-template-columns:1fr}.specs-row{flex-direction:row;justify-content:space-between}.inventory-region,.price-tier{padding:8px 0}.actions-cell{display:flex;flex-direction:column;padding:15px}.quantity-selector{margin-bottom:15px}.btn-add{padding:12px;font-size:14px}}.accessory-specs-container{display:flex;flex-wrap:wrap;margin:10px 0}.accessory-spec-item{margin-right:15px;margin-bottom:8px;font-size:13px;color:#333}.accessory-spec-item strong{font-weight:600;color:#555;margin-right:3px}.spec-highlight{background-color:var(--primary-bg);color:var(--primary-dark);padding:2px 4px;border-radius:3px;font-weight:600}.custom-tooltip .ant-tooltip-inner{padding:0!important;background:transparent!important;box-shadow:0 8px 32px #0000001f!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.custom-tooltip .ant-tooltip-arrow{display:none!important}.custom-tooltip .ant-tooltip-content{border-radius:12px!important;overflow:hidden!important}.custom-tooltip{animation:tooltipFadeIn .3s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.frequency-highlight{background:linear-gradient(135deg,#fef3c7,#fde68a)!important;border-left:4px solid #f59e0b!important;box-shadow:0 2px 8px #f59e0b33!important;animation:frequencyPulse 2s ease-in-out infinite}.frequency-highlight strong{color:#92400e!important;font-weight:700!important;text-shadow:0 1px 2px rgba(146,64,14,.1)}.frequency-highlight span{color:#78350f!important;font-weight:700!important;font-size:1.1em!important;text-shadow:0 1px 2px rgba(120,53,15,.1)}@keyframes frequencyPulse{0%,to{box-shadow:0 2px 8px #f59e0b33}50%{box-shadow:0 4px 16px #f59e0b66}}.quantity-input-field .ant-input-number-input{color:#333!important;font-weight:700!important;text-align:center!important;background-color:#fff!important}.quantity-input-field .ant-input-number-input:focus{color:#333!important;font-weight:700!important}.electrical-indicator{position:relative}.electrical-indicator:before{content:"⚡";position:absolute;top:-8px;right:-8px;background:#fbbf24;color:#92400e;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.custom-tooltip .ant-tooltip-inner{max-width:280px!important}.frequency-highlight{padding:8px!important;margin:4px 0!important}.frequency-highlight strong{font-size:.9em!important}.frequency-highlight span{font-size:1em!important}}.info-buttons-container{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.spec-details-btn{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:relative;overflow:hidden}.spec-details-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.spec-details-btn:hover:before{left:100%}.spec-details-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666,0 2px 4px #0000001a}.spec-details-btn .anticon{margin-right:6px;font-size:16px;transition:transform .3s ease}.spec-details-btn:hover .anticon{transform:scale(1.1)}.more-info-btn{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,#fef7ff,#faf5ff);border:1px solid #e9d5ff;border-radius:8px;color:#7c3aed;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;position:relative;overflow:hidden}.more-info-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.more-info-btn:hover:before{left:100%}.more-info-btn:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#7c3aed;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666,0 2px 4px #0000001a}.more-info-btn .anticon{margin-right:6px;font-size:16px;transition:transform .3s ease}.more-info-btn:hover .anticon{transform:scale(1.1) rotate(5deg)}.spec-details-btn:active,.more-info-btn:active{transform:translateY(0);transition:transform .1s}.spec-details-btn:disabled,.more-info-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.spec-details-btn:disabled:hover,.more-info-btn:disabled:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;color:#475569;transform:none}@media (max-width: 768px){.info-buttons-container{gap:8px;margin-top:12px}.spec-details-btn,.more-info-btn{padding:6px 12px;font-size:13px;border-radius:6px}.spec-details-btn .anticon,.more-info-btn .anticon{font-size:14px;margin-right:4px}}@media (max-width: 480px){.info-buttons-container{flex-direction:column;gap:6px}.spec-details-btn,.more-info-btn{width:100%;justify-content:center;padding:8px 12px}}.info-buttons-container:hover .spec-details-btn:not(:hover),.info-buttons-container:hover .more-info-btn:not(:hover){opacity:.8;transform:scale(.98)}.spec-details-btn.loading,.more-info-btn.loading{pointer-events:none;opacity:.7}.spec-details-btn.loading .anticon,.more-info-btn.loading .anticon{animation:spin 1s linear infinite}.spec-details-btn.success,.more-info-btn.success{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff}.spec-details-btn.error,.more-info-btn.error{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff}.spec-details-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f64d}.more-info-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #8b5cf64d}@media (prefers-color-scheme: dark){.spec-details-btn{background:linear-gradient(135deg,#1e293b,#334155);border-color:#475569;color:#e2e8f0}.more-info-btn{background:linear-gradient(135deg,#2d1b69,#3730a3);border-color:#5b21b6;color:#e9d5ff}}.more-info-section{margin-top:18px;display:flex;gap:15px}.more-info-section a{color:#1a57a5;text-decoration:none;padding:6px 12px;border:1px solid #1a57a5;border-radius:4px;font-size:13px;transition:all .2s;display:flex;align-items:center;justify-content:center}.more-info-section a:hover{background-color:#1a57a5;color:#fff;box-shadow:0 2px 5px #0000001a}.info-icon{margin-right:5px;font-weight:700}.bg-secondary-light{background-color:#e3f2fd}.text-secondary{color:#1976d2}.border-secondary{border-color:#1976d2}.bg-secondary:hover{background-color:#1976d2!important}.bg-info-light{background-color:#f3e5f5}.text-info{color:#7b1fa2}.border-info{border-color:#7b1fa2}.bg-info:hover{background-color:#7b1fa2!important}.machine-info-tooltip .ant-tooltip-content{max-width:none!important}.machine-info-popover{min-width:300px;max-width:400px;padding:16px;border-radius:8px;box-shadow:0 4px 16px #0000001a;background:#fff}.machine-info-popover .info-section{margin-bottom:16px}.machine-info-popover .info-section:last-child{margin-bottom:0}.machine-info-popover h4{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;border-bottom:1px solid #e9ecef;padding-bottom:4px}.machine-info-popover p{margin:4px 0;color:#666;line-height:1.5}.machine-info-popover strong{color:#333;font-weight:600;min-width:100px;display:inline-block}[data-testid=pdf-download]{transition:all .3s ease}[data-testid=pdf-download]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}[data-testid=more-info]{transition:all .3s ease}[data-testid=more-info]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}@media (max-width: 768px){.machine-info-popover{min-width:280px;max-width:320px;padding:12px}.machine-info-popover h4{font-size:14px}.machine-info-popover p{font-size:13px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus{outline:3px solid #0078d4;outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid #0078d4;outline-offset:2px}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:3px solid #0078d4;outline-offset:2px}.model-cell:focus,.notification-close:focus,.go-to-cart-btn:focus,.specification-link:focus,.more-info-link:focus,.qty-btn:focus,.btn-add:focus{outline:3px solid #0078d4;outline-offset:2px;box-shadow:0 0 0 3px #0078d466}.machines-table th,.machines-table td,.notification-title,.notification-details,.price-title,.inventory-title,.region-label{color:#000;font-weight:500}.inventory .inventory-low{color:#c00000!important}.inventory .inventory-medium{color:#855a00!important}.inventory .inventory-high{color:#060!important}button[disabled],input[disabled]{cursor:not-allowed;opacity:.6;background-color:#f0f0f0}.machines-table tbody tr:focus{outline:2px solid #0078d4;outline-offset:-2px}.machines-table tbody tr{transition:background-color .2s}.machines-table tbody tr:hover,.machines-table tbody tr:focus-within{background-color:#0078d41a}.machines-table .selected-row,.machines-table tbody tr[aria-selected=true]{background-color:#0078d433;border-left:4px solid #0078d4}.skip-to-content{position:absolute;left:-9999px;top:-9999px;z-index:9999;padding:1rem;background:#fff;color:#000;text-decoration:none;font-weight:700}.skip-to-content:focus{left:0;top:0}.cart-notification{border:2px solid #0078d4;border-radius:4px}.quantity-input,.qty-btn{min-height:40px;min-width:40px}.model-cell.selected-machine:focus{box-shadow:0 0 0 3px #0078d4}[role=button],[role=link],[role=tab]{cursor:pointer}.machines-table,.machines-filter,.accessory-level,.cart-notification{color:#000;background-color:#fff}.error-container{border:2px solid #c00000;background-color:#fff8f8;color:#c00000;padding:16px;border-radius:4px}.loading-container{min-height:100px;display:flex;align-items:center;justify-content:center}img:not([alt]){outline:3px dashed #c00000}.consumables-custom-tooltip{min-width:800px!important;max-width:min(1200px,95vw)!important}.consumables-custom-tooltip .ant-tooltip-inner{min-width:800px!important;padding:0!important;width:auto!important;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.2)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.consumable-tooltip{width:auto;min-width:800px;max-width:1200px;overflow:visible;font-size:13px;line-height:1.5;background:linear-gradient(145deg,#fff,#fafbfc);border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.consumable-tooltip .tooltip-header{display:none}.consumable-tooltip .tooltip-content-grid{display:flex;gap:16px;padding:16px;margin:0;width:auto;overflow:visible}.consumable-tooltip .left-column,.consumable-tooltip .right-column{flex:1;min-width:0;margin:0;padding:0}.consumable-tooltip .left-column{margin-right:8px}.consumable-tooltip .right-column{margin-left:8px}.consumable-tooltip .package-info-card,.consumable-tooltip .specs-summary-card,.consumable-tooltip .pallet-configs-card,.consumable-tooltip .tech-params-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin:0;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.consumable-tooltip .package-info-card:hover,.consumable-tooltip .specs-summary-card:hover,.consumable-tooltip .pallet-configs-card:hover,.consumable-tooltip .tech-params-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.consumable-tooltip .package-row,.consumable-tooltip .spec-item,.consumable-tooltip .pallet-config-row,.consumable-tooltip .tech-param-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#fffffff2;border-radius:8px;border:1px solid rgba(226,232,240,.5);margin-bottom:6px;min-height:auto;transition:all .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);gap:16px}.consumable-tooltip .package-row:hover,.consumable-tooltip .spec-item:hover,.consumable-tooltip .pallet-config-row:hover,.consumable-tooltip .tech-param-row:hover{background:#fff;border-color:#3b82f64d;transform:translate(2px);box-shadow:0 2px 4px #0000000d}.consumable-tooltip .package-row:last-child,.consumable-tooltip .spec-item:last-child,.consumable-tooltip .pallet-config-row:last-child,.consumable-tooltip .tech-param-row:last-child{margin-bottom:0}.consumable-tooltip .package-label,.consumable-tooltip .spec-label,.consumable-tooltip .config-label,.consumable-tooltip .param-label{font-size:11px;color:#475569;font-weight:500;flex:0 0 auto;text-align:left;margin-right:0;word-break:break-word;white-space:normal;display:flex;align-items:center;gap:4px;max-width:180px;line-height:1.3;min-width:140px}.consumable-tooltip .package-value,.consumable-tooltip .spec-value,.consumable-tooltip .config-value,.consumable-tooltip .param-value{font-size:11px;color:#0f172a;font-weight:600;text-align:right;flex:1;word-wrap:break-word;overflow-wrap:break-word;min-width:0;text-shadow:0 1px 2px rgba(255,255,255,.8);white-space:normal;line-height:1.3;white-space:nowrap!important;word-break:normal;overflow:visible}.consumable-tooltip .package-value[data-value="N/A"],.consumable-tooltip .spec-value[data-value="N/A"],.consumable-tooltip .config-value[data-value="N/A"],.consumable-tooltip .param-value[data-value="N/A"]{color:#64748b!important;font-style:italic;text-shadow:none!important}@media (prefers-color-scheme: dark){.consumable-tooltip .package-value[data-value="N/A"],.consumable-tooltip .spec-value[data-value="N/A"],.consumable-tooltip .config-value[data-value="N/A"],.consumable-tooltip .param-value[data-value="N/A"]{color:#94a3b8!important}}.consumable-tooltip .section-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#334155;margin:0 0 12px;padding:8px 12px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:8px;border-left:3px solid #3b82f6}.consumable-tooltip .title-icon{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.consumable-tooltip .specs-grid{display:grid;grid-template-columns:1fr;gap:6px}.consumable-tooltip .config-values{display:flex;flex-direction:column;gap:4px;flex:1}.consumable-tooltip .config-item{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:2px 0}.consumable-tooltip .unit-label{color:#64748b;font-weight:500;margin-right:6px}.consumable-tooltip .unit-value{color:#1e293b;font-weight:600}.consumable-tooltip .package-image-section{margin-bottom:12px}.consumable-tooltip .package-image-container{position:relative;width:100%;max-width:100px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.consumable-tooltip .package-image-container img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease}.consumable-tooltip .package-image-container:hover img{transform:scale(1.02)}.consumable-tooltip .image-label{font-size:10px;color:#64748b;text-align:center;margin-top:4px;font-weight:500}@media (max-width: 768px){.consumables-custom-tooltip .ant-tooltip-inner{max-width:95vw!important;min-width:95vw!important}.consumable-tooltip{min-width:95vw;max-width:95vw;font-size:12px}.consumable-tooltip .tooltip-content-grid,.consumable-tooltip .package-info-card,.consumable-tooltip .specs-summary-card,.consumable-tooltip .pallet-configs-card,.consumable-tooltip .tech-params-card{padding:12px}.consumable-tooltip .package-row,.consumable-tooltip .spec-item,.consumable-tooltip .pallet-config-row,.consumable-tooltip .tech-param-row{padding:8px 10px;flex-direction:column;align-items:flex-start;gap:4px}.consumable-tooltip .package-label,.consumable-tooltip .spec-label,.consumable-tooltip .config-label,.consumable-tooltip .param-label{margin-right:0;margin-bottom:2px}.consumable-tooltip .package-value,.consumable-tooltip .spec-value,.consumable-tooltip .config-value,.consumable-tooltip .param-value{text-align:left;width:100%}}@media (max-width: 480px){.consumables-custom-tooltip .ant-tooltip-inner{max-width:95vw!important;min-width:95vw!important}.consumable-tooltip{min-width:95vw;max-width:95vw;font-size:12px}}.consumable-tooltip ::-webkit-scrollbar{width:6px}.consumable-tooltip ::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.consumable-tooltip ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:3px}.consumable-tooltip ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.consumable-tooltip .mb-2{margin-bottom:8px}.consumable-tooltip .p-2{padding:8px}.consumable-tooltip .rounded{border-radius:6px}.consumable-tooltip .text-xs{font-size:11px;line-height:1.4}.consumable-tooltip .flex{display:flex}.consumable-tooltip .items-center{align-items:center}.consumable-tooltip .justify-center{justify-content:center}.consumable-tooltip .space-x-3>*+*{margin-left:12px}.consumable-tooltip .animate-spin{animation:spin 1s linear infinite}.consumable-tooltip .rounded-full{border-radius:50%}.consumable-tooltip .h-5{height:20px}.consumable-tooltip .w-5{width:20px}.consumable-tooltip .border-2{border-width:2px}.consumable-tooltip .border-blue-500{border-color:#3b82f6}.consumable-tooltip .border-t-transparent{border-top-color:transparent}.consumable-tooltip .text-gray-600{color:#4b5563}.consumable-tooltip .text-sm{font-size:13px;line-height:1.5}.consumable-tooltip .py-6{padding-top:24px;padding-bottom:24px}.consumable-tooltip .p-4{padding:16px}.consumable-tooltip .bg-white{background-color:#fff}.consumable-tooltip .rounded-lg{border-radius:8px}.consumable-tooltip .shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.consumable-tooltip .border{border-width:1px}.consumable-tooltip .border-gray-200{border-color:#e5e7eb}.consumable-tooltip .min-w-400{min-width:700px}@media (prefers-color-scheme: dark){.consumables-custom-tooltip .ant-tooltip-inner{background:linear-gradient(145deg,#1e293b,#334155)!important;border-color:#ffffff1a!important}.consumable-tooltip{background:linear-gradient(145deg,#1e293b,#334155)}.consumable-tooltip .package-info-card,.consumable-tooltip .specs-summary-card,.consumable-tooltip .pallet-configs-card,.consumable-tooltip .tech-params-card{background:linear-gradient(145deg,#334155,#475569);border-color:#475569}.consumable-tooltip .package-row,.consumable-tooltip .spec-item,.consumable-tooltip .pallet-config-row,.consumable-tooltip .tech-param-row{background:#1e293be6;border-color:#47556980}.consumable-tooltip .package-row:hover,.consumable-tooltip .spec-item:hover,.consumable-tooltip .pallet-config-row:hover,.consumable-tooltip .tech-param-row:hover{background:#1e293b;border-color:#60a5fa66}.consumable-tooltip .section-title{background:linear-gradient(135deg,#475569,#64748b);color:#e2e8f0}.consumable-tooltip .package-label,.consumable-tooltip .spec-label,.consumable-tooltip .config-label,.consumable-tooltip .param-label{color:#cbd5e1}.consumable-tooltip .package-value,.consumable-tooltip .spec-value,.consumable-tooltip .config-value,.consumable-tooltip .param-value{color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.5)}}.consumable-tooltip.compact{min-width:240px;max-width:400px}.consumable-tooltip.compact .package-info-card{padding:12px}.consumable-tooltip.compact .package-row{padding:8px 10px;margin-bottom:4px}.consumable-tooltip.compact .package-label,.consumable-tooltip.compact .package-value{font-size:11px}.consumable-tooltip .package-info-card:before,.consumable-tooltip .specs-summary-card:before,.consumable-tooltip .pallet-configs-card:before,.consumable-tooltip .tech-params-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;padding:1px;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#7c3aed);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.consumable-tooltip .package-info-card:hover:before,.consumable-tooltip .specs-summary-card:hover:before,.consumable-tooltip .pallet-configs-card:hover:before,.consumable-tooltip .tech-params-card:hover:before{opacity:.3}.consumable-tooltip .tech-param-row{word-break:normal}.consumable-tooltip .tech-param-row .param-value{white-space:nowrap!important;overflow:visible;word-break:normal}.unified-product-details{display:grid;gap:.5rem;font-size:.875rem}.detail-item{display:flex;align-items:baseline;gap:.5rem}.detail-label{font-weight:500;color:#6b7280;white-space:nowrap;flex-shrink:0}.detail-value{color:#374151;word-break:break-word;flex:1}.detail-value.empty-value{color:#9ca3af;font-style:italic}.no-config-warning{color:#ef4444;font-style:italic;text-align:center;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px}.cart-list-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:.5rem}.cart-list-details .detail-item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem 0}.cart-list-details .detail-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.025em;line-height:1.2}.cart-list-details .detail-value{font-size:.875rem;font-weight:500;color:#374151;line-height:1.3;word-break:break-word}.cart-sidebar-details{display:grid;grid-template-columns:1fr;gap:.75rem}.cart-sidebar-details .detail-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.cart-sidebar-details .detail-item:last-child{border-bottom:none}.cart-sidebar-details .detail-label{font-size:.8rem;max-width:40%}.cart-sidebar-details .detail-value{font-size:.8rem;text-align:right;max-width:60%}.order-page-details{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem 1.5rem}.order-page-details .detail-item{align-items:baseline}.order-page-details .detail-label{margin-right:.5rem;min-width:80px}.order-page-details .detail-value{word-break:break-all}.tooltip-details{grid-template-columns:1fr;gap:.5rem;max-width:300px}.tooltip-details .detail-item{justify-content:space-between;padding:.25rem 0}.tooltip-details .detail-label{font-size:.75rem;color:#4b5563}.tooltip-details .detail-value{font-size:.75rem;font-weight:500;text-align:right}@media (max-width: 1024px){.cart-list-details{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem}}@media (max-width: 768px){.cart-list-details{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.cart-list-details .detail-item{padding:.25rem 0}.cart-list-details .detail-label{font-size:.7rem}.cart-list-details .detail-value{font-size:.8rem}.order-page-details{grid-template-columns:1fr}.cart-sidebar-details .detail-item{flex-direction:column;align-items:flex-start;gap:.25rem}.cart-sidebar-details .detail-label,.cart-sidebar-details .detail-value{max-width:100%;text-align:left}}@media (max-width: 480px){.cart-list-details{grid-template-columns:1fr 1fr;gap:.5rem}.cart-list-details .detail-item{padding:.25rem 0}}.unified-product-details.compact{gap:.25rem;font-size:.8rem}.unified-product-details.spacious{gap:1rem;font-size:1rem}.unified-product-details.bordered .detail-item{padding:.5rem;border:1px solid #e5e7eb;border-radius:4px;background-color:#f9fafb}.detail-value[data-field-type=price]{font-weight:600;color:#059669}.detail-value[data-field-type=quantity]{font-weight:600;color:#1d4ed8}.detail-value[data-field-type=status]{padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase}.detail-value[data-field-type=status][data-status=active]{background-color:#d1fae5;color:#065f46}.detail-value[data-field-type=status][data-status=inactive]{background-color:#fee2e2;color:#991b1b}.cart-list{width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:visible}.cart-bulk-actions{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1rem}.bulk-select{display:flex;align-items:center;gap:.5rem}.bulk-checkbox{width:1.125rem;height:1.125rem;cursor:pointer}.bulk-label{font-size:.875rem;color:#374151;cursor:pointer}.bulk-remove-btn{padding:.5rem 1rem;background-color:#ef4444;color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.bulk-remove-btn:hover{background-color:#dc2626}.cart-items-container{display:flex;flex-direction:column;gap:1rem;padding:1rem;overflow:visible}.cart-item{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease;position:relative;overflow:visible}.cart-item:hover{box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.cart-item.selected{border-color:#3b82f6;background-color:#eff6ff}.cart-item.dragging{opacity:.5;transform:rotate(2deg)}.cart-item-checkbox{display:flex;align-items:flex-start;padding-top:.25rem}.item-checkbox{width:1.125rem;height:1.125rem;cursor:pointer}.cart-item-image{width:120px;height:120px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;background-color:#f9fafb;display:flex;align-items:center;justify-content:center}.item-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:.5rem}.cart-item-info{display:flex;flex-direction:column;gap:1rem;min-width:0}.item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.item-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0;line-height:1.4}.item-actions{display:flex;gap:.5rem}.tooltip-btn{background:none;border:none;color:#3b82f6;font-size:1rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;opacity:.7;line-height:1}.tooltip-btn:hover{background-color:#eff6ff;opacity:1;transform:scale(1.1)}.remove-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.25rem;padding:.25rem;border-radius:4px;transition:all .2s;line-height:1}.remove-btn:hover{background-color:#fee2e2;color:#dc2626}.required-parts-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.required-parts-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .5rem}.required-parts-list{display:flex;flex-direction:column;gap:.5rem}.cart-item-pricing{display:flex;flex-direction:column;gap:1rem;align-items:flex-end;min-width:200px}.item-price,.item-quantity,.item-total{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.price-label,.quantity-label,.total-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.price-value{font-size:1.125rem;font-weight:600;color:#059669}.total-value{font-size:1.25rem;font-weight:700;color:#1f2937}.quantity-controls{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;overflow:visible}.quantity-btn{width:2rem;height:2rem;background-color:#f9fafb;border:none;cursor:pointer;font-size:1rem;font-weight:600;color:#374151;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.quantity-btn:hover:not(:disabled){background-color:#e5e7eb}.quantity-input{width:3rem;height:2rem;border:none;text-align:center;font-size:.875rem;font-weight:500;background-color:#fff}.quantity-input:focus{outline:none;background-color:#f0f9ff}.cart-empty-state{text-align:center;padding:4rem 2rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px}.empty-cart-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-cart-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem}.empty-cart-message{color:#6b7280;margin:0}@media (max-width: 1024px){.cart-item{grid-template-columns:auto 100px 1fr;gap:.75rem}.cart-item-pricing{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.item-price,.item-quantity,.item-total{align-items:center}}@media (max-width: 768px){.cart-bulk-actions{flex-direction:column;gap:1rem;align-items:stretch}.cart-item{grid-template-columns:auto 80px 1fr;gap:.5rem;padding:1rem}.cart-item-image{width:80px;height:80px}.item-name{font-size:1rem}.cart-item-pricing{gap:.75rem}.quantity-controls{scale:.9}}@media (max-width: 480px){.cart-item{grid-template-columns:auto 1fr;gap:.75rem}.cart-item-image{grid-row:1 / 3;width:60px;height:60px}.cart-item-info{gap:.75rem}.item-header{flex-direction:column;align-items:flex-start;gap:.5rem}.cart-item-pricing{grid-column:1 / -1;flex-direction:column;align-items:stretch;gap:.75rem}.item-price,.item-quantity,.item-total{flex-direction:row;justify-content:space-between;align-items:center}}.product-detail-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;color:var(--text-color)}.product-detail-breadcrumb{margin-bottom:2rem;font-size:.9rem}.product-detail-breadcrumb span{color:var(--text-secondary)}.product-detail-breadcrumb span:not(:last-child){cursor:pointer}.product-detail-breadcrumb span:not(:last-child):hover{color:var(--primary-color);text-decoration:underline}.product-detail-breadcrumb span:last-child{color:var(--text-color);font-weight:500}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:3rem}.product-detail-gallery{display:flex;flex-direction:column}.product-main-image{border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014;background-color:var(--bg-secondary);margin-bottom:1rem}.product-main-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;aspect-ratio:1/1}.product-thumbnails{display:flex;gap:.5rem;margin-top:.5rem}.thumbnail{width:70px;height:70px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;background-color:var(--bg-secondary)}.thumbnail.active{border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-detail-info{display:flex;flex-direction:column;gap:16px}.product-name{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.product-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;margin-bottom:1rem;color:var(--text-secondary)}.product-meta span{font-weight:500}.product-short-description{font-size:1rem;line-height:1.6;margin-bottom:1rem}.product-rating{display:flex;align-items:center;margin-bottom:1.5rem}.rating-count{margin-left:.5rem;color:var(--text-secondary);font-size:.9rem}.product-price-container{margin-bottom:1.5rem;padding:1rem;background-color:var(--bg-secondary);border-radius:8px}.product-price{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.original-price{font-size:1rem;color:var(--text-secondary);text-decoration:line-through}.current-price{font-size:1.5rem;font-weight:600;color:var(--primary-color)}.discount-badge{background-color:#ff4d4f;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:600}.tiered-prices{margin-top:1rem;border-top:1px solid var(--border-color);padding-top:1rem}.tiered-prices h4{font-size:.9rem;font-weight:600;margin-bottom:.5rem}.tiered-prices ul{list-style:none;padding:0;margin:0}.tiered-prices li{font-size:.85rem;padding:.25rem 0}.product-inventory{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.inventory-status{font-weight:500;padding:.25rem .5rem;border-radius:4px;font-size:.85rem}.inventory-status.in_stock{background-color:#d4f7d4;color:#2c7a2c}.inventory-status.low_stock{background-color:#fff7e0;color:#d48806}.inventory-status.out_of_stock{background-color:#ffd6d9;color:#cf1322}.inventory-quantity{font-size:.85rem;color:var(--text-secondary)}.product-compatibility{margin-bottom:1.5rem}.product-compatibility>span{font-weight:500;margin-right:.5rem}.compatible-models{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.compatible-model{background-color:var(--bg-secondary);padding:.25rem .75rem;border-radius:4px;font-size:.85rem}.product-actions{margin-top:2rem}.quantity-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.quantity-selector label{font-weight:500}.quantity-input-container{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.quantity-input-container button{width:36px;height:36px;background-color:var(--bg-secondary);border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.quantity-input-container button:hover{background-color:var(--bg-tertiary)}.quantity-input-container button:disabled{opacity:.5;cursor:not-allowed}.quantity-input-container input{width:50px;height:36px;border:none;text-align:center;font-size:1rem;background-color:var(--bg-primary);color:var(--text-color)}.quantity-input-container input::-webkit-outer-spin-button,.quantity-input-container input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input-container input[type=number]{-moz-appearance:textfield}.action-buttons{display:flex;gap:.75rem}.action-buttons .ant-btn{height:44px}.action-buttons .ant-btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.action-buttons .ant-btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.action-buttons .in-wishlist{color:#ff4d4f;border-color:#ff4d4f}.product-detail-tabs{margin-bottom:3rem}.tab-header{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:2rem;overflow-x:auto;white-space:nowrap}.tab-btn{padding:1rem 1.5rem;border:none;background:none;font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .3s ease}.tab-btn:hover,.tab-btn.active{color:var(--primary-color)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:var(--primary-color)}.tab-content{min-height:200px}.tab-pane{padding:1rem 0}.add-to-cart-btn{background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.add-to-cart-btn:hover{background-color:var(--primary-dark)}.add-to-cart-btn:disabled{background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed}.wishlist-btn,.share-btn{background-color:var(--bg-secondary);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;padding:.75rem 1.25rem;font-size:1rem;cursor:pointer;transition:all .3s ease}.wishlist-btn:hover,.share-btn:hover{background-color:var(--bg-tertiary)}.wishlist-btn.in-wishlist{color:#ff4d4f;border-color:#ff4d4f}.star{color:#d9d9d9;font-size:1.2rem;margin-right:2px}.star.filled{color:#fadb14}.loading-spinner{display:inline-block;width:50px;height:50px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.specifications-table{overflow-x:auto}.specifications-table table{width:100%;border-collapse:collapse}.specifications-table th,.specifications-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.specifications-table th{font-weight:500;width:30%;background-color:var(--bg-secondary)}.features-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.feature-item{background-color:var(--bg-secondary);padding:1.5rem;border-radius:8px}.feature-item h3{margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.feature-item p{margin:0;font-size:14px;color:var(--text-color-secondary)}.related-products{margin-top:40px}.related-products h2{margin-bottom:20px;font-size:24px;font-weight:600}.related-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.product-detail-loading,.product-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.product-detail-loading p,.product-detail-error p{margin-top:1rem;color:var(--text-secondary)}.product-detail-error h2{font-size:1.5rem;margin-bottom:1rem;color:#cf1322}.product-detail-error button{margin-top:20px}@media (max-width: 992px){.product-detail-content{grid-template-columns:1fr}.product-detail-gallery{margin-bottom:2rem}}@media (max-width: 768px){.product-detail-container{padding:1rem}.product-name{font-size:1.5rem}.features-list{grid-template-columns:1fr}}@media (max-width: 576px){.action-buttons{flex-wrap:wrap}.action-buttons .ant-btn-primary{width:100%}.specifications-table th{width:40%}}.product-price-inventory{background-color:#f9f9f9;border-radius:8px;padding:16px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d}.price-inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.price-inventory-header h4{margin:0;font-size:16px;color:#333}.refresh-btn{cursor:pointer;color:#1890ff;transition:transform .3s ease}.refresh-btn:hover{transform:rotate(90deg);color:#096dd9}.product-price{margin-bottom:12px}.price-value{font-size:24px;font-weight:700;color:#f5222d;margin-right:8px}.discount-tag{vertical-align:middle}.product-inventory{margin-bottom:12px;display:flex;align-items:center}.inventory-amount{margin-left:8px;color:#666}.last-update{color:#999;font-size:12px;text-align:right;margin-top:8px}@media (max-width: 576px){.product-price-inventory{padding:12px}.price-value{font-size:20px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{background-color:#f7f9fb;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1a57a5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.progress-indicator{margin:30px 0;display:flex;justify-content:center;position:relative}.progress-bar{position:absolute;top:24px;left:15%;right:15%;height:2px;background-color:#ddd;z-index:1}.progress-bar-active{position:absolute;top:24px;left:15%;width:35%;height:2px;background-color:#1a57a5;z-index:2}.progress-step{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;width:120px}.step-circle{width:50px;height:50px;border-radius:50%;background-color:#fff;border:2px solid #ddd;display:flex;justify-content:center;align-items:center;margin-bottom:10px;font-size:24px;color:#ddd}.step-circle.active{border-color:#1a57a5;background-color:#1a57a5;color:#fff}.step-circle.completed{border-color:#1a57a5;background-color:#fff;color:#1a57a5}.step-title{font-size:14px;color:#666}.step-title.active{color:#1a57a5;font-weight:700}.main-content{display:flex;gap:30px;margin:30px 0}.left-column{flex:3;display:flex;flex-direction:column;gap:30px}.shipping-form,.order-details{background-color:#fff;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000000d}.form-title{font-size:18px;font-weight:700;margin-bottom:25px;color:#1a57a5;border-bottom:1px solid #eee;padding-bottom:10px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;font-size:14px}.required:after{content:"*";color:#e74c3c;margin-left:4px}.form-input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.form-textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-height:80px;resize:vertical}.form-row{display:flex;gap:15px}.form-col{flex:1}.form-input-error,.form-select-error,.form-textarea-error{border-color:#e74c3c!important;box-shadow:0 0 0 2px #e74c3c1a}.form-input-error:focus,.form-select-error:focus,.form-textarea-error:focus{border-color:#e74c3c!important;box-shadow:0 0 0 3px #e74c3c33;outline:none}.form-error{color:#e74c3c;font-size:12px;margin-top:4px;display:flex;align-items:center;gap:4px}.form-error:before{content:"⚠";font-size:12px}.btn-disabled{background-color:#bdc3c7!important;border-color:#bdc3c7!important;color:#7f8c8d!important;cursor:not-allowed!important;opacity:.6}.btn-disabled:hover{background-color:#bdc3c7!important;border-color:#bdc3c7!important;transform:none!important;box-shadow:none!important}.btn-primary:disabled{background-color:#bdc3c7;border-color:#bdc3c7;color:#7f8c8d;cursor:not-allowed}.order-summary{flex:0 0 300px;background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 6px #0000000d;position:sticky;top:20px;margin-left:20px;align-self:flex-start}.summary-title{font-size:18px;font-weight:600;margin-bottom:15px;color:#333}.summary-items{margin-bottom:25px}.summary-item{display:flex;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f1f1f1}.item-image{width:70px;height:70px;min-width:70px;border:1px solid #eee;border-radius:4px;overflow:hidden;margin-right:15px}.item-details{flex:1}.item-name{font-weight:600;margin-bottom:5px;font-size:14px}.item-sku{color:#666;font-size:12px;margin-bottom:5px}.item-price{font-size:14px;display:flex;justify-content:space-between}.item-quantity{color:#666}.fee-section{margin-bottom:20px}.fee-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #eee;color:#555}.fee-total{display:flex;justify-content:space-between;padding:15px 0;margin-top:10px;border-top:2px solid #eee;font-size:18px;font-weight:600;color:#333}.order-summary .bottom-actions{display:flex;flex-direction:column;margin-top:20px;gap:10px}.order-summary .btn{width:100%;padding:12px;border-radius:4px;cursor:pointer;text-align:center;font-weight:600;transition:all .2s}.order-summary .btn-primary{background-color:#1890ff;color:#fff;border:none}.order-summary .btn-primary:hover{background-color:#0c7cd5}.order-summary .btn-secondary{background-color:#fff;color:#666;border:1px solid #ddd}.order-summary .btn-secondary:hover{background-color:#f9f9f9;border-color:#bbb}.order-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid #eee;background-color:#fff;border-radius:8px;margin-bottom:15px;transition:all .2s ease;position:relative}.order-item:last-child{border-bottom:none;margin-bottom:0}.item-image{width:80px;height:80px;min-width:80px;border:1px solid #eee;border-radius:4px;overflow:hidden;margin-right:15px;padding:5px}.item-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.item-details{flex:1;min-width:200px}.item-model{font-size:16px;font-weight:700;margin-bottom:10px;color:#002366;display:flex;align-items:center}.item-type-tag{display:inline-block;padding:3px 8px;font-size:12px;border-radius:4px;margin-left:10px;vertical-align:middle}.tag-machine{background-color:#e3f2fd;color:#1565c0}.tag-accessory{background-color:#e8f5e9;color:#2e7d32}.tag-consumable{background-color:#fff3e0;color:#e65100}.tag-spare{background-color:#f3e5f5;color:#8e24aa}.item-property{margin:6px 0;color:#666;display:flex;align-items:flex-start;font-size:13px}.property-label{flex:0 0 80px;font-weight:700;color:#555}.property-value{flex:1}.item-price-quantity{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.item-quantity-badge{background-color:#f1f1f1;padding:3px 8px;border-radius:12px;font-size:12px;color:#555}.item-price-value{font-weight:700;color:#e74c3c;font-size:16px}.info-tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:#1a57a5;color:#fff;border-radius:50%;font-size:11px;margin-left:8px;cursor:pointer}.tooltip-content{position:absolute;top:-5px;left:25px;width:250px;background-color:#fff;border-radius:6px;box-shadow:0 5px 15px #0003;padding:15px;z-index:100;font-size:13px;color:#333;visibility:hidden;opacity:0;transition:all .3s ease;transform:translateY(10px);pointer-events:none}.info-tooltip:hover .tooltip-content{visibility:visible;opacity:1;transform:translateY(0)}.tooltip-title{font-weight:700;margin-bottom:8px;color:#1a57a5;font-size:14px;border-bottom:1px solid #eee;padding-bottom:5px}.tooltip-property{margin-bottom:5px}.tooltip-property-label{font-weight:600;color:#555;margin-right:5px}.tooltip-section{margin-bottom:10px}@media (max-width: 992px){.main-content{flex-direction:column}.order-summary{max-width:100%;position:static;order:-1;margin-bottom:30px}.progress-bar,.progress-bar-active{left:10%;right:10%}}@media (max-width: 768px){.progress-indicator{overflow-x:auto;justify-content:flex-start;padding-bottom:10px}.progress-bar,.progress-bar-active{left:60px;right:60px}.form-row{flex-direction:column;gap:15px}.bottom-actions{display:flex;flex-direction:column;gap:10px}.btn-secondary{margin-right:0;order:2}.btn-primary{order:1}}.country-select-container{position:relative}.country-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:300px;overflow-y:auto}.country-dropdown-header{padding:10px 12px;background-color:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666;font-weight:500}.country-count{color:#1a57a5;font-weight:600}.country-list{max-height:250px;overflow-y:auto}.country-option{padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f5f5f5;transition:background-color .2s ease}.country-option:hover{background-color:#f8f9fa}.country-option:last-child{border-bottom:none}.country-name{font-size:14px;color:#333;flex:1}.country-code{font-size:12px;color:#666;font-weight:500;margin-left:10px}.country-no-results{padding:20px 12px;text-align:center;color:#666;font-size:14px;font-style:italic}.order-item-card{display:flex;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000000d;transition:box-shadow .2s}.order-item-card:hover{box-shadow:0 4px 12px #00000014}.item-main-info{display:flex;flex-grow:1;gap:1.25rem}.item-image{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;border:1px solid #f3f4f6;border-radius:8px;flex-shrink:0}.item-summary{display:flex;flex-direction:column;flex-grow:1}.item-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.product-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem 1.5rem;font-size:.875rem}.detail-item{display:flex;align-items:baseline}.detail-label{font-weight:500;color:#6b7280;white-space:nowrap;margin-right:.5rem}.detail-value{color:#374151;word-break:break-all}.item-pricing-info{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;min-width:150px;text-align:right;margin-left:1rem}.item-quantity,.item-price,.item-total{font-size:.9rem;color:#4b5563}.item-total{font-size:1.1rem;font-weight:600;color:#1d4ed8;margin-top:.5rem}:root{--po-border-color: #ccc;--po-header-bg: #f8f9fa;--po-table-header-bg: #f2f2f2;--po-primary-color: #1a57a5;--po-secondary-color: #0d47a1;--po-text-color: #333;--po-success-color: #28a745}.po-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;width:100%}.po-spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:var(--po-primary-color);animation:spin 1s linear infinite;margin-bottom:15px}.po-container{padding:20px;min-height:100vh;background-color:#fff;position:relative;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;display:flex;flex-direction:column}.po-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:120px;opacity:.05;font-weight:700;color:#000;pointer-events:none;z-index:0}.po-page-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;opacity:.2;font-weight:700;color:#555;pointer-events:none}.po-header-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 0;border-bottom:2px solid var(--po-primary-color)}.po-page-title{font-size:28px;font-weight:700;color:var(--po-primary-color);margin:0}.po-header-status{display:flex;flex-direction:column;align-items:flex-end}.po-status-item{display:flex;align-items:center;margin-bottom:5px;font-size:14px}.po-status-value{font-weight:700;margin-left:8px;color:var(--po-primary-color);min-width:100px;text-align:left}.action-buttons{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.action-left{display:flex;gap:10px}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:background-color .2s}.btn-primary{background-color:var(--po-primary-color);color:#fff}.btn-primary:hover{background-color:var(--po-secondary-color)}.btn-secondary{background-color:#f0f0f0;color:#333}.btn-secondary:hover{background-color:#e0e0e0}.language-toggle{display:flex;gap:5px}.btn-language{padding:6px 12px;border:1px solid var(--po-border-color);background-color:#fff;cursor:pointer;border-radius:4px}.btn-language.active{background-color:var(--po-primary-color);color:#fff;border-color:var(--po-primary-color)}.po-document{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:10px;border:1px solid black}.product-table{margin-top:0;page-break-before:avoid}.po-document th,.po-document td{border:1px solid black;padding:8px;vertical-align:top;overflow:hidden;word-wrap:break-word}.po-document th{background-color:var(--po-table-header-bg);font-weight:700;text-align:center}.po-document tr:nth-child(2n){background-color:#fafafa}.po-document p{margin:5px 0}.po-pagination{display:flex;justify-content:center;align-items:center;margin:20px 0;gap:15px}.po-page-btn{padding:6px 12px;border:1px solid var(--po-border-color);background-color:#fff;cursor:pointer;border-radius:4px}.po-page-btn:disabled{opacity:.5;cursor:not-allowed}.po-page-btn:hover:not(:disabled){background-color:#f0f0f0}.po-page-info{font-size:14px}.footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid var(--po-border-color)}@media print{@page{margin:.3in;size:A4 portrait}.action-buttons,.po-pagination,.footer,.po-header-wrapper,.po-page-title,.po-header-status,button,.btn,.language-toggle,.po-status-item,.no-print,footer,.footer-content,.company-info,.contact-info,.site-footer,.site-info,.footer-container,.footer-left,.footer-right,.footer-company-info,.dashboard-footer,.page-footer,.bottom-info,[class*=footer],[class*=Footer],.cart-sidebar,.cart-sidebar-overlay,.cart-floating,.floating-cart-btn,.cart-animation-container,.floating-actions,.cart-button,.cart-preview,.cart-clear-confirm-modal,[class*=cart],[class*=Cart],[class*=购物车],[style*="position: fixed"],[style*="position:fixed"],.fixed,.notification,.toast,.modal,.dialog,.overlay,header,nav,.header,.navigation,.navbar,.site-header{display:none!important;visibility:hidden!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;box-sizing:border-box!important}html,body{margin:0!important;padding:0!important;background:#fff!important;font-family:Arial,sans-serif!important;font-size:10pt!important;line-height:1.1!important;width:100%!important;height:auto!important;overflow:visible!important;page-break-before:avoid!important;page-break-after:avoid!important;-moz-column-break-before:avoid!important;break-before:avoid!important;-moz-column-break-after:avoid!important;break-after:avoid!important}.po-container{margin:0!important;padding:0!important;background:#fff!important;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important;box-sizing:border-box!important}.po-print-content{width:100%!important;margin:0!important;padding:0!important;height:auto!important;overflow:visible!important;box-sizing:border-box!important}.po-excel-table{width:100%!important;max-width:100%!important;border-collapse:collapse!important;border-spacing:0!important;margin:0 0 8px!important;font-size:9pt!important;table-layout:fixed!important;page-break-inside:avoid!important;-moz-column-break-inside:avoid!important;break-inside:avoid!important;display:table!important;page-break-before:avoid!important;-moz-column-break-before:avoid!important;break-before:avoid!important}.po-excel-table th,.po-excel-table td{border:1px solid #000!important;padding:3px!important;vertical-align:top!important;font-size:9pt!important;line-height:1.1!important;word-wrap:break-word!important;overflow:hidden!important;box-sizing:border-box!important;display:table-cell!important;page-break-inside:avoid!important;-moz-column-break-inside:avoid!important;break-inside:avoid!important}.po-excel-table th{background-color:#f2f2f2!important;font-weight:700!important;text-align:center!important;-webkit-print-color-adjust:exact!important}.po-excel-table tbody{display:table-row-group!important}.po-excel-table tr{display:table-row!important;page-break-inside:avoid!important;-moz-column-break-inside:avoid!important;break-inside:avoid!important}.po-excel-table:first-of-type{margin-bottom:10px!important;page-break-after:avoid!important;-moz-column-break-after:avoid!important;break-after:avoid!important}.po-excel-table:first-of-type colgroup col:nth-child(1){width:25%!important}.po-excel-table:first-of-type colgroup col:nth-child(2){width:25%!important}.po-excel-table:first-of-type colgroup col:nth-child(3){width:25%!important}.po-excel-table:first-of-type colgroup col:nth-child(4){width:25%!important}.po-excel-table:first-of-type td{padding:6px!important;font-size:9pt!important;line-height:1.3!important}.po-excel-table:first-of-type td[rowspan="3"]{text-align:center!important;vertical-align:middle!important}.po-excel-table:first-of-type td[rowspan="3"]:nth-child(3){font-size:18pt!important;font-weight:700!important;text-align:center!important;vertical-align:middle!important}.po-excel-table:first-of-type td:last-child{font-size:9pt!important;padding:4px!important;line-height:1.4!important}.po-excel-table img{max-width:100px!important;max-height:50px!important;-o-object-fit:contain!important;object-fit:contain!important;display:block!important;margin:0 auto!important}.po-excel-table td[style*="background: #f0f0f0"]{background-color:#e8e8e8!important;font-weight:700!important;-webkit-print-color-adjust:exact!important}.po-excel-table:last-of-type{page-break-before:auto!important;-moz-column-break-before:auto!important;break-before:auto!important;margin-top:0!important}.po-excel-table:last-of-type colgroup col:nth-child(1){width:12%!important}.po-excel-table:last-of-type colgroup col:nth-child(2){width:18%!important}.po-excel-table:last-of-type colgroup col:nth-child(3){width:10%!important}.po-excel-table:last-of-type colgroup col:nth-child(4){width:25%!important}.po-excel-table:last-of-type colgroup col:nth-child(5){width:10%!important}.po-excel-table:last-of-type colgroup col:nth-child(6){width:8%!important}.po-excel-table:last-of-type colgroup col:nth-child(7){width:8%!important}.po-excel-table:last-of-type colgroup col:nth-child(8){width:9%!important}.po-excel-table:last-of-type thead{display:table-header-group!important}.po-excel-table:last-of-type thead th{font-size:9pt!important;padding:4px!important;background-color:#f8f9fa!important;-webkit-print-color-adjust:exact!important}.po-excel-table:last-of-type tbody td{font-size:9pt!important;padding:4px!important}.po-excel-table:last-of-type tr:nth-child(2n){background-color:#f8f9fa!important;-webkit-print-color-adjust:exact!important}.po-excel-table tr[style*="background: #e9ecef"]{background-color:#f0f0f0!important;-webkit-print-color-adjust:exact!important}.po-excel-table tr[style*="background: #d4edda"]{background-color:#e8f5e8!important;-webkit-print-color-adjust:exact!important}.amount-cell,.po-excel-table:last-of-type td:nth-child(6),.po-excel-table:last-of-type td:nth-child(7),.po-excel-table:last-of-type td:nth-child(8){text-align:right!important;font-family:Courier New,monospace!important}.summary-label{font-weight:700!important;background-color:#f2f2f2!important;text-align:right!important;-webkit-print-color-adjust:exact!important}.remarks-cell{font-style:italic!important;background-color:#fafafa!important;-webkit-print-color-adjust:exact!important}.po-excel-table,.po-excel-table *,.po-print-content,.po-container{visibility:visible!important;display:table!important;overflow:visible!important;height:auto!important;max-height:none!important;min-height:auto!important}.po-excel-table div[style*="fontWeight: 'bold'"],.po-excel-table div[style*="font-weight: bold"],.po-excel-table span[style*="fontWeight: 'bold'"],.po-excel-table span[style*="font-weight: bold"]{font-weight:700!important}body,html,.po-container,.po-print-content{page-break-inside:auto!important;-moz-column-break-inside:auto!important;break-inside:auto!important}.po-excel-table:first-of-type{page-break-after:avoid!important;-moz-column-break-after:avoid!important;break-after:avoid!important}.po-excel-table:last-of-type{page-break-before:avoid!important;-moz-column-break-before:avoid!important;break-before:avoid!important}}@media (max-width: 768px){.po-header-wrapper{flex-direction:column;align-items:flex-start}.po-header-status{align-items:flex-start;margin-top:10px}.action-buttons{flex-direction:column;align-items:flex-start}.language-toggle{margin-top:10px}.po-document{font-size:12px}.po-document th,.po-document td{padding:5px}}.po-document td{min-height:24px;height:100%}.po-document colgroup col:nth-child(1){width:12%}.po-document colgroup col:nth-child(2){width:12%}.po-document colgroup col:nth-child(3){width:12%}.po-document colgroup col:nth-child(4){width:28%}.po-document colgroup col:nth-child(5){width:9%}.po-document colgroup col:nth-child(6){width:9%}.po-document colgroup col:nth-child(7){width:9%}.po-document colgroup col:nth-child(8){width:9%}@media print{.po-document{width:100%;max-width:100%}}.po-print-content{width:100%;margin:0;padding:0}.no-print{display:block}.order-list-container{max-width:1200px;margin:0 auto;padding:20px}.page-title{text-align:center;color:#007bff;margin:30px 0}.notification{display:flex;align-items:center;background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;border-radius:5px;padding:12px 15px;margin-bottom:20px;position:relative}.notification-text{flex-grow:1;font-weight:500}.error-message{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:5px;padding:12px 15px;margin-bottom:20px;position:relative}.error-icon{font-size:18px;margin-right:10px;color:#dc3545}.error-text{flex-grow:1;font-weight:500}.new-order-notification{display:flex;align-items:center;background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:5px;padding:12px 15px;margin-bottom:20px;position:relative}.success-icon{font-size:18px;margin-right:10px;background-color:#28a745;color:#fff;height:24px;width:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-button{background:none;border:none;font-size:20px;cursor:pointer;padding:0 5px;margin-left:10px}.status-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px;overflow:auto;padding-bottom:5px}.status-tab{padding:10px 20px;cursor:pointer;position:relative;white-space:nowrap}.status-tab.active{color:#007bff;font-weight:700}.status-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#007bff}.filter-section{background-color:#f8f9fa;padding:15px;border-radius:5px;margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px}.date-range{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.date-input{padding:8px;border:1px solid #ddd;border-radius:4px}.search-box{flex-grow:1;display:flex}.search-input{flex-grow:1;padding:8px;border:1px solid #ddd;border-radius:4px 0 0 4px}.search-button{padding:8px 15px;background-color:#007bff;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer}.order-list{margin-bottom:30px}.order-card{background-color:#fff;border-radius:5px;box-shadow:0 1px 3px #0000001a;margin-bottom:15px;overflow:hidden;border:1px solid #ddd}.order-header{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f8f9fa;border-bottom:1px solid #ddd;flex-wrap:wrap;gap:10px}.order-id{font-weight:700}.order-date{color:#666;font-size:14px}.order-status{padding:4px 8px;border-radius:10px;font-size:12px;color:#fff;font-weight:700}.status-pending{background-color:#ffc107}.status-paid{background-color:#17a2b8}.status-shipped{background-color:#6f42c1}.status-completed{background-color:#28a745}.status-cancelled{background-color:#dc3545}.order-details{padding:15px;border-bottom:1px solid #ddd}.detail-row{display:flex;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:10px}.detail-label{color:#666;margin-right:20px}.detail-value{font-weight:500}.order-actions{padding:15px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}.action-button{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.primary-button{background-color:#007bff;color:#fff}.secondary-button{background-color:#f8f9fa;border:1px solid #ddd;color:#333}.expand-button{background:none;border:none;color:#007bff;cursor:pointer;display:flex;align-items:center;padding:5px;font-size:14px}.expand-icon{margin-right:5px;transition:transform .3s}.order-card.expanded .expand-icon{transform:rotate(90deg)}.order-items{padding:0 15px;max-height:0;overflow:hidden;transition:max-height .3s ease-out;background-color:#f8f9fa}.order-card.expanded .order-items{max-height:500px;padding:15px;margin-bottom:15px}.enhanced-item-wrapper{margin-bottom:12px}.enhanced-item-wrapper:last-child{margin-bottom:0}.order-items .product-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:8px}.order-items .product-card:hover{transform:none;box-shadow:0 2px 8px #0000001a}.order-items .product-card-content{padding:10px 12px}.order-items .product-card-title{font-size:14px;font-weight:600;color:#333;margin-bottom:4px}.order-items .product-card-subtitle{font-size:12px;color:#666;margin-bottom:4px}.order-items .product-card-specs{font-size:11px;color:#888;margin-bottom:4px}.order-items .product-card-price{font-size:13px;font-weight:600;color:#007bff}.pagination{display:flex;justify-content:center;margin:30px 0}.page-item{width:35px;height:35px;display:flex;align-items:center;justify-content:center;margin:0 5px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:background-color .2s}.page-item.active{background-color:#007bff;color:#fff;border-color:#007bff}.page-item:hover:not(.active){background-color:#f8f9fa}.empty-orders{text-align:center;padding:40px 20px;background-color:#f8f9fa;border-radius:5px;box-shadow:0 1px 3px #0000001a}.empty-icon{font-size:48px;color:#ddd;margin-bottom:20px}@media (max-width: 768px){.order-header,.detail-row,.order-actions{flex-direction:column;align-items:flex-start;gap:5px}.order-header>div:last-child{align-self:flex-end;margin-top:-30px}.search-box{width:100%}.enhanced-item-wrapper{margin-bottom:8px}.order-items .product-card{margin-bottom:6px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.spinner{width:40px;height:40px;border:3px solid #f8f9fa;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-card{display:flex;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:all .2s ease-in-out;overflow:hidden;cursor:pointer}.product-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.product-card.loading{cursor:default}.product-card.error{border:1px solid #fecaca;background-color:#fef2f2}.product-card.small{min-height:80px}.product-card.medium{min-height:100px}.product-card.large{min-height:120px}.product-card-image{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.product-card.small .product-card-image{width:80px;height:80px}.product-card.medium .product-card-image{width:100px;height:100px}.product-card.large .product-card-image{width:120px;height:120px}.product-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0}.product-card-quantity-badge{position:absolute;top:4px;right:4px;background-color:#007bff;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.product-card-content{flex:1;padding:12px;display:flex;flex-direction:column;justify-content:center;min-width:0}.product-card.small .product-card-content{padding:8px}.product-card.large .product-card-content{padding:16px}.product-card-title{font-weight:600;color:#1a1a1a;margin-bottom:4px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-card.small .product-card-title{font-size:14px;-webkit-line-clamp:1}.product-card.medium .product-card-title{font-size:15px}.product-card.large .product-card-title{font-size:16px}.product-card-subtitle{font-size:12px;color:#666;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card.large .product-card-subtitle{font-size:13px}.text-error{color:#dc2626}.product-card-specs{font-size:11px;color:#888;margin-bottom:6px;line-height:1.3}.product-card.large .product-card-specs{font-size:12px}.product-card-specs span{display:block;margin-bottom:2px}.product-card-specs span:last-child{margin-bottom:0}.product-card-price{font-size:14px;font-weight:600;color:#007bff;margin-top:auto}.product-card.small .product-card-price{font-size:13px}.product-card.large .product-card-price{font-size:16px}.error-message{font-size:11px;color:#dc2626;margin-top:4px;line-height:1.3}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.skeleton-text{height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:4px;margin-bottom:8px}.skeleton-title{width:80%;height:16px}.skeleton-subtitle{width:60%;height:12px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.product-card{flex-direction:column}.product-card-image{width:100%!important;height:120px!important}.product-card-content{padding:12px}.product-card-quantity-badge{top:8px;right:8px}}.product-card.list-view{flex-direction:row;width:100%;margin-bottom:12px}.product-card.list-view .product-card-image{width:80px!important;height:80px!important}.product-card.list-view .product-card-content{padding:12px 16px}.profile-container{max-width:1200px;margin:0 auto;padding:20px}.profile-header{text-align:center;margin-bottom:30px}.profile-header h1{font-size:28px;color:var(--primary-color, #1E88E5);margin-bottom:8px}.profile-header p{font-size:16px;color:var(--text-color-secondary, #666)}.profile-content{display:flex;flex-wrap:wrap;gap:20px}.profile-summary{flex:1;min-width:300px}.profile-editor{flex:2;min-width:500px}.summary-card{height:100%}.user-avatar-container{display:flex;flex-direction:column;align-items:center;padding:20px 0}.user-avatar{margin-bottom:15px;background-color:var(--primary-color, #1E88E5)}.user-avatar-container h2{margin-bottom:5px;font-size:18px}.user-email{color:var(--text-color-secondary, #666);margin-bottom:8px}.user-role{text-transform:capitalize;background-color:#e6f7ff;color:#1890ff;padding:4px 12px;border-radius:12px;font-size:14px;margin:5px 0}.user-region{font-size:14px;color:var(--text-color-secondary, #666);margin-top:8px}.vip-badge{background:linear-gradient(135deg,#ff9a3c,#ff3c3c);color:#fff;padding:4px 10px;border-radius:12px;font-size:14px;font-weight:700;margin-top:12px}.profile-form,.password-form{max-width:500px;margin:0 auto}.update-button{width:100%}.profile-loading,.profile-error{display:flex;justify-content:center;align-items:center;height:50vh}.profile-error{color:var(--error-color, #f5222d);text-align:center}@media (max-width: 768px){.profile-content{flex-direction:column}.profile-summary,.profile-editor{min-width:100%}}.accessory-list{padding:1rem;max-width:1200px;margin:0 auto}.accessory-list h2{font-size:1.5rem;margin-bottom:1rem;color:#333;border-bottom:1px solid #eee;padding-bottom:.5rem}.accessory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.accessory-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease;background-color:#fff;box-shadow:0 2px 4px #0000000d;cursor:pointer;position:relative}.accessory-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.accessory-card.selected{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e24d}.accessory-image{height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9}.accessory-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.accessory-info{padding:1rem}.accessory-info h3{margin:0 0 .5rem;font-size:1.2rem;color:#333}.accessory-model{font-weight:700;color:#555;margin-bottom:.25rem}.accessory-part-number{color:#666;font-size:.9rem;margin-bottom:.5rem}.accessory-spec{font-size:.9rem;color:#777;margin:.5rem 0;line-height:1.4}.accessory-meta{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.85rem;color:#888}.accessory-children{background-color:#f5f8fa;padding:1rem;border-top:1px solid #e0e0e0}.accessory-children h4{margin:0 0 .75rem;font-size:1rem;color:#444}.children-list{list-style:none;padding:0;margin:0}.child-item{display:flex;align-items:center;padding:.5rem 0;border-bottom:1px solid #eee}.child-item:last-child{border-bottom:none}.child-image{width:40px;height:40px;margin-right:.75rem;background-color:#fff;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.child-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.child-info{flex:1}.child-info h5{margin:0 0 .25rem;font-size:.9rem;color:#333}.child-part-number{font-size:.8rem;color:#666}.child-quantity{font-size:.8rem;color:#888;margin-top:.25rem}.pagination .page-number.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.consumable-list{padding:1rem;max-width:1200px;margin:0 auto}.consumable-list h2{font-size:1.5rem;margin-bottom:1rem;color:#333;border-bottom:1px solid #eee;padding-bottom:.5rem}.consumable-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.consumable-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:all .3s ease;background-color:#fff;box-shadow:0 2px 4px #0000000d}.consumable-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.consumable-image{height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9}.consumable-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.consumable-info{padding:1rem}.consumable-info h3{margin:0 0 .5rem;font-size:1.2rem;color:#333}.consumable-model{font-weight:700;color:#555;margin-bottom:.25rem}.consumable-part-number{color:#666;font-size:.9rem;margin-bottom:.5rem}.consumable-spec{font-size:.9rem;color:#777;margin:.5rem 0;line-height:1.4}.consumable-meta{display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #eee}.consumable-price{font-weight:700;color:#e74c3c;font-size:1rem}.consumable-stock{display:flex;align-items:center;font-size:.9rem;color:#777}.stock-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px}.stock-indicator.in-stock{background-color:#2ecc71}.stock-indicator.low-stock{background-color:#f39c12}.pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem}.pagination button{background-color:#fff;border:1px solid #ddd;padding:.5rem 1rem;margin:0 .25rem;cursor:pointer;border-radius:4px;transition:all .2s ease}.pagination button:hover{background-color:#f5f5f5}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination .page-numbers{display:flex;margin:0 .5rem}.pagination .page-number{min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;margin:0 .25rem}.pagination .page-number.active{background-color:#3498db;color:#fff;border-color:#3498db}.loading,.error,.empty{padding:2rem;text-align:center;background-color:#f9f9f9;border-radius:8px;margin:1rem 0}.loading{color:#888}.error{color:#e74c3c}.empty{color:#7f8c8d}.dashboard-page{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f7fa}.dashboard-header{background-color:#fff;box-shadow:0 2px 4px #00000014;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{margin:0;font-size:1.8rem;color:#2c3e50}.environment-badge{background-color:#3498db;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:500}.dashboard-tabs{background-color:#fff;padding:0 2rem;display:flex;border-bottom:1px solid #e0e0e0;overflow-x:auto}.tab-button{padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;color:#7f8c8d;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-button:hover{color:#3498db}.tab-button.active{color:#3498db;border-bottom-color:#3498db;font-weight:500}.dashboard-content{flex:1;padding:2rem;overflow-y:auto}.content-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:1.5rem}.content-section h2{margin-top:0;margin-bottom:1.5rem;color:#2c3e50;font-size:1.5rem;border-bottom:1px solid #eee;padding-bottom:.75rem}.dashboard-footer{background-color:#2c3e50;color:#ecf0f1;padding:1.5rem 2rem;text-align:center}.dashboard-footer p{margin:0 0 .5rem}.footer-links{display:flex;justify-content:center;gap:.5rem}.footer-links a{color:#3498db;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#2980b9;text-decoration:underline}.separator{color:#7f8c8d;margin:0 .5rem}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.dashboard-tabs{padding:0 1rem}.tab-button{padding:.75rem 1rem;font-size:.9rem}.dashboard-content{padding:1rem}}.order-list-container{width:100%;max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.order-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.order-list-header h1{margin:0;font-size:24px;color:#333}.language-switch{padding:8px 16px;background-color:#f4f6f8;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.language-switch:hover{background-color:#e8e8e8}.order-list-filters{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;gap:15px}.tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;background-color:#f9f9f9;border-radius:6px;padding:2px}.tabs button{padding:10px 15px;background:none;border:none;cursor:pointer;font-size:14px;color:#555;white-space:nowrap;transition:all .3s}.tabs button:hover{color:#1890ff}.tabs button.active{background-color:#1890ff;color:#fff;border-radius:4px}.search-form{display:flex;align-items:center}.search-form input{padding:10px 12px;border:1px solid #ddd;border-radius:4px 0 0 4px;width:250px;font-size:14px}.search-form button{padding:10px 16px;background-color:#1890ff;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer;font-size:14px;transition:background-color .3s}.search-form button:hover{background-color:#0c7cd5}.loading{display:flex;justify-content:center;align-items:center;padding:30px;font-size:16px;color:#666}.no-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;background-color:#f9f9f9;border-radius:8px}.no-orders h3{margin:0 0 10px;color:#555}.no-orders p{margin:0;color:#888}.order-cards{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:30px}.order-card{border:1px solid #eee;border-radius:8px;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.order-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.order-info{display:flex;flex-direction:column;gap:6px}.order-status{padding:6px 10px;font-size:12px;font-weight:500;border-radius:4px;text-align:center}.status-pending{background-color:#ffe58f;color:#876800}.status-paid{background-color:#b7eb8f;color:#389e0d}.status-shipped{background-color:#91caff;color:#0958d9}.status-completed{background-color:#d9f7be;color:#52c41a}.status-cancelled{background-color:#ffccc7;color:#cf1322}.label{font-weight:500;color:#888}.order-total{padding:10px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:10px}.price{font-size:16px;font-weight:600;color:#f5222d}.order-shipping{margin-bottom:14px;font-size:14px;line-height:1.6}.order-items-toggle{margin-bottom:16px}.view-items-btn{width:100%;padding:8px;background-color:#f9f9f9;border:1px solid #eee;border-radius:4px;cursor:pointer;text-align:center;font-size:13px;transition:background-color .2s}.view-items-btn:hover{background-color:#f0f0f0}.order-actions{display:flex;justify-content:flex-end;gap:10px}.order-actions button{padding:8px 14px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.btn-export{background-color:#f4f6f8;color:#1890ff;border:1px solid #d9d9d9}.btn-export:hover{background-color:#e6f7ff;border-color:#1890ff}.btn-cancel{background-color:#fff;color:#ff4d4f;border:1px solid #ff4d4f}.btn-cancel:hover{background-color:#fff1f0}.btn-details{background-color:#1890ff;color:#fff}.btn-details:hover{background-color:#0c7cd5}.pagination{display:flex;justify-content:center;gap:5px;margin-top:20px}.pagination button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){color:#1890ff;border-color:#1890ff}.pagination button.active{background-color:#1890ff;color:#fff;border-color:#1890ff}.pagination button:disabled{color:#d9d9d9;cursor:not-allowed}@media (min-width: 768px){.order-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.order-cards{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.order-list-header{flex-direction:column;align-items:flex-start;gap:10px}.order-list-filters{flex-direction:column}.tabs{width:100%;justify-content:flex-start}.search-form{width:100%}.search-form input{flex:1}}@media (max-width: 480px){.order-list-container{padding:15px 10px}.tabs{padding:2px}.tabs button{padding:8px 12px;font-size:13px}.order-card{padding:12px}.order-header{flex-direction:column;gap:10px}.order-status{align-self:flex-start}.order-actions{flex-wrap:wrap}.order-actions button{flex:1;text-align:center;min-height:44px}.pagination button{min-width:30px;min-height:30px}}.cart-button{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:#1890ff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000026;cursor:pointer;z-index:999;transition:all .3s}.cart-button:hover{transform:scale(1.05);background-color:#40a9ff}.cart-icon{width:24px;height:24px;color:#fff}.cart-count{position:absolute;top:-5px;right:-5px;background-color:#ff4d4f;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}.cart-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1040;transition:opacity .3s ease}.cart-sidebar{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:#fff;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:1050;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cart-sidebar.open{right:0}.cart-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e8e8e8;background:#fafafa;min-height:60px}.cart-sidebar-title{margin:0;font-size:18px;font-weight:600;color:#333}.cart-sidebar-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.cart-sidebar-close:hover{background-color:#f0f0f0;color:#333}.cart-sidebar-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.cart-sidebar-select-all{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #e8e8e8;background:#f9f9f9;cursor:pointer;transition:background-color .2s}.cart-sidebar-select-all:hover{background:#f0f0f0}.cart-sidebar-select-all span{margin-left:8px;font-size:14px;color:#333;font-weight:500}.cart-checkbox{width:18px;height:18px;border:2px solid #d9d9d9;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#fff}.cart-checkbox:hover{border-color:#1890ff}.cart-checkbox.checked{background:#1890ff;border-color:#1890ff}.checkbox-tick{color:#fff;font-size:12px;font-weight:700}.cart-sidebar-items{flex:1;overflow-y:auto;padding:0}.cart-sidebar-item{display:flex;padding:16px 20px;border-bottom:1px solid #f0f0f0;gap:12px;align-items:flex-start}.cart-sidebar-item:last-child{border-bottom:none}.cart-item-checkbox{flex-shrink:0;padding-top:2px}.cart-item-image{flex-shrink:0;width:60px;height:60px}.cart-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #e8e8e8}.cart-item-details{flex:1;min-width:0}.cart-item-title{font-weight:600;font-size:14px;color:#333;margin-bottom:8px;line-height:1.4;word-break:break-word}.consumable-details{margin-top:8px;font-size:12px;color:#666}.consumable-details .detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;line-height:1.4}.consumable-details .detail-row:last-child{margin-bottom:0}.consumable-details .label{font-weight:500;color:#333;min-width:60px;flex-shrink:0}.consumable-details .value{color:#666;text-align:right;flex:1;word-break:break-word}.spare-part-details{margin-top:8px;font-size:12px;color:#666}.spare-part-details .detail-section{margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.spare-part-details .detail-section:last-child{border-bottom:none;margin-bottom:0}.spare-part-details .detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;line-height:1.4}.spare-part-details .detail-row:last-child{margin-bottom:0}.spare-part-details .label{font-weight:500;color:#333;min-width:70px;flex-shrink:0}.spare-part-details .value{color:#666;text-align:right;flex:1;word-break:break-word}.consumable-badge{background:#fff2e8;color:#fa8c16;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500}.spare-part-details .value.app-model{font-family:monospace;font-size:11px;background:#f6f8fa;padding:2px 4px;border-radius:3px}.spare-part-details .value.app-sn{font-family:monospace;font-size:10px;color:#0969da}.required-parts-list{display:flex;flex-direction:column;gap:4px;margin-top:4px}.required-part-item{display:flex;justify-content:space-between;align-items:center;background:#f0f8ff;padding:4px 8px;border-radius:4px;font-size:11px;border-left:3px solid #1890ff}.required-part-number{font-family:monospace;color:#0969da;font-weight:500;flex:1}.required-part-quantity{color:#666;font-weight:500;margin-left:8px}.required-parts-badge{background:#e6f7ff;color:#1890ff;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:500;margin-left:8px}.cart-item-price{margin-bottom:12px;font-size:13px}.unit-price{color:#666;margin-bottom:4px}.subtotal{color:#ff4d4f;font-weight:600;font-size:14px}.cart-item-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.cart-item-quantity{display:flex;align-items:center;gap:8px;border:1px solid #d9d9d9;border-radius:4px;padding:2px}.quantity-btn{width:28px;height:28px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#666;transition:all .2s;border-radius:2px}.quantity-btn:hover:not(:disabled){background:#f0f0f0;color:#333}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-value{min-width:32px;text-align:center;font-weight:500;font-size:14px;color:#333;padding:0 4px}.cart-item-remove{display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:4px;transition:all .2s;font-size:12px}.cart-item-remove:hover{background-color:#fff2f0;color:#ff4d4f!important}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-size:14px;padding:40px 20px}.cart-empty p{margin:0;text-align:center;line-height:1.5}.cart-sidebar-footer{border-top:1px solid #e8e8e8;padding:16px 20px;background:#fafafa;position:relative}.cart-sidebar-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px;font-weight:600}.cart-sidebar-total span:first-child{color:#333}.cart-sidebar-price{color:#ff4d4f;font-size:18px}.cart-sidebar-actions{display:flex;gap:12px}.cart-sidebar-clear-btn{flex:1;padding:10px 16px;border-radius:6px;font-weight:500;font-size:14px;transition:all .2s;text-align:center}.cart-sidebar-clear-btn.disabled{opacity:.5;cursor:not-allowed}.cart-sidebar-checkout{flex:2;padding:10px 16px;border:none;background:#1890ff;color:#fff;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:background-color .2s;text-decoration:none;text-align:center;display:flex;align-items:center;justify-content:center}.cart-sidebar-checkout:hover{background:#40a9ff;text-decoration:none;color:#fff}.cart-sidebar-checkout.disabled{background:#d9d9d9;color:#999;cursor:not-allowed;pointer-events:none}.cart-clear-confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.cart-clear-confirm-content{background:#fff;border-radius:8px;padding:24px;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.cart-clear-confirm-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#333;text-align:center}.cart-clear-confirm-actions{display:flex;gap:12px;justify-content:center}.cart-clear-cancel-btn{padding:8px 20px;border:1px solid #d9d9d9;background:#fff;color:#666;border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px}.cart-clear-cancel-btn:hover{background:#f0f0f0;border-color:#bbb}.cart-clear-confirm-btn{padding:8px 20px;border:none;background:#ff4d4f;color:#fff;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:14px}.cart-clear-confirm-btn:hover{background:#ff7875}@media (max-width: 768px){.cart-sidebar{width:85vw;right:-85vw;max-width:380px}.cart-sidebar.open{right:0}.cart-sidebar-overlay{z-index:1040;background:#0000004d}.cart-sidebar-item{padding:12px 16px}.cart-sidebar-header,.cart-sidebar-select-all,.cart-sidebar-footer{padding-left:16px;padding-right:16px}.cart-item-image{width:50px;height:50px}.cart-item-title{font-size:13px}.detail-row{font-size:11px}}@media (max-width: 480px){.cart-sidebar{width:90vw;right:-90vw;max-width:340px}.cart-sidebar-header{padding:12px 16px}.cart-sidebar-title{font-size:16px}.cart-item-image{width:45px;height:45px}.cart-item-title{font-size:12px}.detail-row{font-size:10px}.cart-item-actions{flex-direction:column;gap:8px;align-items:stretch}.cart-item-quantity{justify-content:center}}@media (max-width: 360px){.cart-sidebar{width:92vw;right:-92vw;max-width:320px}}.cart-sidebar-items::-webkit-scrollbar{width:6px}.cart-sidebar-items::-webkit-scrollbar-track{background:#f1f1f1}.cart-sidebar-items::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cart-sidebar-items::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.enhanced-item-details .basic-info{margin-bottom:8px}.enhanced-item-details .product-name{font-size:14px;font-weight:600;color:#262626;margin-bottom:4px;line-height:1.3}.enhanced-item-details .part-number{display:flex;align-items:center;font-size:12px;color:#8c8c8c;margin-bottom:2px}.enhanced-item-details .part-number .label{margin-right:4px;min-width:40px}.enhanced-item-details .part-number .value{color:#595959;font-weight:500}.enhanced-item-details .smart-fields{margin-top:6px}.enhanced-item-details .detail-row{display:flex;align-items:center;margin-bottom:3px;font-size:12px}.enhanced-item-details .detail-row .label{color:#8c8c8c;margin-right:6px;min-width:70px;flex-shrink:0}.enhanced-item-details .detail-row .value{color:#595959;font-weight:500}@media (max-width: 768px){.enhanced-item-details .detail-row{flex-direction:column;align-items:flex-start}.enhanced-item-details .detail-row .label{margin-bottom:1px;min-width:auto}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f7fa}.login-container{width:380px;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center}.logo{width:100px;margin-bottom:20px}.login-title{color:#1a57a5;margin-bottom:10px!important}.login-subtitle{color:#666;margin-bottom:25px!important}.login-form{text-align:left}.login-button{height:42px;margin-top:10px}.login-error{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#f5222d;padding:10px;margin-bottom:20px;text-align:left}.test-accounts-section{margin-top:30px;text-align:left}.test-accounts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#888;font-size:14px}.test-accounts-card{margin-top:10px}.test-account{padding:12px;border-radius:4px;background-color:#f9f9f9;cursor:pointer;transition:background-color .2s}.test-account:hover{background-color:#f0f5ff}.account-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.account-email{font-weight:500}.account-description{font-size:12px;color:#666;margin-bottom:8px}.account-password{font-size:12px;color:#666}.account-password code{background-color:#f0f0f0;padding:2px 4px;border-radius:3px}@media (max-width: 480px){.login-container{width:90%;padding:20px}.login-button{height:44px}}