:root{--color-text-normal: #d4d4d8;--color-bg-normal: #27272a;--color-text-hover: #f4f4f5;--color-bg-hover: #3f3f46;--color-text-selected: #ffffff;--color-bg-selected: #0891b2;--color-text-muted: #a1a1aa;--color-border: #52525b;--color-bg-subtle: #18181b;--color-brand-accent: #06b6d4;--color-success: #10b981;--color-success-hover: #059669;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-button-primary-bg: var(--color-success);--color-button-primary-hover-bg: var(--color-success-hover);--color-button-primary-text: #ffffff;--color-button-secondary-bg: var(--color-bg-hover);--color-button-secondary-hover-bg: var(--color-border);--color-button-secondary-text: var(--color-text-normal);--color-button-danger-bg: var(--color-danger);--color-button-danger-hover-bg: var(--color-danger-hover);--color-button-danger-text: #ffffff;--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-strong: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2)}body{background-color:var(--color-bg-subtle);color:var(--color-text-normal);font-family:Inter,Noto Sans TC,sans-serif}.themed-container{background-color:var(--color-bg-normal);color:var(--color-text-normal);border:1px solid var(--color-border)}.themed-list-item{background-color:var(--color-bg-normal);color:var(--color-text-normal);border:1px solid transparent;transition:all .2s ease-in-out}.themed-list-item:hover{background-color:var(--color-bg-hover);color:var(--color-text-hover)}.themed-list-item.active,.themed-list-item.selected{background-color:var(--color-bg-selected);color:var(--color-text-selected);border-color:var(--color-brand-accent)}.themed-list-item.active *,.themed-list-item.selected *{color:var(--color-text-selected)}.themed-list-item:hover *{color:var(--color-text-hover)}.overflow-x-auto{border-color:var(--color-border)}table.min-w-full{background-color:var(--color-bg-normal);color:var(--color-text-normal)}table thead{background-color:var(--color-bg-subtle)}table thead th{color:var(--color-text-normal);border-color:var(--color-border);font-weight:600}table tbody{background-color:var(--color-bg-normal)}table tbody td{color:var(--color-text-normal);border-color:var(--color-border)}table tbody tr{background-color:var(--color-bg-normal);color:var(--color-text-normal);border-color:var(--color-border);transition:all .2s ease-in-out}table tbody tr:hover{background-color:var(--color-bg-hover)!important;color:var(--color-text-hover)}table tbody tr.selected,table tbody tr.active{background-color:var(--color-bg-selected)!important;color:var(--color-text-selected)}table tbody tr:hover td{color:var(--color-text-hover)}table tbody tr.selected td,table tbody tr.active td{color:var(--color-text-selected)}table:hover thead th{color:var(--color-text-normal)}table thead th{transition:color .2s ease-in-out}table tbody tr button{transition:color .2s ease-in-out;color:var(--color-text-normal)}table tbody tr button svg{color:inherit;fill:currentColor;stroke:currentColor}table tbody tr:hover button{color:var(--color-text-hover)}table tbody tr:hover button svg{color:inherit;fill:currentColor;stroke:currentColor}table tbody tr.selected button,table tbody tr.active button{color:var(--color-text-selected)}table tbody tr.selected button svg,table tbody tr.active button svg{color:inherit;fill:currentColor;stroke:currentColor}table tbody td .flex.items-center.justify-center.space-x-1{min-width:fit-content}table tbody td button{border-radius:.25rem;transition:all .2s ease-in-out}table tbody td button:hover{transform:scale(1.05)}.table-action-btn{color:#fff!important;transition:all .2s ease-in-out}.table-action-btn svg{color:#fff!important;fill:currentColor;stroke:currentColor}table tbody tr:hover .table-action-btn{color:#fff!important}table tbody tr:hover .table-action-btn svg{color:#fff!important;fill:currentColor;stroke:currentColor}.table-action-btn:hover{color:var(--color-bg-selected)!important;background-color:#ffffff1a}.table-action-btn:hover svg{color:var(--color-bg-selected)!important;fill:currentColor;stroke:currentColor}.edit-material-btn.table-action-btn:hover,.edit-raw-material-btn.table-action-btn:hover{color:var(--color-bg-selected)!important;background-color:#0891b21a}.edit-material-btn.table-action-btn:hover svg,.edit-raw-material-btn.table-action-btn:hover svg{color:var(--color-bg-selected)!important;fill:currentColor;stroke:currentColor}table tbody tr.selected .table-action-btn,table tbody tr.active .table-action-btn{color:#fff!important}table tbody tr.selected .table-action-btn svg,table tbody tr.active .table-action-btn svg{color:#fff!important;fill:currentColor;stroke:currentColor}.product-card button:hover,.add-to-cart-btn:hover,.copy-product-btn:hover,.edit-product-btn:hover,.delete-product-btn:hover{color:var(--color-brand-accent)!important}.product-card button:hover svg,.add-to-cart-btn:hover svg,.copy-product-btn:hover svg,.edit-product-btn:hover svg,.delete-product-btn:hover svg{color:var(--color-brand-accent)!important;fill:currentColor;stroke:currentColor}.cart-qty-decrease:hover,.cart-qty-increase:hover,.cart-remove-item:hover{color:var(--color-brand-accent)!important}.cart-qty-decrease:hover svg,.cart-qty-increase:hover svg,.cart-remove-item:hover svg{color:var(--color-brand-accent)!important;fill:currentColor;stroke:currentColor}button svg{color:inherit;fill:currentColor;stroke:currentColor;transition:all .2s ease-in-out}.product-card{background-color:var(--color-bg-normal);border:1px solid var(--color-border);color:var(--color-text-normal);transition:all .2s ease-in-out}.product-card:hover{background-color:var(--color-bg-hover);color:var(--color-text-hover);transform:translateY(-2px);box-shadow:var(--shadow-medium)}.product-card.active{background-color:var(--color-bg-selected);color:var(--color-text-selected);border-color:var(--color-brand-accent)}.product-card.active *{color:var(--color-text-selected)}.product-card:hover *{color:var(--color-text-hover)}.product-card.material-highlight{background-color:var(--color-bg-selected)!important;border-color:var(--color-brand-accent)!important;color:var(--color-text-selected);box-shadow:0 0 0 2px var(--color-brand-accent);transform:scale(1.02)}.product-card.material-highlight *{color:var(--color-text-selected)!important}.product-card button{color:inherit;transition:all .2s ease-in-out}.product-card:hover button,.product-card.active button,.product-card.material-highlight button{color:inherit}.cart-product-item.cart-selected{background-color:var(--color-bg-selected)!important;border-color:var(--color-brand-accent)!important;color:var(--color-text-selected);box-shadow:0 0 0 2px var(--color-brand-accent)}.cart-product-item.cart-selected *{color:var(--color-text-selected)!important}.cart-product-item.cart-product-highlight{background-color:var(--color-brand-accent)!important;border-color:var(--color-brand-accent)!important;color:#fff!important;transform:scale(1.02)}.cart-product-item.cart-product-highlight *{color:#fff!important}.cart-material-row.cart-selected{background-color:var(--color-bg-selected)!important;color:var(--color-text-selected)}.cart-material-row.cart-selected *{color:var(--color-text-selected)!important}.package-discount-row.cart-selected{background-color:var(--color-bg-selected)!important;color:var(--color-text-selected)}.package-discount-row.cart-selected *{color:var(--color-text-selected)!important}.cart-material-row.cart-material-highlight{background-color:var(--color-brand-accent)!important;color:#fff!important;transform:scale(1.01)}.cart-material-row.cart-material-highlight *{color:#fff!important}.raw-material-card{background-color:var(--color-bg-normal);border:1px solid var(--color-border);color:var(--color-text-normal);transition:all .2s ease-in-out}.raw-material-card:hover{background-color:var(--color-bg-hover);color:var(--color-text-hover)}.raw-material-card:hover *{color:var(--color-text-hover)}.raw-material-card.selected{background-color:var(--color-bg-selected)!important;color:var(--color-text-selected)!important;border-color:var(--color-brand-accent)!important}.raw-material-card.selected *{color:var(--color-text-selected)!important}.raw-material-card button{color:inherit;transition:all .2s ease-in-out}.raw-material-card:hover button,.raw-material-card.selected button{color:inherit}.material-category{background-color:var(--color-border);color:inherit;transition:all .2s ease-in-out}.raw-material-card:hover .material-category{background-color:var(--color-bg-normal);color:inherit}.raw-material-card.selected .material-category{background-color:#fff3!important;color:inherit!important}.category-tree-item{background-color:var(--color-bg-normal);color:var(--color-text-normal);transition:all .2s ease-in-out}.category-tree-item:hover{background-color:var(--color-bg-hover);color:var(--color-text-hover)}.category-tree-item.active{background-color:var(--color-bg-selected);color:var(--color-text-selected)}.category-count{background-color:var(--color-border);color:inherit;transition:all .2s ease-in-out}.category-tree-item *{color:inherit}.category-tree-item:hover .category-count{background-color:var(--color-bg-normal);color:inherit}.category-tree-item.active .category-count{background-color:#fff3;color:inherit}input:focus,textarea:focus,select:focus{--tw-ring-color: var(--color-brand-accent);border-color:var(--color-brand-accent)}input,textarea,select{color:var(--color-text-normal);background-color:var(--color-bg-normal);border-color:var(--color-border);transition:all .2s ease-in-out}input:hover,textarea:hover,select:hover{border-color:var(--color-brand-accent)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}table tbody tr td.text-indigo-600,table tbody tr:hover td.text-indigo-600,table tbody tr td.text-blue-600,table tbody tr:hover td.text-blue-600{color:var(--color-brand-accent)!important}table tbody tr td.text-green-600,table tbody tr:hover td.text-green-600{color:var(--color-success)!important}table tbody tr td.text-gray-500,table tbody tr:hover td.text-gray-500{color:var(--color-text-muted)!important}table tbody tr:hover button.hover\:text-blue-600:hover{color:var(--color-brand-accent)!important}table tbody tr:hover button.hover\:text-red-600:hover{color:var(--color-danger)!important}#copy-raw-material-btn{background-color:#8b5cf6!important;color:#fff!important;box-shadow:var(--shadow-soft);transition:all .2s ease-in-out}#copy-raw-material-btn:hover{background-color:#7c3aed!important;box-shadow:var(--shadow-medium);transform:translateY(-1px)}@media(max-width:1023px){.list-panel-mobile-hidden{display:none!important}#bom-container{height:95vh;max-height:none;margin:0;border-radius:0}#resizer{display:none!important}}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resizable-divider{width:4px;background-color:var(--color-border);cursor:col-resize;transition:all .3s ease-in-out;border-radius:2px}.resizable-divider:hover{background-color:var(--color-brand-accent);box-shadow:0 0 8px #06b6d44d;width:6px}.cart-subtab{position:relative;border-bottom:2px solid transparent}.cart-subtab:hover{background-color:var(--color-bg-hover)}.cart-subtab.active{color:var(--color-brand-accent)!important;border-bottom-color:var(--color-brand-accent);background-color:var(--color-bg-normal)}.cart-subtab-panel{display:none}.cart-subtab-panel:not(.hidden){display:flex}