.materials-page,.materials-modal{--m-accent: #ff4136;--m-accent-hover: #e63a30;--m-accent-active: #cc342b;--m-accent-soft: rgba(255, 65, 54, .1);--m-accent-ring: rgba(255, 65, 54, .22);--m-bg: #ffffff;--m-bg-subtle: #f8f9fb;--m-bg-hover: #f3f5f8;--m-bg-active: #eceff3;--m-border: #e2e8f0;--m-border-hover: #cbd5e1;--m-border-focus: var(--m-accent);--m-text: #111827;--m-text-muted: #64748b;--m-text-inverse: #ffffff;--m-danger: #dc2626;--m-danger-soft: rgba(220, 38, 38, .08);--m-radius: 8px;--m-radius-sm: 6px;--m-control-h: 32px;--m-control-h-dense: 28px;--m-font: .8125rem;--m-font-sm: .75rem;--m-font-xs: .6875rem;--m-shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--m-shadow-md: 0 4px 16px rgba(15, 23, 42, .08);--m-table-head-bg: #eef2f6;--m-table-head-text: #334155;--m-table-head-border: #cbd5e1;--m-select-chevron: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--m-select-chevron-open: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 11 6-6 6 6'/%3e%3c/svg%3e")}#kt_app_content:has(.materials-page){flex-shrink:1!important;min-height:0!important;overflow:hidden!important;padding-bottom:0!important}#kt_app_content_container:has(.materials-page){display:flex!important;flex-direction:column!important;height:100%!important;padding-bottom:0!important}.materials-page{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;gap:.75rem}.materials-panel{background:var(--m-bg);border:1px solid var(--m-border);border-radius:12px;box-shadow:var(--m-shadow-sm)}.materials-panel--header{flex-shrink:0}.materials-panel--table{display:flex;flex-direction:column;flex:1 1 0%;min-height:0;overflow:hidden}.materials-panel__body{padding:1rem 1.125rem}.materials-panel__body--flush{padding:0;display:flex;flex-direction:column;flex:1 1 0%;min-height:0}.materials-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;margin-bottom:1rem}.materials-toolbar__title{margin:0 0 .35rem;font-size:1.0625rem;font-weight:700;letter-spacing:-.02em;color:var(--m-text)}.materials-toolbar__stats{display:flex;flex-wrap:wrap;gap:.4rem}.materials-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem;font-size:var(--m-font-sm);font-weight:600;color:var(--m-text-muted);background:var(--m-bg-subtle);border:1px solid var(--m-border);border-radius:999px}.materials-chip strong{color:var(--m-text)}.materials-chip--muted span{color:var(--m-text-muted);font-weight:500}.materials-filters{display:grid;grid-template-columns:minmax(12rem,1.4fr) minmax(10rem,1fr) auto;gap:.75rem;align-items:end}.materials-filters__item--actions{min-width:5.5rem}.materials-field__label--spacer{visibility:hidden;-webkit-user-select:none;user-select:none}.materials-field{margin-bottom:0}.materials-field__label{display:block;margin-bottom:.35rem;font-size:var(--m-font-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--m-text-muted)}.materials-field__label--required:after{content:" *";color:var(--m-accent)}.materials-field__hint{margin-top:.25rem;font-size:var(--m-font-xs);color:var(--m-text-muted)}.materials-field__error{margin-top:.25rem;font-size:var(--m-font-xs);font-weight:600;color:var(--m-danger)}.materials-control{display:block;width:100%;height:var(--m-control-h);padding:0 .65rem;font-size:var(--m-font);font-weight:500;line-height:calc(var(--m-control-h) - 2px);color:var(--m-text);background:var(--m-bg);border:1px solid var(--m-border);border-radius:var(--m-radius);box-shadow:none;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.materials-control:hover{border-color:var(--m-border-hover);background:var(--m-bg)}.materials-control:focus{outline:none;border-color:var(--m-border-focus);box-shadow:0 0 0 3px var(--m-accent-ring);background:var(--m-bg)}.materials-control:active{background:var(--m-bg-subtle)}.materials-control--dense{height:var(--m-control-h-dense);padding:0 .45rem;font-size:var(--m-font-sm);border-radius:var(--m-radius-sm)}.materials-control::placeholder{color:#94a3b8;font-weight:400}.materials-control--select{padding-right:1.75rem}.materials-control--fit{width:auto;max-width:100%}.materials-input-icon{position:relative}.materials-input-icon__icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--m-text-muted);pointer-events:none;z-index:1}.materials-input-icon__input{padding-left:2.1rem!important}.materials-input-group{display:flex;align-items:stretch;width:100%;max-width:7rem;margin-left:auto}.materials-input-group--dense{max-width:6.25rem}.materials-input-group--modal{max-width:100%}.materials-input-group__input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;border-right:0!important;text-align:right;font-variant-numeric:tabular-nums}.materials-input-group__input:focus{z-index:1;border-right:1px solid var(--m-border-focus)!important}.materials-input-group__suffix{display:inline-flex;align-items:center;padding:0 .45rem;font-size:var(--m-font-xs);font-weight:700;color:var(--m-text-muted);background:var(--m-bg-subtle);border:1px solid var(--m-border);border-left:0;border-radius:0 var(--m-radius-sm) var(--m-radius-sm) 0}.materials-input-group--dense .materials-input-group__suffix{border-radius:0 var(--m-radius-sm) var(--m-radius-sm) 0}.materials-input-group:focus-within .materials-input-group__suffix{border-color:var(--m-border-focus)}.materials-page .select2-container,.materials-modal .select2-container{width:100%!important}.materials-page .select2-container--bootstrap5 .select2-selection--single,.materials-modal .select2-container--bootstrap5 .select2-selection--single{display:flex!important;align-items:center!important;position:relative;height:var(--m-control-h)!important;min-height:var(--m-control-h)!important;border:1px solid var(--m-border)!important;border-radius:var(--m-radius)!important;background-color:var(--m-bg)!important;background-image:var(--m-select-chevron)!important;background-repeat:no-repeat!important;background-position:right .5rem center!important;background-size:12px 8px!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease}.materials-page .select2-container--bootstrap5.select2-container--open .select2-selection--single,.materials-modal .select2-container--bootstrap5.select2-container--open .select2-selection--single{background-image:var(--m-select-chevron-open)!important}.materials-page .select2-container--bootstrap5.select2-container--open .select2-selection--single,.materials-modal .select2-container--bootstrap5.select2-container--open .select2-selection--single,.materials-page .select2-container--bootstrap5 .select2-selection--single:hover,.materials-modal .select2-container--bootstrap5 .select2-selection--single:hover{border-color:var(--m-border-hover)!important}.materials-page .select2-container--bootstrap5.select2-container--focus .select2-selection--single,.materials-modal .select2-container--bootstrap5.select2-container--focus .select2-selection--single{border-color:var(--m-border-focus)!important;box-shadow:0 0 0 3px var(--m-accent-ring)!important}.materials-page .select2-container--bootstrap5 .select2-selection__rendered,.materials-modal .select2-container--bootstrap5 .select2-selection__rendered{flex:1 1 auto!important;min-width:0!important;line-height:calc(var(--m-control-h) - 2px)!important;padding-left:.65rem!important;padding-right:1.5rem!important;font-size:var(--m-font)!important;font-weight:500!important;color:var(--m-text)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.materials-page .select2-selection__clear,.materials-modal .select2-selection__clear{flex-shrink:0!important;font-size:1.125rem!important;line-height:1!important;margin-right:.25rem!important;color:var(--m-text-muted)!important}.materials-page .select2-dropdown,.materials-modal .select2-dropdown{border:1px solid var(--m-border)!important;border-radius:var(--m-radius)!important;box-shadow:var(--m-shadow-md)!important;font-size:var(--m-font-sm)!important}.materials-page .select2-results__option--highlighted.select2-results__option--selectable,.materials-modal .select2-results__option--highlighted.select2-results__option--selectable{background:var(--m-accent)!important;color:var(--m-text-inverse)!important}.materials-page .select2-results__option--selected,.materials-modal .select2-results__option--selected{background:var(--m-bg-subtle)!important;color:var(--m-text)!important}.materials-table__category-cell .materials-table__category-select{display:inline-block;width:fit-content;max-width:100%}.materials-page .materials-table .materials-table__category-select .select2-container{width:auto!important;max-width:100%}.materials-page .materials-table .select2-container--bootstrap5 .select2-selection--single{width:auto!important;height:var(--m-control-h-dense)!important;min-height:var(--m-control-h-dense)!important;border-radius:var(--m-radius-sm)!important;background-position:right .35rem center!important;background-size:10px 7px!important}.materials-page .materials-table .select2-container--bootstrap5 .select2-selection__rendered{flex:0 1 auto!important;width:auto!important;max-width:100%;line-height:calc(var(--m-control-h-dense) - 2px)!important;padding:0 1.25rem 0 .4rem!important;font-size:var(--m-font-xs)!important;font-weight:600!important;white-space:nowrap!important}.materials-page .materials-table .select2-selection__clear{display:none!important}.materials-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:var(--m-control-h);padding:0 .85rem;font-size:var(--m-font);font-weight:600;line-height:1;color:var(--m-text);background:var(--m-bg);border:1px solid var(--m-border);border-radius:var(--m-radius);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.materials-btn:hover{background:var(--m-bg-hover);border-color:var(--m-border-hover);color:var(--m-text)}.materials-btn:active{background:var(--m-bg-active);border-color:var(--m-border-hover)}.materials-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--m-accent-ring)}.materials-btn:disabled{opacity:.55;cursor:not-allowed}.materials-btn--primary{color:var(--m-text-inverse);background:var(--m-accent);border-color:var(--m-accent)}.materials-btn--primary:hover{color:var(--m-text-inverse);background:var(--m-accent-hover);border-color:var(--m-accent-hover)}.materials-btn--primary:active{background:var(--m-accent-active);border-color:var(--m-accent-active)}.materials-btn--ghost{background:var(--m-bg-subtle);border-color:var(--m-border)}.materials-btn--ghost:hover{background:var(--m-bg-hover)}.materials-btn--block{width:100%}.materials-btn--icon{width:var(--m-control-h);min-width:var(--m-control-h);padding:0}.materials-row-actions{display:inline-flex;justify-content:flex-end}.materials-table__actions-cell{width:3.5rem;padding-left:.35rem;padding-right:.35rem;text-align:right;vertical-align:middle}.materials-row-actions__trigger{display:inline-flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;min-width:1.875rem;padding:0;border:1px solid var(--m-border);border-radius:var(--m-radius-sm);background:var(--m-bg);color:#475569;box-shadow:var(--m-shadow-sm);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease}.materials-row-actions__trigger:hover{color:var(--m-text);border-color:var(--m-border-hover);background:var(--m-bg);box-shadow:0 1px 3px #0f172a1a}.materials-row-actions__trigger:active,.materials-row-actions__trigger[aria-expanded=true]{color:var(--m-accent);border-color:#ff413666;background:var(--m-accent-soft);box-shadow:0 0 0 2px var(--m-accent-ring)}.materials-row-actions__trigger:focus-visible{outline:none;color:var(--m-text);border-color:var(--m-border-hover);box-shadow:0 0 0 2px var(--m-accent-ring)}.materials-row-actions__icon{width:1rem;height:1rem;flex-shrink:0}.materials-table-wrap{display:block;width:100%;flex:1 1 0%;min-height:120px;overflow:auto;-webkit-overflow-scrolling:touch}.materials-table-wrap--busy{opacity:.6;pointer-events:none}.materials-table{width:100%;min-width:52rem;table-layout:fixed;border-collapse:collapse;font-size:var(--m-font-sm);color:var(--m-text)}.materials-w-short{width:4.75rem}.materials-w-category{width:12.5rem}.materials-w-name{width:14rem}.materials-w-ean{width:7.5rem}.materials-w-stock{width:4.75rem}.materials-w-price{width:6.75rem}.materials-w-actions{width:3.5rem}.materials-table__category-cell{vertical-align:middle}.materials-table__head{box-shadow:0 2px 0 var(--m-table-head-border)}.materials-table thead th{position:sticky;top:0;z-index:3;padding:.5rem .6rem;font-size:var(--m-font-xs);font-weight:700;line-height:1.25;letter-spacing:.04em;text-transform:uppercase;text-align:left;color:var(--m-table-head-text);background-color:var(--m-table-head-bg);border-bottom:2px solid var(--m-table-head-border);border-right:1px solid var(--m-table-head-border);vertical-align:bottom;white-space:normal;overflow-wrap:anywhere;word-break:break-word;box-shadow:none}.materials-table thead th.text-end{text-align:right}.materials-table thead th:last-child{border-right:none}.materials-table tbody td{padding:.35rem .55rem;vertical-align:middle;border-bottom:1px solid #f1f5f9}.materials-table__row:nth-child(2n){background:#f8fafcb3}.materials-table__row:hover{background:var(--m-accent-soft)!important}.materials-table__row--busy{background:#ffe8e673!important}.materials-code{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.1rem .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--m-font-xs);font-weight:700;color:#334155;background:var(--m-bg-subtle);border-radius:var(--m-radius-sm)}.materials-table__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.materials-table__ean,.materials-table__stock{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--m-text-muted)}.materials-table__stock{font-weight:600;color:var(--m-text)}.materials-table__empty{padding:2.5rem 1rem!important;text-align:center;color:var(--m-text-muted)}.materials-table__empty p{margin:0;font-weight:600}.materials-pagination{flex-shrink:0;padding:.5rem .75rem;border-top:1px solid var(--m-border);background:var(--m-bg)}.materials-pagination .pagination{margin:0;font-size:var(--m-font-sm)}.materials-pagination .page-link{border-radius:var(--m-radius-sm);color:var(--m-text-muted)}.materials-pagination .page-link:hover{background:var(--m-bg-hover);color:var(--m-text)}.materials-pagination .page-item.active .page-link{background:var(--m-accent);border-color:var(--m-accent);color:var(--m-text-inverse)}.materials-row-actions__menu{--bs-dropdown-min-width: 8.5rem;--bs-dropdown-padding-x: .25rem;--bs-dropdown-padding-y: .25rem;--bs-dropdown-border-color: var(--m-border-hover);--bs-dropdown-border-radius: var(--m-radius);--bs-dropdown-box-shadow: var(--m-shadow-md);--bs-dropdown-link-color: var(--m-text);--bs-dropdown-link-hover-color: var(--m-text);--bs-dropdown-link-hover-bg: var(--m-bg-hover);--bs-dropdown-link-active-color: var(--m-text);--bs-dropdown-link-active-bg: var(--m-bg-active)}.materials-row-actions__menu .dropdown-item{font-size:var(--m-font-sm);font-weight:600;border-radius:var(--m-radius-sm)}.materials-row-actions__menu .dropdown-item.text-danger{--bs-dropdown-link-color: var(--m-danger);--bs-dropdown-link-hover-color: var(--m-danger);--bs-dropdown-link-hover-bg: var(--m-danger-soft);--bs-dropdown-link-active-color: var(--m-danger);--bs-dropdown-link-active-bg: rgba(220, 38, 38, .14)}.materials-modal .modal-content,.materials-modal__content{border:1px solid var(--m-border);border-radius:12px;box-shadow:var(--m-shadow-md);overflow:hidden}.materials-modal__dialog{max-width:560px}.materials-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--m-border);background:var(--m-bg-subtle)}.materials-modal__title{margin:0;font-size:1.0625rem;font-weight:700;color:var(--m-text)}.materials-modal__body{padding:1.25rem}.materials-modal__body .materials-field{margin-bottom:1rem}.materials-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.85rem 1.25rem;border-top:1px solid var(--m-border);background:var(--m-bg-subtle)}.materials-modal .indicator-progress{display:none}.materials-modal .indicator-label{display:inline}@media (max-width: 1199.98px){.materials-filters{grid-template-columns:1fr 1fr}.materials-filters__item--actions{grid-column:1 / -1}.materials-w-category{width:11rem}.materials-w-name{width:12rem}}@media (max-width: 991.98px){.materials-table-wrap{max-height:none;min-height:240px}.materials-table{min-width:800px}.materials-filters{grid-template-columns:1fr}}.materials-page .materials-btn .ki-duotone,.materials-page .materials-btn .ki-outline,.materials-modal .materials-btn .ki-duotone,.materials-page .materials-input-icon__icon{font-size:1rem!important}