:root[data-theme=light]{--bg-color: #f9fafc;--text-color: #212529;--button-bg: #4285f4;--button-text: #fff;--input-bg: #fff;--input-border: #ccc;--table-header-bg: #e6f0ff;--table-hover-bg: #dbe9ff;--header-bg: #f2f6fd;--header-text-color: #212529;--form-bg: #f5faff;--form-border-color: #ddd;--label-color: #6c757d;--success-bg: #28a745;--danger-bg: #dc3545}:root[data-theme=dark]{--bg-color: #1f2127;--text-color: #e2e2e2;--button-bg: #4a90e2;--button-text: #fff;--input-bg: #2b2f38;--input-border: #454c5a;--table-header-bg: #2a2f3c;--table-hover-bg: #343945;--header-bg: #252a34;--header-text-color: #e2e2e2;--form-bg: #282c36;--form-border-color: #383e4a;--label-color: #a2a9b8;--success-bg: #1f8c3b;--danger-bg: #b02a37}body{background-color:var(--bg-color);color:var(--text-color)}.loginContainer{display:flex;justify-content:center;align-items:center;height:100vh}.loginButton{display:inline-block;padding:10px 20px;border:2px solid black;border-radius:4px;text-decoration:none;background-color:#007bff;color:#fff;cursor:pointer;font-size:16px;text-align:center}.menuContainer{display:flex;justify-content:center;align-items:center;height:100vh}.menu{display:flex;gap:15px}.menuButton,.addButton,.editButton{display:inline-block;padding:12px 24px;border:2px solid #007bff;border-radius:6px;text-decoration:none;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer;transition:background-color .2s ease-in-out}.menuButton:hover,.addButton:hover,.editButton:hover{background-color:#0056b3}.menuButton.disabledLink{pointer-events:none;opacity:.6;cursor:not-allowed}.inventoryFormContainer{display:flex;flex-direction:column;padding:1em;border-radius:8px;margin-bottom:1em;background-color:var(--form-bg);border:1px solid var(--form-border-color);color:var(--text-color)}.inventoryFormContainer label{font-weight:500;margin-top:.5em;color:var(--label-color)}.inventoryFormContainer input,.inventoryFormContainer select{padding:.5em;margin-top:.2em;border-radius:4px;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-color);box-shadow:none}.inventoryFormContainer button{padding:.5em 1em;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:opacity .2s ease-in-out}.inventoryFormContainer button[type=submit]{background-color:var(--success-bg);color:var(--button-text)}.inventoryFormContainer button.cancelButton{background-color:var(--danger-bg);color:var(--button-text)}.inventoryFormContainer button:hover{opacity:.85}.inventoryContainer{display:flex;flex-direction:column;height:calc(100vh - 60px);padding:10px}.inventoryTable{width:100%;border-collapse:collapse;table-layout:fixed;overflow:auto;flex:1}.inventoryTable th{text-align:left;padding:8px;background-color:var(--table-header-bg);border-bottom:2px solid #ccc;color:var(--text-color)}.inventoryTable tbody tr{cursor:pointer;border-bottom:1px solid #eee}.inventoryTable tbody tr:hover{background-color:var(--table-hover-bg);color:var(--text-color)}.inventoryTable td{padding:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-color)}.inventoryTable th:nth-child(1){width:10%}.inventoryTable th:nth-child(2){width:10%}.inventoryTable th:nth-child(3){width:40%}.inventoryTable th:nth-child(4){width:15%}.inventoryTable th:nth-child(5){width:15%}.inventoryTable th:nth-child(6),.inventoryTable td:nth-child(6){width:160px;min-width:160px;text-align:center}.productFormContainer{display:flex;flex-direction:column;padding:1em;border-radius:8px;margin-bottom:1em;background-color:var(--form-bg);border:1px solid var(--form-border-color);color:var(--text-color)}.productFormContainer label{font-weight:500;margin-top:.5em;color:var(--label-color)}.productFormContainer input,.productFormContainer select{padding:.5em;margin-top:.2em;border-radius:4px;border:1px solid var(--input-border);background-color:var(--input-bg);color:var(--text-color);box-shadow:none}.formButtons{display:flex;gap:.5em;margin-top:1em}.productFormContainer button{padding:.5em 1em;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:opacity .2s ease-in-out}.productFormContainer button[type=submit]{background-color:var(--success-bg);color:var(--button-text)}.productFormContainer button.cancelButton{background-color:var(--danger-bg);color:var(--button-text)}.productFormContainer button:hover{opacity:.85}.formError{margin:0 0 .75em;color:var(--danger-bg);font-weight:500}.productListContainer{display:flex;flex-direction:column;height:calc(100vh - 60px);padding:10px}.productListToolbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:6px}.toolbarButton{padding:7px 12px;border:1px solid color-mix(in srgb,var(--input-border) 80%,transparent);border-radius:8px;background-color:var(--input-bg);color:var(--text-color);cursor:pointer;font-size:13px;font-weight:500}.toolbarButton:disabled{opacity:.6;cursor:wait}.productListTable{width:100%;border-collapse:collapse;table-layout:fixed;overflow:auto;flex:1}.productListTable th{text-align:left;padding:8px;background-color:var(--table-header-bg);border-bottom:2px solid #ccc;color:var(--text-color)}.productListTable tbody tr{cursor:pointer;border-bottom:1px solid #eee}.productListTable tbody tr:hover{background-color:var(--table-hover-bg);color:var(--text-color)}.productListTable td{padding:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-color)}.productListTable th:nth-child(1){width:8%}.productListTable th:nth-child(2){width:13%}.productListTable th:nth-child(3){width:26%}.productListTable th:nth-child(4){width:9%}.productListTable th:nth-child(5){width:9%}.productListTable th:nth-child(6){width:10%}.productListTable th:nth-child(7){width:10%}.productListTable th:nth-child(8){width:8%}.productListTable th:nth-child(9){width:160px;text-align:center}.editButton{padding:4px 8px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filtersContainer{display:flex;gap:10px;padding:10px 0;flex-wrap:wrap;align-items:center}.filtersContainer>input[type=date]{background-color:var(--input-bg);color:var(--text-color);border:1px solid #888;position:relative}.filtersContainer>input[type=date]::-webkit-calendar-picker-indicator{filter:invert(50%)}.filtersContainer>input,.filtersContainer>select{padding:8px 12px;border-radius:6px;border:1px solid #ddd;flex:1;min-width:180px;max-width:250px;font-size:14px;outline:none;background-color:var(--input-bg);color:var(--text-color);box-shadow:none}.filtersContainer>input:focus,.filtersContainer>select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.checkboxFilter{display:flex;align-items:center;gap:8px;color:var(--text-color);font-size:14px}.checkboxFilter input[type=checkbox]{margin:0}.compactCheckboxFilter{font-size:13px;opacity:.9}html,body,#root{height:100%;margin:0;padding:0}.productCatalogContainer{display:flex;flex-direction:column;height:calc(100vh - 60px);padding:10px}.productCatalogTable{width:100%;border-collapse:collapse;table-layout:fixed;overflow:auto;flex:1}.productCatalogTable th{text-align:left;padding:8px;background-color:var(--table-header-bg);border-bottom:2px solid #ccc;color:var(--text-color)}.productCatalogTable tbody tr{cursor:pointer;border-bottom:1px solid #eee}.productCatalogTable tbody tr:hover{background-color:var(--table-hover-bg);color:var(--text-color)}.productCatalogTable td{padding:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-color);vertical-align:top}.productCatalogTable th:nth-child(1){width:8%}.productCatalogTable th:nth-child(2){width:26%}.productCatalogTable th:nth-child(3){width:8%}.productCatalogTable th:nth-child(4){width:8%}.productCatalogTable th:nth-child(5){width:9%}.productCatalogTable th:nth-child(6){width:9%}.productCatalogTable th:nth-child(7){width:32%}.productCatalogTable th:nth-child(8){width:160px;text-align:center}.productCatalogFilters{display:flex;gap:10px;padding:10px 0;flex-wrap:wrap;align-items:center}.productCatalogFilters>input,.productCatalogFilters>select{padding:8px 12px;border-radius:6px;border:1px solid #ddd;flex:1;min-width:180px;max-width:250px;font-size:14px;outline:none;background-color:var(--input-bg);color:var(--text-color);box-shadow:none}.productCatalogFilters>input:focus,.productCatalogFilters>select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.catalogSummary{display:flex;flex-direction:column;gap:6px}.catalogMetricRow{display:flex;flex-wrap:wrap;gap:6px}.catalogMetric{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background-color:color-mix(in srgb,var(--table-hover-bg) 75%,transparent);white-space:nowrap}.catalogMetricLabel{font-size:12px;color:var(--label-color)}.catalogPriceRow{display:flex;flex-wrap:wrap;gap:6px}.catalogPriceItem{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:10px;background-color:color-mix(in srgb,var(--form-bg) 80%,var(--table-hover-bg) 20%);border:1px solid color-mix(in srgb,var(--input-border) 80%,transparent);white-space:nowrap}.catalogPriceLabel{color:var(--label-color)}.multiLineCell{white-space:normal;text-overflow:unset;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.3}.loadingOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:9999}.loadingSpinner{width:50px;height:50px;border:4px solid var(--table-hover-bg);border-top-color:var(--button-bg);border-radius:50%;animation:spin 1s linear infinite}.loadingText{margin-top:15px;color:var(--text-color);font-size:18px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.themeToggleButton{padding:8px 14px;border-radius:6px;border:none;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:opacity .3s}.appHeader{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 20px;background-color:var(--header-bg);min-height:60px;box-shadow:0 4px 10px #0000000d}.navLinks{display:flex;gap:15px;flex-wrap:wrap}.navLinks .menuButton{background:transparent;border:none;color:var(--header-text-color);padding:8px 16px;font-size:16px;position:relative;transition:color .2s ease-in-out;white-space:nowrap}.navLinks .menuButton:hover{color:var(--button-bg)}.navLinks .menuButton.active{color:var(--button-bg);font-weight:600}.navLinks .menuButton.active:after{content:"";display:block;height:3px;background:var(--button-bg);width:100%;position:absolute;bottom:0;left:0}.disabledLink{pointer-events:none;opacity:.4;cursor:not-allowed}.themeToggleButton{background:transparent;border:none;cursor:pointer;color:var(--header-text-color);font-size:16px;transition:opacity .2s ease-in-out}.themeToggleButton:hover{opacity:.8}