npm - @fastnd/components - Versions diffs - 1.0.17 → 1.0.18 - Mend

@fastnd/components 1.0.17 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2) hide show

package/dist/components.js +925 -896
package/package.json +1 -1

package/dist/components.js CHANGED Viewed

@@ -1,6 +1,6 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('._tableContainer_uxpjj_4{overflow-x:auto}._table_uxpjj_4{width:100%;border-collapse:separate;border-spacing:0;text-align:left;table-layout:fixed}._table__head_uxpjj_18 th{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);padding:.625rem 1rem;border-bottom:1px solid var(--ds-border);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}._table__head_uxpjj_18 th._sortable_uxpjj_32{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}._table__head_uxpjj_18 th._sortable_uxpjj_32:hover{color:var(--on-surface)}._table__head_uxpjj_18 th:focus-visible{outline:2px solid var(--ds-primary);outline-offset:-2px}._sortIndicator_uxpjj_48{display:inline-flex;margin-left:.25rem;opacity:.4;vertical-align:middle}._table__head_uxpjj_18 th[aria-sort] ._sortIndicator_uxpjj_48{opacity:1;color:var(--ds-primary)}._colResizeHandle_uxpjj_61{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:5;background:transparent}._colResizeHandle_uxpjj_61:hover{background-color:var(--ds-primary);opacity:.4}._table--resizing_uxpjj_77{cursor:col-resize;-webkit-user-select:none;user-select:none}._table--resizing_uxpjj_77 *{cursor:col-resize!important}._table__row_uxpjj_87{transition:background-color .1s ease}._table__row_uxpjj_87:hover{background-color:var(--surface-hover)}._table__row_uxpjj_87 td{padding:.75rem 1rem;border-bottom:1px solid var(--ds-border);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}._table__row_uxpjj_87:last-child td{border-bottom:none}._table__row--animated_uxpjj_108{animation:_fadeInRow_uxpjj_1 .2s ease both}@keyframes _fadeInRow_uxpjj_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){._table__row--animated_uxpjj_108{animation:none}}@media(max-width:1024px){._col-hide-tablet_uxpjj_131{display:none}}@media(max-width:640px){._col-hide-mobile_uxpjj_137{display:none}}._widgetCard_106xz_4{background-color:var(--surface);color:var(--on-surface);border:1px solid var(--ds-border);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:100%;overflow:hidden;font-family:var(--font-inter);animation:_fadeIn_106xz_1 .4s ease-out}._widgetCard--half_106xz_18{max-width:520px}._widgetCard__header_106xz_23{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid var(--ds-border);background:var(--surface);flex-shrink:0}._widgetCard--full_106xz_33 ._widgetCard__header_106xz_23{padding:1.5rem 2.5%}._widgetCard__title_106xz_37{margin:0;font-family:var(--font-clash);font-size:1.25rem;font-weight:500;line-height:1.3;color:var(--on-surface);letter-spacing:-.02em}._widgetCard--full_106xz_33 ._widgetCard__title_106xz_37{font-size:1.5rem}._widgetCard__content_106xz_52{flex:1 1 0}._widgetCard__content--scrollable_106xz_56{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-border) transparent}._widgetCard__content--scrollable_106xz_56::-webkit-scrollbar{width:4px}._widgetCard__content--scrollable_106xz_56::-webkit-scrollbar-track{background:transparent}._widgetCard__content--scrollable_106xz_56::-webkit-scrollbar-thumb{background-color:var(--ds-border);border-radius:2px}._widgetCard__content--padded_106xz_76{padding:1rem 5%}._widgetCard--full_106xz_33 ._widgetCard__content--padded_106xz_76{padding:1.5rem 2.5%}@keyframes _fadeIn_106xz_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){._widgetCard_106xz_4{animation:none}}._dataCard_13ip1_3{background-color:var(--surface);border:1px solid var(--ds-border);border-radius:var(--radius);padding:1rem;transition:box-shadow .15s ease,border-color .15s ease;display:flex;flex-direction:column;gap:.75rem}._dataCard_13ip1_3:hover{box-shadow:var(--shadow-md)}._dataCard--clickable_13ip1_18{cursor:pointer}._dataCard--clickable_13ip1_18:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}._baseList_1s0k1_3{display:flex;flex-direction:column}._baseList--scrollable_1s0k1_8{overflow-y:auto;flex:1 1 0;scrollbar-width:thin;scrollbar-color:var(--ds-border) transparent}._baseList--scrollable_1s0k1_8::-webkit-scrollbar{width:4px}._baseList--scrollable_1s0k1_8::-webkit-scrollbar-track{background:transparent}._baseList--scrollable_1s0k1_8::-webkit-scrollbar-thumb{background-color:var(--ds-border);border-radius:2px}._listItem_1x1io_3{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--ds-border);transition:background-color .1s ease;font-family:var(--font-inter)}._listItem_1x1io_3:last-child{border-bottom:none}._listItem_1x1io_3:hover{background-color:var(--surface-hover)}._listItem--clickable_1x1io_21{cursor:pointer}._listItem_1x1io_3:focus-visible{outline:2px solid var(--ds-primary);outline-offset:-2px}._listItem__leading_1x1io_31{flex-shrink:0;display:flex;align-items:center}._listItem__content_1x1io_37{flex:1;min-width:0}._listItem__trailing_1x1io_42{flex-shrink:0;display:flex;align-items:center;gap:.5rem}@media(max-width:640px){._listItem_1x1io_3{flex-wrap:wrap;gap:.5rem}}._status-badge_c7rzu_3{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:500;line-height:1;color:var(--custom-color, var(--current-color));background-color:var(--custom-bg, var(--current-bg));white-space:nowrap}._status-badge_c7rzu_3:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:var(--custom-color, var(--current-color))}._status-badge--neu_c7rzu_26{--current-color: var(--status-neu);--current-bg: color-mix(in srgb, var(--status-neu), transparent 90%)}._status-badge--offen_c7rzu_31{--current-color: var(--status-offen);--current-bg: color-mix(in srgb, var(--status-offen), transparent 90%)}._status-badge--in-prufung_c7rzu_36{--current-color: var(--status-in-prufung);--current-bg: color-mix(in srgb, var(--status-in-prufung), transparent 90%)}._status-badge--validierung_c7rzu_41{--current-color: var(--status-validierung);--current-bg: color-mix(in srgb, var(--status-validierung), transparent 90%)}._status-badge--abgeschlossen_c7rzu_46{--current-color: var(--status-abgeschlossen);--current-bg: color-mix(in srgb, var(--status-abgeschlossen), transparent 90%)}._favorite-btn_1fvb2_3{background:none;border:none;color:var(--custom-color, var(--on-surface-light));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.375rem;border-radius:var(--radius);transition:all .2s ease}._favorite-btn_1fvb2_3:hover,._favorite-btn_1fvb2_3:focus-visible{background-color:var(--surface-variant);color:var(--custom-active-color, var(--color-warning));outline:none}._favorite-btn--active_1fvb2_23{color:var(--custom-active-color, var(--color-warning))}._favorite-btn--md_1fvb2_28{padding:.375rem}._favorite-btn--md_1fvb2_28 svg{width:18px;height:18px;fill:currentColor}._favorite-btn--sm_1fvb2_39{padding:.25rem}._favorite-btn--sm_1fvb2_39 svg{width:16px;height:16px;fill:currentColor}._status-legend__item_c03nc_3{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:background-color .2s ease;border:1px solid transparent;background:none;width:100%}._status-legend__item_c03nc_3:hover,._status-legend__item_c03nc_3:focus-visible{background-color:var(--surface-variant);outline:none}._status-legend__item--active_c03nc_22{background-color:var(--surface-variant);border-color:var(--ds-border)}._status-legend__label-wrap_c03nc_27{display:flex;align-items:center;gap:.5rem}._status-legend__color_c03nc_33{width:12px;height:12px;border-radius:50%;flex-shrink:0;background-color:var(--custom-color, var(--current-color))}._status-legend__label_c03nc_27{font-size:.875rem;color:var(--on-surface);font-weight:500}._status-legend__count_c03nc_47{font-family:var(--font-grotesk);font-size:.875rem;color:var(--on-surface-variant);font-weight:600;background-color:var(--surface-variant);padding:.125rem .5rem;border-radius:1rem}._color-neu_c03nc_57{--current-color: var(--status-neu)}._color-offen_c03nc_61{--current-color: var(--status-offen)}._color-in-prufung_c03nc_65{--current-color: var(--status-in-prufung)}._color-validierung_c03nc_69{--current-color: var(--status-validierung)}._color-abgeschlossen_c03nc_73{--current-color: var(--status-abgeschlossen)}._color-alle_c03nc_77{--current-color: var(--status-alle)}._status-overview__chart-container_6nwc9_3{position:relative;width:200px;height:200px;margin:1rem auto 2rem;display:flex;align-items:center;justify-content:center}._status-chart-svg_6nwc9_13{width:100%;height:100%;position:absolute;top:0;left:0;filter:drop-shadow(var(--shadow-sm));pointer-events:none}._status-chart__segment_6nwc9_23{transition:all .3s cubic-bezier(.4,0,.2,1);stroke-linecap:butt;pointer-events:stroke}._status-chart__segment_6nwc9_23:hover,._status-chart__segment--hovered_6nwc9_30{stroke-width:48px;filter:brightness(1.1)}._status-chart__segment--dimmed_6nwc9_35{opacity:.6;filter:grayscale(.2)}._status-chart__hole_6nwc9_40{width:120px;height:120px;background-color:var(--surface);border-radius:50%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset var(--shadow-sm);clip-path:circle(50%)}._status-chart__total-value_6nwc9_55{font-family:var(--font-clash);font-size:2rem;font-weight:600;line-height:1;color:var(--on-surface)}._status-chart__total-label_6nwc9_63{font-size:.75rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}._nameCell_1n6hv_4{display:flex;align-items:center;gap:.5rem}._favorite_1n6hv_10{margin-left:-.5rem}._nameWrapper_1n6hv_14{display:flex;flex-direction:column;overflow:hidden;min-width:0}._name_1n6hv_4{font-weight:500;color:var(--on-surface);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._secondary_1n6hv_31{font-size:.75rem;color:var(--on-surface-variant);margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._client_1n6hv_41{color:var(--on-surface-variant);font-size:.8125rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._dateMain_1n6hv_51{color:var(--on-surface);font-weight:500;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._avatar_1elxr_3{width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--surface-variant);border:1px solid var(--ds-border);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:var(--on-surface);text-transform:uppercase}._avatar-group_1elxr_18{display:flex;align-items:center}._group-member_1elxr_23{margin-right:-.5rem;position:relative;z-index:1;border:2px solid var(--surface)}._group-member_1elxr_23:hover{z-index:10}._btn_1icnw_3{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;border:1px solid transparent}._btn_1icnw_3:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}._btn_1icnw_3:active{transform:scale(.98)}._btn--primary_1icnw_27{background:var(--gradient-header);color:#fff;padding:.5rem 1rem;box-shadow:var(--shadow-sm)}._btn--primary_1icnw_27:hover{box-shadow:var(--shadow-md);opacity:.9}._btn--outline_1icnw_39{background-color:transparent;border-color:var(--ds-border);color:var(--on-surface);padding:.375rem .75rem;min-width:110px}._btn--outline_1icnw_39:hover{background-color:var(--surface-variant);color:var(--on-surface)}._btn--ghost_1icnw_52{background-color:transparent;color:var(--on-surface-variant);padding:.375rem}._btn--ghost_1icnw_52:hover{background-color:var(--surface-variant);color:var(--on-surface)}._btn--sm_1icnw_63{padding:.2rem .4rem;font-size:.75rem;min-width:auto!important}._badge_aax9r_3{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-grotesk);font-weight:800}._badge--high_aax9r_12{background-color:var(--error-variant);color:var(--ds-error);border:1px solid color-mix(in srgb,var(--ds-error),transparent 80%)}._badge--medium_aax9r_18{background-color:var(--color-warning-variant);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning),transparent 80%)}._badge--low_aax9r_24{background-color:var(--surface-variant);color:var(--on-surface-variant);border:1px solid var(--ds-border)}._badge--size-small_aax9r_30{width:1.5rem;height:1.5rem;border-radius:.375rem;font-size:.75rem}._badge--size-large_aax9r_37{width:2.25rem;height:2.25rem;border-radius:.5rem;font-size:1.125rem}._badge--size-large_aax9r_37._badge--low_aax9r_24{font-size:.875rem}._badge_1j9lv_3{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--surface-variant);border-radius:2rem;font-size:.8125rem;font-weight:500}._status-dropdown_6t2ce_3{position:relative;display:inline-block;width:88px}._status-trigger_6t2ce_9{width:100%!important;justify-content:space-between!important}._status-menu_6t2ce_14{position:absolute;top:100%;right:0;margin-top:.25rem;background-color:var(--surface);border:1px solid var(--ds-border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--shadow-lg);z-index:100;width:100%;min-width:88px;display:none;padding:.25rem;animation:_fadeIn_6t2ce_1 .15s ease-out}._status-menu_6t2ce_14._is-open_6t2ce_31{display:block}._status-menu-item_6t2ce_35{width:100%;padding:.5rem .75rem;font-size:.8125rem;text-align:left;background:none;border:none;cursor:pointer;border-radius:calc(var(--radius) - 4px);color:var(--on-surface);transition:background-color .1s}._status-menu-item_6t2ce_35:hover{background-color:var(--surface-variant)}._status-menu-item_6t2ce_35._is-active_6t2ce_52{font-weight:500}._icon_6t2ce_56{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}._icon-sm_6t2ce_65{width:.875rem;height:.875rem}@keyframes _fadeIn_6t2ce_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._checklist_19mhr_3{gap:.5rem}._checkItem_19mhr_7{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:0}._checkItem_19mhr_7 input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--ds-primary);cursor:pointer}._checkItem_19mhr_7 label{cursor:pointer}._checkItem_19mhr_7._is-done_19mhr_26 label{text-decoration:line-through;color:var(--on-surface-variant)}._checklist--readonly_19mhr_31 ._checkItem_19mhr_7 label{cursor:pointer}._checklist--readonly_19mhr_31 ._checkItem_19mhr_7 input[type=checkbox]{pointer-events:all}._formControl_19mhr_39{width:100%;padding:.125rem;border:none;background:transparent;color:var(--on-surface);font-family:inherit;font-size:.875rem;border-radius:calc(var(--radius) - 2px);transition:background-color .2s}._formControl_19mhr_39:focus{outline:none;background-color:var(--surface)}._is-done_19mhr_26 ._formControl_19mhr_39{text-decoration:line-through;color:var(--on-surface-variant)}._searchInput_1ms0w_3{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:1px solid var(--ds-border);border-radius:1rem;background-color:var(--surface-variant);transition:border-color .15s ease,box-shadow .15s ease;min-width:200px}._searchInput_1ms0w_3:focus-within{border-color:var(--ds-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-primary),transparent 85%)}._icon_1ms0w_20{width:14px;height:14px;color:var(--on-surface-variant);flex-shrink:0}._field_1ms0w_27{border:none;background:none;font-family:var(--font-inter);font-size:.8125rem;color:var(--on-surface);outline:none;width:100%}._field_1ms0w_27::placeholder{color:var(--on-surface-variant)}@media(max-width:1024px){._searchInput_1ms0w_3{min-width:160px}}@media(max-width:640px){._searchInput_1ms0w_3{flex:1;min-width:0}}._btn_1do3o_3{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border:1px solid var(--ds-border);background:none;border-radius:calc(var(--radius) - 2px);font-family:var(--font-inter);font-size:.6875rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:all .15s ease}._btn_1do3o_3:hover{border-color:color-mix(in srgb,var(--ds-primary),transparent 60%);color:var(--ds-primary);background-color:var(--primary-container)}._btn_1do3o_3:focus-visible{outline:2px solid var(--ds-primary);outline-offset:1px}._chevron_1do3o_30{width:12px;height:12px;transition:transform .2s ease;flex-shrink:0}._btn--open_1do3o_37 ._chevron_1do3o_30{transform:rotate(180deg)}._circle_gvt69_3{position:relative;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}._svg_gvt69_12{width:100%;height:100%;transform:rotate(-90deg)}._track_gvt69_18{fill:none;stroke:var(--surface-variant);stroke-width:3}._fill_gvt69_24{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .4s ease}._label_gvt69_31{position:absolute;font-family:var(--font-grotesk);font-size:.5625rem;font-weight:600;color:var(--on-surface)}._bar_l0q8t_3{display:flex;align-items:center;gap:.5rem}._track_l0q8t_9{width:60px;height:4px;background-color:var(--surface-variant);border-radius:2px;overflow:hidden}._fill_l0q8t_17{height:100%;border-radius:2px;background:var(--gradient-primary)}._value_l0q8t_23{font-family:var(--font-grotesk);font-size:.75rem;font-weight:500;color:var(--on-surface-variant);min-width:28px}._empty_26icj_3{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}._icon_26icj_12{width:48px;height:48px;color:var(--on-surface-light);margin-bottom:1rem}._title_26icj_19{font-family:var(--font-clash);font-size:1.125rem;font-weight:500;color:var(--on-surface);margin-bottom:.25rem}._text_26icj_27{font-size:.8125rem;color:var(--on-surface-variant)}._toggle_1uawr_3{display:inline-flex;background-color:var(--surface-variant);border-radius:calc(var(--radius) - 2px);padding:3px;gap:2px}._btn_1uawr_11{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;background:none;border-radius:calc(var(--radius) - 4px);font-family:var(--font-inter);font-size:.8125rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:all .15s ease;white-space:nowrap}._btn_1uawr_11:hover{color:var(--on-surface)}._btn_1uawr_11:focus-visible{outline:2px solid var(--ds-primary);outline-offset:1px}._btn--active_1uawr_37{background-color:var(--surface);color:var(--on-surface);box-shadow:var(--shadow-sm)}._icon_1uawr_43{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}._icon_1uawr_43>svg{width:100%;height:100%}._filterChip_43db3_4{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .75rem;border:1px solid var(--ds-border);background-color:var(--surface);border-radius:1rem;font-family:var(--font-inter);font-size:.75rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:all .15s ease;position:relative;white-space:nowrap}._filterChip_43db3_4:hover{border-color:color-mix(in srgb,var(--ds-primary),transparent 60%);color:var(--on-surface)}._filterChip_43db3_4:focus-visible{outline:2px solid var(--ds-primary);outline-offset:1px}._filterChip--active_43db3_32{background-color:var(--primary-variant);border-color:color-mix(in srgb,var(--ds-primary),transparent 70%);color:var(--ds-primary)}._filterChip__icon_43db3_38{width:14px;height:14px;flex-shrink:0}._filterChip__chevron_43db3_44{width:12px;height:12px;flex-shrink:0;transition:transform .15s ease}._filterChip--open_43db3_51 ._filterChip__chevron_43db3_44{transform:rotate(180deg)}._filterChip__label_43db3_55{max-width:120px;overflow:hidden;text-overflow:ellipsis}._filterDropdown_43db3_62{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background-color:var(--surface);border:1px solid var(--ds-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:30;padding:.375rem;display:none}._filterDropdown--open_43db3_76{display:block}._filterDropdown__item_43db3_80{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;border:none;background:none;font-family:var(--font-inter);font-size:.8125rem;color:var(--on-surface);cursor:pointer;border-radius:calc(var(--radius) - 4px);transition:background-color .1s ease;text-align:left}._filterDropdown__item_43db3_80:hover{background-color:var(--surface-variant)}._filterDropdown__item--selected_43db3_101{color:var(--ds-primary);font-weight:500}._filterDropdown__check_43db3_106{width:14px;height:14px;flex-shrink:0;opacity:0}._filterDropdown__item--selected_43db3_101 ._filterDropdown__check_43db3_106{opacity:1}._filterDropdown__search_43db3_117{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;margin-bottom:.25rem;border-bottom:1px solid var(--ds-border)}._filterDropdown__searchIcon_43db3_126{width:12px;height:12px;color:var(--on-surface-variant);flex-shrink:0}._filterDropdown__searchInput_43db3_133{border:none;background:none;font-family:var(--font-inter);font-size:.75rem;color:var(--on-surface);outline:none;width:100%}._filterDropdown__searchInput_43db3_133::placeholder{color:var(--on-surface-variant)}._popover_jepnf_3{position:fixed;z-index:50;min-width:280px;background-color:var(--surface);border:1px solid var(--ds-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.5rem;display:none}._popover--open_jepnf_15{display:block}._checkbox_shqzk_3{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-family:var(--font-inter);font-size:.8125rem;color:var(--on-surface)}._checkbox__input_shqzk_13{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}._checkbox__box_shqzk_23{width:16px;height:16px;border:1.5px solid var(--ds-border);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}._checkbox--checked_shqzk_35 ._checkbox__box_shqzk_23{background-color:var(--ds-primary);border-color:var(--ds-primary)}._checkbox__icon_shqzk_40{width:10px;height:10px;color:#fff;opacity:0}._checkbox--checked_shqzk_35 ._checkbox__icon_shqzk_40{opacity:1}._checkbox_shqzk_3:hover ._checkbox__box_shqzk_23{border-color:var(--ds-primary)}._checkbox__input_shqzk_13:focus-visible+._checkbox__box_shqzk_23{outline:2px solid var(--ds-primary);outline-offset:1px}._checkbox__label_shqzk_60{flex:1;min-width:0}._formField_v7ze9_3{display:flex;flex-direction:column;gap:.5rem}._formField__label_v7ze9_9{font-size:.625rem;line-height:.875rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-inter)}._formField__error_v7ze9_19{font-size:.75rem;color:var(--ds-error);font-family:var(--font-inter)}._textInput_ix759_3{width:100%;padding:.625rem .75rem;border:1px solid var(--ds-border);border-radius:calc(var(--radius) - 2px);background-color:var(--surface);color:var(--on-surface);font-family:var(--font-inter);font-size:.875rem;line-height:1.25rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}._textInput_ix759_3:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-primary),transparent 88%)}._textInput_ix759_3::placeholder{color:var(--on-surface-variant)}._select_sbg8z_4{position:relative;display:inline-flex;align-items:center;gap:.375rem;width:100%;padding:.375rem .75rem;border:1px solid var(--ds-border);border-radius:1rem;background-color:var(--surface);font-family:var(--font-inter);font-size:.875rem;line-height:1.25rem;color:var(--on-surface);cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none}._select_sbg8z_4:hover{border-color:color-mix(in srgb,var(--ds-primary),transparent 60%)}._select_sbg8z_4:focus-visible,._select--open_sbg8z_30{border-color:var(--ds-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-primary),transparent 85%)}._select--disabled_sbg8z_35{opacity:.5;cursor:not-allowed;pointer-events:none}._select__label_sbg8z_41{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}._select__placeholder_sbg8z_49{color:var(--on-surface-variant)}._select__chevron_sbg8z_53{width:14px;height:14px;flex-shrink:0;color:var(--on-surface-variant);transition:transform .15s ease}._select--open_sbg8z_30 ._select__chevron_sbg8z_53{transform:rotate(180deg)}._dropdown_sbg8z_66{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:100%;background-color:var(--surface);border:1px solid var(--ds-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:30;padding:.375rem}._dropdown__item_sbg8z_80{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;border:none;background:none;font-family:var(--font-inter);font-size:.8125rem;color:var(--on-surface);cursor:pointer;border-radius:calc(var(--radius) - 4px);transition:background-color .1s ease;text-align:left}._dropdown__item_sbg8z_80:hover{background-color:var(--surface-variant)}._dropdown__item--selected_sbg8z_101{color:var(--ds-primary);font-weight:500}._dropdown__check_sbg8z_106{width:14px;height:14px;flex-shrink:0;opacity:0}._dropdown__item--selected_sbg8z_101 ._dropdown__check_sbg8z_106{opacity:1}._textArea_kwln7_3{width:100%;padding:.625rem .75rem;border:1px solid var(--ds-border);border-radius:calc(var(--radius) - 2px);background-color:var(--surface);color:var(--on-surface);font-family:var(--font-inter);font-size:.875rem;line-height:1.25rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;resize:vertical;min-height:80px}._textArea_kwln7_3:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-primary),transparent 88%)}._textArea_kwln7_3::placeholder{color:var(--on-surface-variant)}._overlay_1wnad_4{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s ease-out;padding:1rem}._overlay--active_1wnad_19{opacity:1;pointer-events:all}._content_1wnad_25{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-inter);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform .2s ease-out;overflow:hidden}._overlay--active_1wnad_19 ._content_1wnad_25{transform:scale(1) translateY(0)}._header_1wnad_46{padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}._header__title_1wnad_55{margin:0;font-family:var(--font-clash);font-weight:500;font-size:1.25rem;line-height:1.75rem;color:var(--on-surface)}._body_1wnad_65{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:thin;scrollbar-color:var(--ds-border) transparent}._body_1wnad_65::-webkit-scrollbar{width:4px}._body_1wnad_65::-webkit-scrollbar-thumb{background-color:var(--ds-border);border-radius:2px}._footer_1wnad_85{padding:1rem 1.5rem;border-top:1px solid var(--ds-border);display:flex;justify-content:flex-end;gap:.5rem;background:var(--surface-hover);flex-shrink:0}._icon_1wnad_96{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._dashboard_avuww_4{width:100%;display:grid;grid-template-columns:minmax(280px,25%) 1fr;gap:1.5rem}@media(max-width:1024px){._dashboard_avuww_4{grid-template-columns:1fr}}._sectionTitle_avuww_18{font-family:var(--font-clash);font-size:1.5rem;font-weight:500;color:var(--on-surface);margin:0 0 1.5rem}._statusLegend_avuww_27{display:flex;flex-direction:column;gap:.75rem}._projectList_avuww_34 th:first-child,._projectList_avuww_34 td:first-child{padding-left:2.5%}._projectList_avuww_34 th:last-child,._projectList_avuww_34 td:last-child{padding-right:2.5%}._taskItem_77jzk_4{display:grid;grid-template-columns:55% 15% 30%;align-items:center;gap:0;padding:.75rem 5%;font-family:var(--font-inter)}._taskItem__content_77jzk_14{display:flex;flex-direction:column;gap:.375rem;min-width:0}._taskItem__titleGroup_77jzk_21{display:flex;align-items:center;gap:.375rem;min-width:0}._taskItem__title_77jzk_21{color:var(--on-surface);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;font-weight:500;line-height:1.25rem;font-family:var(--font-inter)}._taskItem__meta_77jzk_41{display:flex;align-items:center;gap:1.25rem;color:var(--on-surface-variant);font-size:.625rem;line-height:.875rem;font-family:var(--font-inter);min-width:0}._metaUser_77jzk_52{display:flex;align-items:center;flex-shrink:0}._metaProject_77jzk_58{display:flex;align-items:center;gap:.375rem;color:var(--on-surface-variant);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;flex:0 1 auto}._metaProject_77jzk_58 ._icon-sm_77jzk_71{flex-shrink:0}._taskItem__deadline_77jzk_76{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;font-family:var(--font-grotesk);font-size:.75rem;line-height:1rem}._deadline-urgent_77jzk_85{color:var(--color-danger);font-weight:500}._deadline-normal_77jzk_90{color:var(--on-surface-variant)}._taskItem__actions_77jzk_95{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}._icon-sm_77jzk_71{width:.875rem;height:.875rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:640px){._taskItem_77jzk_4{grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"content actions" "deadline actions";gap:.25rem .75rem}._taskItem__content_77jzk_14{grid-area:content}._taskItem__deadline_77jzk_76{grid-area:deadline;text-align:left}._taskItem__actions_77jzk_95{grid-area:actions;align-self:center}}._view-group_1lp4x_4{display:flex;flex-direction:column;gap:.375rem}._view-label_1lp4x_10{font-size:.625rem;line-height:.875rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-family:var(--font-inter)}._view-badge-row_1lp4x_20{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}._view-task-title_1lp4x_27{margin:0;font-family:var(--font-clash);font-weight:600;font-size:1.25rem;line-height:1.4;color:var(--on-surface)}._view-value-strong_1lp4x_36{font-family:var(--font-grotesk);font-weight:500;font-size:.9375rem;color:var(--on-surface)}._view-description_1lp4x_43{font-size:.875rem;line-height:1.6;margin:0;color:var(--on-surface);font-family:var(--font-inter)}._text-muted_1lp4x_51{color:var(--on-surface-variant);font-style:italic}._form-row_1lp4x_57{display:grid;grid-template-columns:1fr 1fr;gap:1rem}._assignee-row_1lp4x_63{display:flex;align-items:center;gap:.75rem}._assignee-select_1lp4x_69{flex:1}._add-checklist-btn_1lp4x_73{align-self:flex-start;margin-top:.25rem}._icon-pencil_1lp4x_79{width:.875rem;height:.875rem;fill:currentColor}._icon-sm_1lp4x_85{width:.875rem;height:.875rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:640px){._form-row_1lp4x_57{grid-template-columns:1fr}}._icon_1rthp_4{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-sm_1rthp_14{width:.875rem;height:.875rem}._page_1c5lq_3{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}@media(max-width:1024px){._page_1c5lq_3{padding:1.5rem 1rem}}@media(max-width:640px){._page_1c5lq_3{padding:1rem .5rem}}._domainSwitcher_abrin_3{display:flex;align-items:center;gap:.75rem;max-width:1400px;margin:0 auto 1rem}._domainSwitcher__label_abrin_11{font-size:.75rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}._dataGrid_1teg2_3{background-color:var(--surface);border:1px solid var(--ds-border);border-radius:var(--radius);overflow:hidden;position:relative}._dataGrid__viewPanel_1teg2_11{min-height:200px}._resultCount_1teg2_15{display:flex;align-items:center;padding:.625rem 1.25rem;border-top:1px solid var(--ds-border);font-size:.75rem;color:var(--on-surface-variant)}._resultCount__number_1teg2_24{font-weight:600;color:var(--on-surface)}._toolbar_1vf8q_3{position:sticky;top:0;z-index:20;background-color:var(--surface);border-bottom:1px solid var(--ds-border)}._toolbar__row_1vf8q_11{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;gap:1rem;flex-wrap:wrap}._toolbar__row--filters_1vf8q_20{border-top:1px solid var(--ds-border);padding-top:.625rem;padding-bottom:.625rem}._toolbar__left_1vf8q_26{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}._toolbar__right_1vf8q_33{display:flex;align-items:center;gap:.75rem}._settingsBtn_1vf8q_40{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--ds-border);background-color:var(--surface);border-radius:calc(var(--radius) - 2px);font-family:var(--font-inter);font-size:.8125rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:all .15s ease;white-space:nowrap}._settingsBtn_1vf8q_40:hover{background-color:var(--surface-variant);color:var(--on-surface)}._settingsBtn_1vf8q_40:focus-visible{outline:2px solid var(--ds-primary);outline-offset:1px}._settingsBtn__icon_1vf8q_67{width:16px;height:16px}._filterMore_1vf8q_73{display:inline-flex;align-items:center;position:relative}._filterMore__btn_1vf8q_79{display:inline-flex;align-items:center;gap:.25rem;padding:.3125rem .625rem;border:none;background:none;font-family:var(--font-inter);font-size:.75rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:color .15s ease}._filterMore__btn_1vf8q_79:hover{color:var(--ds-primary)}._filterMore__btn_1vf8q_79:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px;border-radius:calc(var(--radius) - 2px)}._filterMore__badge_1vf8q_104{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--gradient-primary);color:#fff;font-size:.625rem;font-weight:600;margin-left:.25rem}@media(max-width:640px){._toolbar__row_1vf8q_11{padding:.625rem .75rem;flex-direction:column;align-items:stretch}._toolbar__left_1vf8q_26,._toolbar__right_1vf8q_33{width:100%}._toolbar__right_1vf8q_33{justify-content:space-between}}._expansionDrawer_1bj98_4{display:none}._expansionDrawer--open_1bj98_8{display:table-row}._expansionDrawer__cell_1bj98_12{padding:0!important;background-color:var(--surface-hover);border-bottom:1px solid var(--ds-border)}._expansionDrawer__content_1bj98_18{padding:1rem 1.5rem 1rem 3.5rem}._expansionDrawer__title_1bj98_22{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);font-weight:600;margin-bottom:.625rem}._crossSellTable_1bj98_32{width:100%;border-collapse:separate;border-spacing:0;text-align:left}._crossSellTable_1bj98_32 th{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);padding:.375rem .75rem;font-weight:600;border-bottom:1px solid var(--ds-border)}._crossSellTable_1bj98_32 td{padding:.5rem .75rem;font-size:.8125rem;border-bottom:1px solid var(--border-variant);vertical-align:middle}._crossSellTable_1bj98_32 tr:last-child td{border-bottom:none}._quickAddBtn_1bj98_61{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border:none;background:var(--gradient-primary);border-radius:calc(var(--radius) - 2px);font-family:var(--font-inter);font-size:.6875rem;font-weight:500;color:#fff;cursor:pointer;transition:opacity .15s ease,transform .1s ease}._quickAddBtn_1bj98_61:hover{opacity:.9}._quickAddBtn_1bj98_61:active{transform:scale(.97)}._quickAddBtn_1bj98_61:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}._quickAddBtn__icon_1bj98_90{width:12px;height:12px}._cellDouble_1y1lm_4{display:flex;flex-direction:column;gap:.125rem;min-width:0}._cellDouble__primary_1y1lm_11{font-weight:500;color:var(--on-surface);font-size:.8125rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._cellDouble__secondary_1y1lm_22{font-size:.6875rem;color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._cellLink_1y1lm_31{color:var(--ds-primary);text-decoration:none;font-weight:500;font-size:.8125rem;transition:color .1s ease}._cellLink_1y1lm_31:hover{color:var(--ds-primary);text-decoration:underline}._cellPrice_1y1lm_45{font-family:var(--font-grotesk);font-size:.8125rem;font-weight:500;color:var(--on-surface);font-variant-numeric:tabular-nums}._cellPrice__currency_1y1lm_53{color:var(--on-surface-variant);font-weight:400;margin-left:.125rem}._inventoryBadge_1y1lm_60{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-grotesk);font-size:.8125rem;font-weight:500}._inventoryBadge--high_1y1lm_69{color:var(--inventory-high-dark)}._inventoryBadge--medium_1y1lm_73{color:var(--inventory-medium-dark)}._inventoryBadge--low_1y1lm_77{color:var(--ds-error)}._inventoryBadge__indicator_1y1lm_81{width:8px;height:8px;border-radius:50%}._inventoryBadge--high_1y1lm_69 ._inventoryBadge__indicator_1y1lm_81{background-color:var(--inventory-high)}._inventoryBadge--medium_1y1lm_73 ._inventoryBadge__indicator_1y1lm_81{background-color:var(--inventory-medium)}._inventoryBadge--low_1y1lm_77 ._inventoryBadge__indicator_1y1lm_81{background-color:var(--inventory-low)}._statusBadge_1y1lm_100{display:inline-flex;align-items:center;gap:.3125rem;padding:.1875rem .5rem;border-radius:1rem;font-size:.6875rem;font-weight:500;line-height:1.4;white-space:nowrap}._statusBadge__dot_1y1lm_112{width:6px;height:6px;border-radius:50%;flex-shrink:0}._statusBadge--active_1y1lm_119{background-color:color-mix(in srgb,var(--lifecycle-active),transparent 88%);color:var(--lifecycle-active-dark)}._statusBadge--active_1y1lm_119 ._statusBadge__dot_1y1lm_112{background-color:var(--lifecycle-active)}._statusBadge--nrnd_1y1lm_128{background-color:color-mix(in srgb,var(--lifecycle-nrnd),transparent 86%);color:var(--lifecycle-nrnd-dark)}._statusBadge--nrnd_1y1lm_128 ._statusBadge__dot_1y1lm_112{background-color:var(--lifecycle-nrnd)}._statusBadge--eol_1y1lm_137{background-color:color-mix(in srgb,var(--lifecycle-eol),transparent 90%);color:var(--lifecycle-eol)}._statusBadge--eol_1y1lm_137 ._statusBadge__dot_1y1lm_112{background-color:var(--lifecycle-eol)}._statusBadge--production_1y1lm_146{background-color:color-mix(in srgb,var(--lifecycle-production),transparent 90%);color:var(--lifecycle-production)}._statusBadge--production_1y1lm_146 ._statusBadge__dot_1y1lm_112{background-color:var(--lifecycle-production)}._statusBadge--neu_1y1lm_156{background-color:color-mix(in srgb,var(--status-neu),transparent 90%);color:var(--status-neu)}._statusBadge--neu_1y1lm_156 ._statusBadge__dot_1y1lm_112{background-color:var(--status-neu)}._statusBadge--offen_1y1lm_165{background-color:color-mix(in srgb,var(--status-offen),transparent 90%);color:var(--status-offen)}._statusBadge--offen_1y1lm_165 ._statusBadge__dot_1y1lm_112{background-color:var(--status-offen)}._statusBadge--in-prufung_1y1lm_174{background-color:color-mix(in srgb,var(--status-in-prufung),transparent 90%);color:var(--status-in-prufung)}._statusBadge--in-prufung_1y1lm_174 ._statusBadge__dot_1y1lm_112{background-color:var(--status-in-prufung)}._statusBadge--validierung_1y1lm_183{background-color:color-mix(in srgb,var(--status-validierung),transparent 90%);color:var(--status-validierung)}._statusBadge--validierung_1y1lm_183 ._statusBadge__dot_1y1lm_112{background-color:var(--status-validierung)}._statusBadge--abgeschlossen_1y1lm_192{background-color:color-mix(in srgb,var(--status-abgeschlossen),transparent 90%);color:var(--status-abgeschlossen)}._statusBadge--abgeschlossen_1y1lm_192 ._statusBadge__dot_1y1lm_112{background-color:var(--status-abgeschlossen)}._listItem_atiqa_7{padding:.875rem 1.25rem}._title_atiqa_11{font-weight:500;font-size:.875rem;color:var(--on-surface);display:flex;align-items:center;gap:.5rem}._meta_atiqa_20{display:flex;align-items:center;gap:.75rem;margin-top:.25rem;font-size:.75rem;color:var(--on-surface-variant);flex-wrap:wrap}._metaDivider_atiqa_30{color:var(--ds-border)}._badges_atiqa_34{display:flex;align-items:center;gap:.5rem;flex-shrink:0}._price_atiqa_41{font-family:var(--font-grotesk);font-weight:500;font-size:.875rem;color:var(--on-surface);flex-shrink:0;min-width:80px;text-align:right}@media(max-width:640px){._listItem_atiqa_7{flex-wrap:wrap;gap:.5rem}._price_atiqa_41{text-align:left}}._cardGrid_h1jiq_3{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1.25rem}._header_h1jiq_11{display:flex;align-items:flex-start;justify-content:space-between}._title_h1jiq_17{font-weight:500;font-size:.875rem;color:var(--on-surface)}._subtitle_h1jiq_23{font-size:.6875rem;color:var(--on-surface-variant);margin-top:.125rem}._badges_h1jiq_29{display:flex;gap:.375rem;flex-wrap:wrap}._row_h1jiq_35{display:flex;justify-content:space-between;align-items:center}._label_h1jiq_41{font-size:.6875rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em}._value_h1jiq_48{font-family:var(--font-grotesk);font-size:.8125rem;font-weight:500;color:var(--on-surface)}._footer_h1jiq_55{display:flex;align-items:center;justify-content:space-between;padding-top:.625rem;border-top:1px solid var(--ds-border)}._footerLink_h1jiq_63{font-size:.75rem;color:var(--ds-primary);font-weight:500}@media(max-width:1024px){._cardGrid_h1jiq_3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:640px){._cardGrid_h1jiq_3{grid-template-columns:1fr;padding:.75rem}}._configPopover__title_1u5mf_3{font-size:.75rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;padding:.5rem .625rem .375rem}._configPopover__item_1u5mf_12{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;border:none;background:none;font-family:var(--font-inter);font-size:.8125rem;color:var(--on-surface);cursor:pointer;border-radius:calc(var(--radius) - 4px);transition:background-color .1s ease;text-align:left}._configPopover__item_1u5mf_12:hover{background-color:var(--surface-variant)}._configPopover__item_1u5mf_12[draggable=true]{touch-action:none}._configPopover__dragHandle_1u5mf_38{margin-left:0;color:var(--on-surface-light);cursor:grab;display:flex;align-items:center;padding:0 .125rem}._configPopover__dragHandle_1u5mf_38:active{cursor:grabbing}:root{--surface: #ffffff;--surface-variant: #f0f1f2;--surface-hover: #f7f7f7;--ds-border: #e0e4eb;--ds-border-variant: rgba(0, 20, 41, .1);--on-surface: #001429;--on-surface-variant: #576472;--on-surface-light: #9aa2aa;--ds-primary: #0073e6;--ds-primary-variant: rgba(0, 115, 230, .07);--ds-primary-container: rgba(0, 115, 230, .05);--ds-error: #bd0c38;--ds-error-variant: rgba(189, 12, 56, .07);--color-success: #1ec489;--color-success-dark: #148a5f;--color-success-variant: rgba(69, 220, 166, .2);--color-warning: #efaf55;--color-warning-dark: #b07a1e;--color-warning-variant: rgba(239, 175, 85, .25);--color-info: #8c46c4;--color-info-variant: rgba(169, 62, 255, .15);--color-danger: #f34e2a;--color-danger-variant: rgba(243, 78, 42, .2);--lifecycle-active: var(--color-success);--lifecycle-active-dark: var(--color-success-dark);--lifecycle-nrnd: var(--color-warning);--lifecycle-nrnd-dark: var(--color-warning-dark);--lifecycle-eol: var(--ds-error);--lifecycle-production: var(--ds-primary);--inventory-high: var(--color-success);--inventory-high-dark: var(--color-success-dark);--inventory-medium: var(--color-warning);--inventory-medium-dark: var(--color-warning-dark);--inventory-low: var(--ds-error);--destructive: #bd0c38;--score-high: #1ec489;--score-medium: #efaf55;--score-low: #f34e2a;--sidebar-background: #ffffff;--sidebar-foreground: #001429;--sidebar-primary: #0073e6;--sidebar-accent: #f0f1f2;--sidebar-border: #e0e4eb;--status-alle: #576472;--status-neu: #0073e6;--status-offen: #efaf55;--status-in-prufung: #f34e2a;--status-validierung: #1ec489;--status-abgeschlossen: #1ec489;--radius: .5rem;--font-inter: "Inter", sans-serif;--font-clash: "Clash Grotesk", sans-serif;--font-grotesk: "Space Grotesk", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 20, 41, .04);--shadow-md: 0 4px 6px -1px rgba(0, 20, 41, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 20, 41, .1);--shadow-card: 0 2px 8px rgba(0, 20, 41, .06);--gradient-primary: linear-gradient(135deg, #0073e6, #0053a3);--gradient-header: linear-gradient(135deg, #0053a3, #0073e6)}@media(prefers-color-scheme:dark){:root{--surface: #000000;--surface-variant: #18191b;--surface-hover: #0d0d0d;--ds-border: #14181f;--ds-border-variant: rgba(255, 255, 255, .1);--on-surface: #ffffff;--on-surface-variant: #9aa2aa;--on-surface-light: #576472;--ds-primary: #0073e6;--ds-primary-variant: rgba(0, 115, 230, .07);--ds-primary-container: rgba(0, 115, 230, .05);--ds-error: #bd0c38;--ds-error-variant: rgba(189, 12, 56, .07);--color-success: #1ec489;--color-success-variant: rgba(69, 220, 166, .2);--color-warning: #efaf55;--color-warning-variant: rgba(239, 175, 85, .25);--color-info: #8c46c4;--color-info-variant: rgba(169, 62, 255, .15);--color-danger: #f34e2a;--color-danger-variant: rgba(243, 78, 42, .2);--sidebar-background: #000000;--sidebar-foreground: #ffffff;--sidebar-primary: #0073e6;--sidebar-accent: #18191b;--sidebar-border: #14181f;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3)}}._moreFilters_t87fp_3{max-width:320px;padding:.75rem}._moreFilters__header_t87fp_8{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}._moreFilters__title_t87fp_15{font-size:.8125rem;font-weight:600;color:var(--on-surface)}._moreFilters__clear_t87fp_21{font-size:.6875rem;color:var(--ds-primary);background:none;border:none;cursor:pointer;font-weight:500;padding:0}._moreFilters__clear_t87fp_21:hover{text-decoration:underline}._moreFilters__group_t87fp_35{margin-bottom:.625rem}._moreFilters__select_t87fp_39{padding:.4375rem .625rem;font-size:.8125rem}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { jsx as e, jsxs as m, Fragment as Y } from "react/jsx-runtime";
-import b, { useCallback as le, useState as E, useRef as tt, useEffect as Be, useLayoutEffect as Et, useMemo as te, useReducer as Pt } from "react";
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('._tableContainer_uxpjj_4{overflow-x:auto}._table_uxpjj_4{width:100%;border-collapse:separate;border-spacing:0;text-align:left;table-layout:fixed}._table__head_uxpjj_18 th{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);padding:.625rem 1rem;border-bottom:1px solid var(--ds-border);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}._table__head_uxpjj_18 th._sortable_uxpjj_32{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}._table__head_uxpjj_18 th._sortable_uxpjj_32:hover{color:var(--on-surface)}._table__head_uxpjj_18 th:focus-visible{outline:2px solid var(--ds-primary);outline-offset:-2px}._sortIndicator_uxpjj_48{display:inline-flex;margin-left:.25rem;opacity:.4;vertical-align:middle}._table__head_uxpjj_18 th[aria-sort] ._sortIndicator_uxpjj_48{opacity:1;color:var(--ds-primary)}._colResizeHandle_uxpjj_61{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:5;background:transparent}._colResizeHandle_uxpjj_61:hover{background-color:var(--ds-primary);opacity:.4}._table--resizing_uxpjj_77{cursor:col-resize;-webkit-user-select:none;user-select:none}._table--resizing_uxpjj_77 *{cursor:col-resize!important}._table__row_uxpjj_87{transition:background-color .1s ease}._table__row_uxpjj_87:hover{background-color:var(--surface-hover)}._table__row_uxpjj_87 td{padding:.75rem 1rem;border-bottom:1px solid var(--ds-border);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}._table__row_uxpjj_87:last-child td{border-bottom:none}._table__row--animated_uxpjj_108{animation:_fadeInRow_uxpjj_1 .2s ease both}@keyframes _fadeInRow_uxpjj_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){._table__row--animated_uxpjj_108{animation:none}}@media(max-width:1024px){._col-hide-tablet_uxpjj_131{display:none}}@media(max-width:640px){._col-hide-mobile_uxpjj_137{display:none}}._widgetCard_106xz_4{background-color:var(--surface);color:var(--on-surface);border:1px solid var(--ds-border);border-radius:var(--radius);box-shadow:var(--shadow-card);display:flex;flex-direction:column;height:100%;overflow:hidden;font-family:var(--font-inter);animation:_fadeIn_106xz_1 .4s ease-out}._widgetCard--half_106xz_18{max-width:520px}._widgetCard__header_106xz_23{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid var(--ds-border);background:var(--surface);flex-shrink:0}._widgetCard--full_106xz_33 ._widgetCard__header_106xz_23{padding:1.5rem 2.5%}._widgetCard__title_106xz_37{margin:0;font-family:var(--font-clash);font-size:1.25rem;font-weight:500;line-height:1.3;color:var(--on-surface);letter-spacing:-.02em}._widgetCard--full_106xz_33 ._widgetCard__title_106xz_37{font-size:1.5rem}._widgetCard__content_106xz_52{flex:1 1 0}._widgetCard__content--scrollable_106xz_56{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ds-border) transparent}._widgetCard__content--scrollable_106xz_56::-webkit-scrollbar{width:4px}._widgetCard__content--scrollable_106xz_56::-webkit-scrollbar-track{background:transparent}._widgetCard__content--scrollable_106xz_56::-webkit-scrollbar-thumb{background-color:var(--ds-border);border-radius:2px}._widgetCard__content--padded_106xz_76{padding:1rem 5%}._widgetCard--full_106xz_33 ._widgetCard__content--padded_106xz_76{padding:1.5rem 2.5%}@keyframes _fadeIn_106xz_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){._widgetCard_106xz_4{animation:none}}._dataCard_13ip1_3{background-color:var(--surface);border:1px solid var(--ds-border);border-radius:var(--radius);padding:1rem;transition:box-shadow .15s ease,border-color .15s ease;display:flex;flex-direction:column;gap:.75rem}._dataCard_13ip1_3:hover{box-shadow:var(--shadow-md)}._dataCard--clickable_13ip1_18{cursor:pointer}._dataCard--clickable_13ip1_18:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}._baseList_1s0k1_3{display:flex;flex-direction:column}._baseList--scrollable_1s0k1_8{overflow-y:auto;flex:1 1 0;scrollbar-width:thin;scrollbar-color:var(--ds-border) transparent}._baseList--scrollable_1s0k1_8::-webkit-scrollbar{width:4px}._baseList--scrollable_1s0k1_8::-webkit-scrollbar-track{background:transparent}._baseList--scrollable_1s0k1_8::-webkit-scrollbar-thumb{background-color:var(--ds-border);border-radius:2px}._listItem_1x1io_3{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--ds-border);transition:background-color .1s ease;font-family:var(--font-inter)}._listItem_1x1io_3:last-child{border-bottom:none}._listItem_1x1io_3:hover{background-color:var(--surface-hover)}._listItem--clickable_1x1io_21{cursor:pointer}._listItem_1x1io_3:focus-visible{outline:2px solid var(--ds-primary);outline-offset:-2px}._listItem__leading_1x1io_31{flex-shrink:0;display:flex;align-items:center}._listItem__content_1x1io_37{flex:1;min-width:0}._listItem__trailing_1x1io_42{flex-shrink:0;display:flex;align-items:center;gap:.5rem}@media(max-width:640px){._listItem_1x1io_3{flex-wrap:wrap;gap:.5rem}}._status-badge_c7rzu_3{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:1rem;font-size:.75rem;font-weight:500;line-height:1;color:var(--custom-color, var(--current-color));background-color:var(--custom-bg, var(--current-bg));white-space:nowrap}._status-badge_c7rzu_3:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:var(--custom-color, var(--current-color))}._status-badge--neu_c7rzu_26{--current-color: var(--status-neu);--current-bg: color-mix(in srgb, var(--status-neu), transparent 90%)}._status-badge--offen_c7rzu_31{--current-color: var(--status-offen);--current-bg: color-mix(in srgb, var(--status-offen), transparent 90%)}._status-badge--in-prufung_c7rzu_36{--current-color: var(--status-in-prufung);--current-bg: color-mix(in srgb, var(--status-in-prufung), transparent 90%)}._status-badge--validierung_c7rzu_41{--current-color: var(--status-validierung);--current-bg: color-mix(in srgb, var(--status-validierung), transparent 90%)}._status-badge--abgeschlossen_c7rzu_46{--current-color: var(--status-abgeschlossen);--current-bg: color-mix(in srgb, var(--status-abgeschlossen), transparent 90%)}._favorite-btn_1fvb2_3{background:none;border:none;color:var(--custom-color, var(--on-surface-light));cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.375rem;border-radius:var(--radius);transition:all .2s ease}._favorite-btn_1fvb2_3:hover,._favorite-btn_1fvb2_3:focus-visible{background-color:var(--surface-variant);color:var(--custom-active-color, var(--color-warning));outline:none}._favorite-btn--active_1fvb2_23{color:var(--custom-active-color, var(--color-warning))}._favorite-btn--md_1fvb2_28{padding:.375rem}._favorite-btn--md_1fvb2_28 svg{width:18px;height:18px;fill:currentColor}._favorite-btn--sm_1fvb2_39{padding:.25rem}._favorite-btn--sm_1fvb2_39 svg{width:16px;height:16px;fill:currentColor}._status-legend__item_c03nc_3{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:calc(var(--radius) - 2px);cursor:pointer;transition:background-color .2s ease;border:1px solid transparent;background:none;width:100%}._status-legend__item_c03nc_3:hover,._status-legend__item_c03nc_3:focus-visible{background-color:var(--surface-variant);outline:none}._status-legend__item--active_c03nc_22{background-color:var(--surface-variant);border-color:var(--ds-border)}._status-legend__label-wrap_c03nc_27{display:flex;align-items:center;gap:.5rem}._status-legend__color_c03nc_33{width:12px;height:12px;border-radius:50%;flex-shrink:0;background-color:var(--custom-color, var(--current-color))}._status-legend__label_c03nc_27{font-size:.875rem;color:var(--on-surface);font-weight:500}._status-legend__count_c03nc_47{font-family:var(--font-grotesk);font-size:.875rem;color:var(--on-surface-variant);font-weight:600;background-color:var(--surface-variant);padding:.125rem .5rem;border-radius:1rem}._color-neu_c03nc_57{--current-color: var(--status-neu)}._color-offen_c03nc_61{--current-color: var(--status-offen)}._color-in-prufung_c03nc_65{--current-color: var(--status-in-prufung)}._color-validierung_c03nc_69{--current-color: var(--status-validierung)}._color-abgeschlossen_c03nc_73{--current-color: var(--status-abgeschlossen)}._color-alle_c03nc_77{--current-color: var(--status-alle)}._status-overview__chart-container_6nwc9_3{position:relative;width:200px;height:200px;margin:1rem auto 2rem;display:flex;align-items:center;justify-content:center}._status-chart-svg_6nwc9_13{width:100%;height:100%;position:absolute;top:0;left:0;filter:drop-shadow(var(--shadow-sm));pointer-events:none}._status-chart__segment_6nwc9_23{transition:all .3s cubic-bezier(.4,0,.2,1);stroke-linecap:butt;pointer-events:stroke}._status-chart__segment_6nwc9_23:hover,._status-chart__segment--hovered_6nwc9_30{stroke-width:48px;filter:brightness(1.1)}._status-chart__segment--dimmed_6nwc9_35{opacity:.6;filter:grayscale(.2)}._status-chart__hole_6nwc9_40{width:120px;height:120px;background-color:var(--surface);border-radius:50%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset var(--shadow-sm);clip-path:circle(50%)}._status-chart__total-value_6nwc9_55{font-family:var(--font-clash);font-size:2rem;font-weight:600;line-height:1;color:var(--on-surface)}._status-chart__total-label_6nwc9_63{font-size:.75rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}._nameCell_1n6hv_4{display:flex;align-items:center;gap:.5rem}._favorite_1n6hv_10{margin-left:-.5rem}._nameWrapper_1n6hv_14{display:flex;flex-direction:column;overflow:hidden;min-width:0}._name_1n6hv_4{font-weight:500;color:var(--on-surface);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._secondary_1n6hv_31{font-size:.75rem;color:var(--on-surface-variant);margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._client_1n6hv_41{color:var(--on-surface-variant);font-size:.8125rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._dateMain_1n6hv_51{color:var(--on-surface);font-weight:500;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._avatar_1elxr_3{width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--surface-variant);border:1px solid var(--ds-border);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:var(--on-surface);text-transform:uppercase}._avatar-group_1elxr_18{display:flex;align-items:center}._group-member_1elxr_23{margin-right:-.5rem;position:relative;z-index:1;border:2px solid var(--surface)}._group-member_1elxr_23:hover{z-index:10}._btn_1icnw_3{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;white-space:nowrap;border-radius:calc(var(--radius) - 2px);font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;border:1px solid transparent}._btn_1icnw_3:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}._btn_1icnw_3:active{transform:scale(.98)}._btn--primary_1icnw_27{background:var(--gradient-header);color:#fff;padding:.5rem 1rem;box-shadow:var(--shadow-sm)}._btn--primary_1icnw_27:hover{box-shadow:var(--shadow-md);opacity:.9}._btn--outline_1icnw_39{background-color:transparent;border-color:var(--ds-border);color:var(--on-surface);padding:.375rem .75rem;min-width:110px}._btn--outline_1icnw_39:hover{background-color:var(--surface-variant);color:var(--on-surface)}._btn--ghost_1icnw_52{background-color:transparent;color:var(--on-surface-variant);padding:.375rem}._btn--ghost_1icnw_52:hover{background-color:var(--surface-variant);color:var(--on-surface)}._btn--sm_1icnw_63{padding:.2rem .4rem;font-size:.75rem;min-width:auto!important}._badge_aax9r_3{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-grotesk);font-weight:800}._badge--high_aax9r_12{background-color:var(--error-variant);color:var(--ds-error);border:1px solid color-mix(in srgb,var(--ds-error),transparent 80%)}._badge--medium_aax9r_18{background-color:var(--color-warning-variant);color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning),transparent 80%)}._badge--low_aax9r_24{background-color:var(--surface-variant);color:var(--on-surface-variant);border:1px solid var(--ds-border)}._badge--size-small_aax9r_30{width:1.5rem;height:1.5rem;border-radius:.375rem;font-size:.75rem}._badge--size-large_aax9r_37{width:2.25rem;height:2.25rem;border-radius:.5rem;font-size:1.125rem}._badge--size-large_aax9r_37._badge--low_aax9r_24{font-size:.875rem}._badge_1j9lv_3{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--surface-variant);border-radius:2rem;font-size:.8125rem;font-weight:500}._status-dropdown_6t2ce_3{position:relative;display:inline-block;width:88px}._status-trigger_6t2ce_9{width:100%!important;justify-content:space-between!important}._status-menu_6t2ce_14{position:absolute;top:100%;right:0;margin-top:.25rem;background-color:var(--surface);border:1px solid var(--ds-border);border-radius:calc(var(--radius) - 2px);box-shadow:var(--shadow-lg);z-index:100;width:100%;min-width:88px;display:none;padding:.25rem;animation:_fadeIn_6t2ce_1 .15s ease-out}._status-menu_6t2ce_14._is-open_6t2ce_31{display:block}._status-menu-item_6t2ce_35{width:100%;padding:.5rem .75rem;font-size:.8125rem;text-align:left;background:none;border:none;cursor:pointer;border-radius:calc(var(--radius) - 4px);color:var(--on-surface);transition:background-color .1s}._status-menu-item_6t2ce_35:hover{background-color:var(--surface-variant)}._status-menu-item_6t2ce_35._is-active_6t2ce_52{font-weight:500}._icon_6t2ce_56{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}._icon-sm_6t2ce_65{width:.875rem;height:.875rem}@keyframes _fadeIn_6t2ce_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._checklist_19mhr_3{gap:.5rem}._checkItem_19mhr_7{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:0}._checkItem_19mhr_7 input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--ds-primary);cursor:pointer}._checkItem_19mhr_7 label{cursor:pointer}._checkItem_19mhr_7._is-done_19mhr_26 label{text-decoration:line-through;color:var(--on-surface-variant)}._checklist--readonly_19mhr_31 ._checkItem_19mhr_7 label{cursor:pointer}._checklist--readonly_19mhr_31 ._checkItem_19mhr_7 input[type=checkbox]{pointer-events:all}._formControl_19mhr_39{width:100%;padding:.125rem;border:none;background:transparent;color:var(--on-surface);font-family:inherit;font-size:.875rem;border-radius:calc(var(--radius) - 2px);transition:background-color .2s}._formControl_19mhr_39:focus{outline:none;background-color:var(--surface)}._is-done_19mhr_26 ._formControl_19mhr_39{text-decoration:line-through;color:var(--on-surface-variant)}._searchInput_1ms0w_3{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:1px solid var(--ds-border);border-radius:1rem;background-color:var(--surface-variant);transition:border-color .15s ease,box-shadow .15s ease;min-width:200px}._searchInput_1ms0w_3:focus-within{border-color:var(--ds-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-primary),transparent 85%)}._icon_1ms0w_20{width:14px;height:14px;color:var(--on-surface-variant);flex-shrink:0}._field_1ms0w_27{border:none;background:none;font-family:var(--font-inter);font-size:.8125rem;color:var(--on-surface);outline:none;width:100%}._field_1ms0w_27::placeholder{color:var(--on-surface-variant)}@media(max-width:1024px){._searchInput_1ms0w_3{min-width:160px}}@media(max-width:640px){._searchInput_1ms0w_3{flex:1;min-width:0}}._btn_1do3o_3{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border:1px solid var(--ds-border);background:none;border-radius:calc(var(--radius) - 2px);font-family:var(--font-inter);font-size:.6875rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:all .15s ease}._btn_1do3o_3:hover{border-color:color-mix(in srgb,var(--ds-primary),transparent 60%);color:var(--ds-primary);background-color:var(--primary-container)}._btn_1do3o_3:focus-visible{outline:2px solid var(--ds-primary);outline-offset:1px}._chevron_1do3o_30{width:12px;height:12px;transition:transform .2s ease;flex-shrink:0}._btn--open_1do3o_37 ._chevron_1do3o_30{transform:rotate(180deg)}._circle_gvt69_3{position:relative;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center}._svg_gvt69_12{width:100%;height:100%;transform:rotate(-90deg)}._track_gvt69_18{fill:none;stroke:var(--surface-variant);stroke-width:3}._fill_gvt69_24{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .4s ease}._label_gvt69_31{position:absolute;font-family:var(--font-grotesk);font-size:.5625rem;font-weight:600;color:var(--on-surface)}._bar_l0q8t_3{display:flex;align-items:center;gap:.5rem}._track_l0q8t_9{width:60px;height:4px;background-color:var(--surface-variant);border-radius:2px;overflow:hidden}._fill_l0q8t_17{height:100%;border-radius:2px;background:var(--gradient-primary)}._value_l0q8t_23{font-family:var(--font-grotesk);font-size:.75rem;font-weight:500;color:var(--on-surface-variant);min-width:28px}._empty_26icj_3{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}._icon_26icj_12{width:48px;height:48px;color:var(--on-surface-light);margin-bottom:1rem}._title_26icj_19{font-family:var(--font-clash);font-size:1.125rem;font-weight:500;color:var(--on-surface);margin-bottom:.25rem}._text_26icj_27{font-size:.8125rem;color:var(--on-surface-variant)}._toggle_1uawr_3{display:inline-flex;background-color:var(--surface-variant);border-radius:calc(var(--radius) - 2px);padding:3px;gap:2px}._btn_1uawr_11{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;background:none;border-radius:calc(var(--radius) - 4px);font-family:var(--font-inter);font-size:.8125rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:all .15s ease;white-space:nowrap}._btn_1uawr_11:hover{color:var(--on-surface)}._btn_1uawr_11:focus-visible{outline:2px solid var(--ds-primary);outline-offset:1px}._btn--active_1uawr_37{background-color:var(--surface);color:var(--on-surface);box-shadow:var(--shadow-sm)}._icon_1uawr_43{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}._icon_1uawr_43>svg{width:100%;height:100%}._filterChip_43db3_4{display:inline-flex;align-items:center;gap:.375rem;padding:.3125rem .75rem;border:1px solid var(--ds-border);background-color:var(--surface);border-radius:1rem;font-family:var(--font-inter);font-size:.75rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:all .15s ease;position:relative;white-space:nowrap}._filterChip_43db3_4:hover{border-color:color-mix(in srgb,var(--ds-primary),transparent 60%);color:var(--on-surface)}._filterChip_43db3_4:focus-visible{outline:2px solid var(--ds-primary);outline-offset:1px}._filterChip--active_43db3_32{background-color:var(--primary-variant);border-color:color-mix(in srgb,var(--ds-primary),transparent 70%);color:var(--ds-primary)}._filterChip__icon_43db3_38{width:14px;height:14px;flex-shrink:0}._filterChip__chevron_43db3_44{width:12px;height:12px;flex-shrink:0;transition:transform .15s ease}._filterChip--open_43db3_51 ._filterChip__chevron_43db3_44{transform:rotate(180deg)}._filterChip__label_43db3_55{max-width:120px;overflow:hidden;text-overflow:ellipsis}._filterDropdown_43db3_62{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;background-color:var(--surface);border:1px solid var(--ds-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:30;padding:.375rem;display:none}._filterDropdown--open_43db3_76{display:block}._filterDropdown__item_43db3_80{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;border:none;background:none;font-family:var(--font-inter);font-size:.8125rem;color:var(--on-surface);cursor:pointer;border-radius:calc(var(--radius) - 4px);transition:background-color .1s ease;text-align:left}._filterDropdown__item_43db3_80:hover{background-color:var(--surface-variant)}._filterDropdown__item--selected_43db3_101{color:var(--ds-primary);font-weight:500}._filterDropdown__check_43db3_106{width:14px;height:14px;flex-shrink:0;opacity:0}._filterDropdown__item--selected_43db3_101 ._filterDropdown__check_43db3_106{opacity:1}._filterDropdown__search_43db3_117{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;margin-bottom:.25rem;border-bottom:1px solid var(--ds-border)}._filterDropdown__searchIcon_43db3_126{width:12px;height:12px;color:var(--on-surface-variant);flex-shrink:0}._filterDropdown__searchInput_43db3_133{border:none;background:none;font-family:var(--font-inter);font-size:.75rem;color:var(--on-surface);outline:none;width:100%}._filterDropdown__searchInput_43db3_133::placeholder{color:var(--on-surface-variant)}._popover_jepnf_3{position:fixed;z-index:50;min-width:280px;background-color:var(--surface);border:1px solid var(--ds-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.5rem;display:none}._popover--open_jepnf_15{display:block}._checkbox_shqzk_3{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-family:var(--font-inter);font-size:.8125rem;color:var(--on-surface)}._checkbox__input_shqzk_13{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}._checkbox__box_shqzk_23{width:16px;height:16px;border:1.5px solid var(--ds-border);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}._checkbox--checked_shqzk_35 ._checkbox__box_shqzk_23{background-color:var(--ds-primary);border-color:var(--ds-primary)}._checkbox__icon_shqzk_40{width:10px;height:10px;color:#fff;opacity:0}._checkbox--checked_shqzk_35 ._checkbox__icon_shqzk_40{opacity:1}._checkbox_shqzk_3:hover ._checkbox__box_shqzk_23{border-color:var(--ds-primary)}._checkbox__input_shqzk_13:focus-visible+._checkbox__box_shqzk_23{outline:2px solid var(--ds-primary);outline-offset:1px}._checkbox__label_shqzk_60{flex:1;min-width:0}._formField_v7ze9_3{display:flex;flex-direction:column;gap:.5rem}._formField__label_v7ze9_9{font-size:.625rem;line-height:.875rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-inter)}._formField__error_v7ze9_19{font-size:.75rem;color:var(--ds-error);font-family:var(--font-inter)}._textInput_ix759_3{width:100%;padding:.625rem .75rem;border:1px solid var(--ds-border);border-radius:calc(var(--radius) - 2px);background-color:var(--surface);color:var(--on-surface);font-family:var(--font-inter);font-size:.875rem;line-height:1.25rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}._textInput_ix759_3:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-primary),transparent 88%)}._textInput_ix759_3::placeholder{color:var(--on-surface-variant)}._select_sbg8z_4{position:relative;display:inline-flex;align-items:center;gap:.375rem;width:100%;padding:.375rem .75rem;border:1px solid var(--ds-border);border-radius:1rem;background-color:var(--surface);font-family:var(--font-inter);font-size:.875rem;line-height:1.25rem;color:var(--on-surface);cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;-webkit-user-select:none;user-select:none}._select_sbg8z_4:hover{border-color:color-mix(in srgb,var(--ds-primary),transparent 60%)}._select_sbg8z_4:focus-visible,._select--open_sbg8z_30{border-color:var(--ds-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--ds-primary),transparent 85%)}._select--disabled_sbg8z_35{opacity:.5;cursor:not-allowed;pointer-events:none}._select__label_sbg8z_41{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}._select__placeholder_sbg8z_49{color:var(--on-surface-variant)}._select__chevron_sbg8z_53{width:14px;height:14px;flex-shrink:0;color:var(--on-surface-variant);transition:transform .15s ease}._select--open_sbg8z_30 ._select__chevron_sbg8z_53{transform:rotate(180deg)}._dropdown_sbg8z_66{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:100%;background-color:var(--surface);border:1px solid var(--ds-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:30;padding:.375rem}._dropdown__item_sbg8z_80{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;border:none;background:none;font-family:var(--font-inter);font-size:.8125rem;color:var(--on-surface);cursor:pointer;border-radius:calc(var(--radius) - 4px);transition:background-color .1s ease;text-align:left}._dropdown__item_sbg8z_80:hover{background-color:var(--surface-variant)}._dropdown__item--selected_sbg8z_101{color:var(--ds-primary);font-weight:500}._dropdown__check_sbg8z_106{width:14px;height:14px;flex-shrink:0;opacity:0}._dropdown__item--selected_sbg8z_101 ._dropdown__check_sbg8z_106{opacity:1}._textArea_kwln7_3{width:100%;padding:.625rem .75rem;border:1px solid var(--ds-border);border-radius:calc(var(--radius) - 2px);background-color:var(--surface);color:var(--on-surface);font-family:var(--font-inter);font-size:.875rem;line-height:1.25rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;resize:vertical;min-height:80px}._textArea_kwln7_3:focus{outline:none;border-color:var(--ds-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-primary),transparent 88%)}._textArea_kwln7_3::placeholder{color:var(--on-surface-variant)}._overlay_1wnad_4{position:fixed;inset:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s ease-out;padding:1rem}._overlay--active_1wnad_19{opacity:1;pointer-events:all}._content_1wnad_25{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-inter);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;transform:scale(.95) translateY(10px);transition:transform .2s ease-out;overflow:hidden}._overlay--active_1wnad_19 ._content_1wnad_25{transform:scale(1) translateY(0)}._header_1wnad_46{padding:1.25rem 1.5rem;border-bottom:1px solid var(--ds-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}._header__title_1wnad_55{margin:0;font-family:var(--font-clash);font-weight:500;font-size:1.25rem;line-height:1.75rem;color:var(--on-surface)}._body_1wnad_65{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:thin;scrollbar-color:var(--ds-border) transparent}._body_1wnad_65::-webkit-scrollbar{width:4px}._body_1wnad_65::-webkit-scrollbar-thumb{background-color:var(--ds-border);border-radius:2px}._footer_1wnad_85{padding:1rem 1.5rem;border-top:1px solid var(--ds-border);display:flex;justify-content:flex-end;gap:.5rem;background:var(--surface-hover);flex-shrink:0}._icon_1wnad_96{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._dashboard_avuww_4{width:100%;display:grid;grid-template-columns:minmax(280px,25%) 1fr;gap:1.5rem}@media(max-width:1024px){._dashboard_avuww_4{grid-template-columns:1fr}}._sectionTitle_avuww_18{font-family:var(--font-clash);font-size:1.5rem;font-weight:500;color:var(--on-surface);margin:0 0 1.5rem}._statusLegend_avuww_27{display:flex;flex-direction:column;gap:.75rem}._projectList_avuww_34 th:first-child,._projectList_avuww_34 td:first-child{padding-left:2.5%}._projectList_avuww_34 th:last-child,._projectList_avuww_34 td:last-child{padding-right:2.5%}._taskItem_77jzk_4{display:grid;grid-template-columns:55% 15% 30%;align-items:center;gap:0;padding:.75rem 5%;font-family:var(--font-inter)}._taskItem__content_77jzk_14{display:flex;flex-direction:column;gap:.375rem;min-width:0}._taskItem__titleGroup_77jzk_21{display:flex;align-items:center;gap:.375rem;min-width:0}._taskItem__title_77jzk_21{color:var(--on-surface);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;font-weight:500;line-height:1.25rem;font-family:var(--font-inter)}._taskItem__meta_77jzk_41{display:flex;align-items:center;gap:1.25rem;color:var(--on-surface-variant);font-size:.625rem;line-height:.875rem;font-family:var(--font-inter);min-width:0}._metaUser_77jzk_52{display:flex;align-items:center;flex-shrink:0}._metaProject_77jzk_58{display:flex;align-items:center;gap:.375rem;color:var(--on-surface-variant);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;flex:0 1 auto}._metaProject_77jzk_58 ._icon-sm_77jzk_71{flex-shrink:0}._taskItem__deadline_77jzk_76{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;font-family:var(--font-grotesk);font-size:.75rem;line-height:1rem}._deadline-urgent_77jzk_85{color:var(--color-danger);font-weight:500}._deadline-normal_77jzk_90{color:var(--on-surface-variant)}._taskItem__actions_77jzk_95{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}._icon-sm_77jzk_71{width:.875rem;height:.875rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:640px){._taskItem_77jzk_4{grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"content actions" "deadline actions";gap:.25rem .75rem}._taskItem__content_77jzk_14{grid-area:content}._taskItem__deadline_77jzk_76{grid-area:deadline;text-align:left}._taskItem__actions_77jzk_95{grid-area:actions;align-self:center}}._view-group_1lp4x_4{display:flex;flex-direction:column;gap:.375rem}._view-label_1lp4x_10{font-size:.625rem;line-height:.875rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-family:var(--font-inter)}._view-badge-row_1lp4x_20{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}._view-task-title_1lp4x_27{margin:0;font-family:var(--font-clash);font-weight:600;font-size:1.25rem;line-height:1.4;color:var(--on-surface)}._view-value-strong_1lp4x_36{font-family:var(--font-grotesk);font-weight:500;font-size:.9375rem;color:var(--on-surface)}._view-description_1lp4x_43{font-size:.875rem;line-height:1.6;margin:0;color:var(--on-surface);font-family:var(--font-inter)}._text-muted_1lp4x_51{color:var(--on-surface-variant);font-style:italic}._form-row_1lp4x_57{display:grid;grid-template-columns:1fr 1fr;gap:1rem}._assignee-row_1lp4x_63{display:flex;align-items:center;gap:.75rem}._assignee-select_1lp4x_69{flex:1}._add-checklist-btn_1lp4x_73{align-self:flex-start;margin-top:.25rem}._icon-pencil_1lp4x_79{width:.875rem;height:.875rem;fill:currentColor}._icon-sm_1lp4x_85{width:.875rem;height:.875rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:640px){._form-row_1lp4x_57{grid-template-columns:1fr}}._icon_1rthp_4{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-sm_1rthp_14{width:.875rem;height:.875rem}._page_1c5lq_3{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}@media(max-width:1024px){._page_1c5lq_3{padding:1.5rem 1rem}}@media(max-width:640px){._page_1c5lq_3{padding:1rem .5rem}}._domainSwitcher_abrin_3{display:flex;align-items:center;gap:.75rem;max-width:1400px;margin:0 auto 1rem}._domainSwitcher__label_abrin_11{font-size:.75rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}._dataGrid_1teg2_3{background-color:var(--surface);border:1px solid var(--ds-border);border-radius:var(--radius);overflow:hidden;position:relative}._dataGrid__viewPanel_1teg2_11{min-height:200px}._resultCount_1teg2_15{display:flex;align-items:center;padding:.625rem 1.25rem;border-top:1px solid var(--ds-border);font-size:.75rem;color:var(--on-surface-variant)}._resultCount__number_1teg2_24{font-weight:600;color:var(--on-surface)}._toolbar_1vf8q_3{position:sticky;top:0;z-index:20;background-color:var(--surface);border-bottom:1px solid var(--ds-border)}._toolbar__row_1vf8q_11{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;gap:1rem;flex-wrap:wrap}._toolbar__row--filters_1vf8q_20{border-top:1px solid var(--ds-border);padding-top:.625rem;padding-bottom:.625rem}._toolbar__left_1vf8q_26{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}._toolbar__right_1vf8q_33{display:flex;align-items:center;gap:.75rem}._settingsBtn_1vf8q_40{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--ds-border);background-color:var(--surface);border-radius:calc(var(--radius) - 2px);font-family:var(--font-inter);font-size:.8125rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:all .15s ease;white-space:nowrap}._settingsBtn_1vf8q_40:hover{background-color:var(--surface-variant);color:var(--on-surface)}._settingsBtn_1vf8q_40:focus-visible{outline:2px solid var(--ds-primary);outline-offset:1px}._settingsBtn__icon_1vf8q_67{width:16px;height:16px}._filterMore_1vf8q_73{display:inline-flex;align-items:center;position:relative}._filterMore__btn_1vf8q_79{display:inline-flex;align-items:center;gap:.25rem;padding:.3125rem .625rem;border:none;background:none;font-family:var(--font-inter);font-size:.75rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:color .15s ease}._filterMore__btn_1vf8q_79:hover{color:var(--ds-primary)}._filterMore__btn_1vf8q_79:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px;border-radius:calc(var(--radius) - 2px)}._filterMore__badge_1vf8q_104{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--gradient-primary);color:#fff;font-size:.625rem;font-weight:600;margin-left:.25rem}@media(max-width:640px){._toolbar__row_1vf8q_11{padding:.625rem .75rem;flex-direction:column;align-items:stretch}._toolbar__left_1vf8q_26,._toolbar__right_1vf8q_33{width:100%}._toolbar__right_1vf8q_33{justify-content:space-between}}._expansionDrawer_1bj98_4{display:none}._expansionDrawer--open_1bj98_8{display:table-row}._expansionDrawer__cell_1bj98_12{padding:0!important;background-color:var(--surface-hover);border-bottom:1px solid var(--ds-border)}._expansionDrawer__content_1bj98_18{padding:1rem 1.5rem 1rem 3.5rem}._expansionDrawer__title_1bj98_22{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);font-weight:600;margin-bottom:.625rem}._crossSellTable_1bj98_32{width:100%;border-collapse:separate;border-spacing:0;text-align:left}._crossSellTable_1bj98_32 th{font-size:.625rem;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);padding:.375rem .75rem;font-weight:600;border-bottom:1px solid var(--ds-border)}._crossSellTable_1bj98_32 td{padding:.5rem .75rem;font-size:.8125rem;border-bottom:1px solid var(--border-variant);vertical-align:middle}._crossSellTable_1bj98_32 tr:last-child td{border-bottom:none}._quickAddBtn_1bj98_61{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border:none;background:var(--gradient-primary);border-radius:calc(var(--radius) - 2px);font-family:var(--font-inter);font-size:.6875rem;font-weight:500;color:#fff;cursor:pointer;transition:opacity .15s ease,transform .1s ease}._quickAddBtn_1bj98_61:hover{opacity:.9}._quickAddBtn_1bj98_61:active{transform:scale(.97)}._quickAddBtn_1bj98_61:focus-visible{outline:2px solid var(--ds-primary);outline-offset:2px}._quickAddBtn__icon_1bj98_90{width:12px;height:12px}._cellDouble_1y1lm_4{display:flex;flex-direction:column;gap:.125rem;min-width:0}._cellDouble__primary_1y1lm_11{font-weight:500;color:var(--on-surface);font-size:.8125rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._cellDouble__secondary_1y1lm_22{font-size:.6875rem;color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._cellLink_1y1lm_31{color:var(--ds-primary);text-decoration:none;font-weight:500;font-size:.8125rem;transition:color .1s ease}._cellLink_1y1lm_31:hover{color:var(--ds-primary);text-decoration:underline}._cellPrice_1y1lm_45{font-family:var(--font-grotesk);font-size:.8125rem;font-weight:500;color:var(--on-surface);font-variant-numeric:tabular-nums}._cellPrice__currency_1y1lm_53{color:var(--on-surface-variant);font-weight:400;margin-left:.125rem}._inventoryBadge_1y1lm_60{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-grotesk);font-size:.8125rem;font-weight:500}._inventoryBadge--high_1y1lm_69{color:var(--inventory-high-dark)}._inventoryBadge--medium_1y1lm_73{color:var(--inventory-medium-dark)}._inventoryBadge--low_1y1lm_77{color:var(--ds-error)}._inventoryBadge__indicator_1y1lm_81{width:8px;height:8px;border-radius:50%}._inventoryBadge--high_1y1lm_69 ._inventoryBadge__indicator_1y1lm_81{background-color:var(--inventory-high)}._inventoryBadge--medium_1y1lm_73 ._inventoryBadge__indicator_1y1lm_81{background-color:var(--inventory-medium)}._inventoryBadge--low_1y1lm_77 ._inventoryBadge__indicator_1y1lm_81{background-color:var(--inventory-low)}._statusBadge_1y1lm_100{display:inline-flex;align-items:center;gap:.3125rem;padding:.1875rem .5rem;border-radius:1rem;font-size:.6875rem;font-weight:500;line-height:1.4;white-space:nowrap}._statusBadge__dot_1y1lm_112{width:6px;height:6px;border-radius:50%;flex-shrink:0}._statusBadge--active_1y1lm_119{background-color:color-mix(in srgb,var(--lifecycle-active),transparent 88%);color:var(--lifecycle-active-dark)}._statusBadge--active_1y1lm_119 ._statusBadge__dot_1y1lm_112{background-color:var(--lifecycle-active)}._statusBadge--nrnd_1y1lm_128{background-color:color-mix(in srgb,var(--lifecycle-nrnd),transparent 86%);color:var(--lifecycle-nrnd-dark)}._statusBadge--nrnd_1y1lm_128 ._statusBadge__dot_1y1lm_112{background-color:var(--lifecycle-nrnd)}._statusBadge--eol_1y1lm_137{background-color:color-mix(in srgb,var(--lifecycle-eol),transparent 90%);color:var(--lifecycle-eol)}._statusBadge--eol_1y1lm_137 ._statusBadge__dot_1y1lm_112{background-color:var(--lifecycle-eol)}._statusBadge--production_1y1lm_146{background-color:color-mix(in srgb,var(--lifecycle-production),transparent 90%);color:var(--lifecycle-production)}._statusBadge--production_1y1lm_146 ._statusBadge__dot_1y1lm_112{background-color:var(--lifecycle-production)}._statusBadge--neu_1y1lm_156{background-color:color-mix(in srgb,var(--status-neu),transparent 90%);color:var(--status-neu)}._statusBadge--neu_1y1lm_156 ._statusBadge__dot_1y1lm_112{background-color:var(--status-neu)}._statusBadge--offen_1y1lm_165{background-color:color-mix(in srgb,var(--status-offen),transparent 90%);color:var(--status-offen)}._statusBadge--offen_1y1lm_165 ._statusBadge__dot_1y1lm_112{background-color:var(--status-offen)}._statusBadge--in-prufung_1y1lm_174{background-color:color-mix(in srgb,var(--status-in-prufung),transparent 90%);color:var(--status-in-prufung)}._statusBadge--in-prufung_1y1lm_174 ._statusBadge__dot_1y1lm_112{background-color:var(--status-in-prufung)}._statusBadge--validierung_1y1lm_183{background-color:color-mix(in srgb,var(--status-validierung),transparent 90%);color:var(--status-validierung)}._statusBadge--validierung_1y1lm_183 ._statusBadge__dot_1y1lm_112{background-color:var(--status-validierung)}._statusBadge--abgeschlossen_1y1lm_192{background-color:color-mix(in srgb,var(--status-abgeschlossen),transparent 90%);color:var(--status-abgeschlossen)}._statusBadge--abgeschlossen_1y1lm_192 ._statusBadge__dot_1y1lm_112{background-color:var(--status-abgeschlossen)}._listItem_atiqa_7{padding:.875rem 1.25rem}._title_atiqa_11{font-weight:500;font-size:.875rem;color:var(--on-surface);display:flex;align-items:center;gap:.5rem}._meta_atiqa_20{display:flex;align-items:center;gap:.75rem;margin-top:.25rem;font-size:.75rem;color:var(--on-surface-variant);flex-wrap:wrap}._metaDivider_atiqa_30{color:var(--ds-border)}._badges_atiqa_34{display:flex;align-items:center;gap:.5rem;flex-shrink:0}._price_atiqa_41{font-family:var(--font-grotesk);font-weight:500;font-size:.875rem;color:var(--on-surface);flex-shrink:0;min-width:80px;text-align:right}@media(max-width:640px){._listItem_atiqa_7{flex-wrap:wrap;gap:.5rem}._price_atiqa_41{text-align:left}}._cardGrid_h1jiq_3{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;padding:1.25rem}._header_h1jiq_11{display:flex;align-items:flex-start;justify-content:space-between}._title_h1jiq_17{font-weight:500;font-size:.875rem;color:var(--on-surface)}._subtitle_h1jiq_23{font-size:.6875rem;color:var(--on-surface-variant);margin-top:.125rem}._badges_h1jiq_29{display:flex;gap:.375rem;flex-wrap:wrap}._row_h1jiq_35{display:flex;justify-content:space-between;align-items:center}._label_h1jiq_41{font-size:.6875rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.04em}._value_h1jiq_48{font-family:var(--font-grotesk);font-size:.8125rem;font-weight:500;color:var(--on-surface)}._footer_h1jiq_55{display:flex;align-items:center;justify-content:space-between;padding-top:.625rem;border-top:1px solid var(--ds-border)}._footerLink_h1jiq_63{font-size:.75rem;color:var(--ds-primary);font-weight:500}@media(max-width:1024px){._cardGrid_h1jiq_3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:640px){._cardGrid_h1jiq_3{grid-template-columns:1fr;padding:.75rem}}._configPopover__title_10fyq_3{font-size:.75rem;font-weight:600;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;padding:.5rem .625rem .375rem}._configPopover__itemWrapper_10fyq_12{position:relative}._configPopover__item_10fyq_12{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4375rem .625rem;border:none;background:none;font-family:var(--font-inter);font-size:.8125rem;color:var(--on-surface);cursor:pointer;border-radius:calc(var(--radius) - 4px);transition:background-color .1s ease,opacity .1s ease;text-align:left}._configPopover__item_10fyq_12:hover{background-color:var(--surface-variant)}._configPopover__item_10fyq_12[draggable=true]{touch-action:none}._configPopover__item--dragging_10fyq_41{opacity:.4}._configPopover__dragHandle_10fyq_45{margin-left:auto;color:var(--on-surface-light);cursor:grab;display:flex;align-items:center;flex-shrink:0;padding:0 .125rem}._configPopover__dragHandle_10fyq_45:active{cursor:grabbing}._configPopover__dropIndicator_10fyq_59{position:absolute;left:.5rem;right:.5rem;height:2px;background-color:var(--ds-primary, var(--primary, #0073e6));border-radius:1px;z-index:10;pointer-events:none}._configPopover__dropIndicator--before_10fyq_70{top:0}._configPopover__dropIndicator--after_10fyq_74{bottom:0}:root{--surface: #ffffff;--surface-variant: #f0f1f2;--surface-hover: #f7f7f7;--ds-border: #e0e4eb;--ds-border-variant: rgba(0, 20, 41, .1);--on-surface: #001429;--on-surface-variant: #576472;--on-surface-light: #9aa2aa;--ds-primary: #0073e6;--ds-primary-variant: rgba(0, 115, 230, .07);--ds-primary-container: rgba(0, 115, 230, .05);--ds-error: #bd0c38;--ds-error-variant: rgba(189, 12, 56, .07);--color-success: #1ec489;--color-success-dark: #148a5f;--color-success-variant: rgba(69, 220, 166, .2);--color-warning: #efaf55;--color-warning-dark: #b07a1e;--color-warning-variant: rgba(239, 175, 85, .25);--color-info: #8c46c4;--color-info-variant: rgba(169, 62, 255, .15);--color-danger: #f34e2a;--color-danger-variant: rgba(243, 78, 42, .2);--lifecycle-active: var(--color-success);--lifecycle-active-dark: var(--color-success-dark);--lifecycle-nrnd: var(--color-warning);--lifecycle-nrnd-dark: var(--color-warning-dark);--lifecycle-eol: var(--ds-error);--lifecycle-production: var(--ds-primary);--inventory-high: var(--color-success);--inventory-high-dark: var(--color-success-dark);--inventory-medium: var(--color-warning);--inventory-medium-dark: var(--color-warning-dark);--inventory-low: var(--ds-error);--destructive: #bd0c38;--score-high: #1ec489;--score-medium: #efaf55;--score-low: #f34e2a;--sidebar-background: #ffffff;--sidebar-foreground: #001429;--sidebar-primary: #0073e6;--sidebar-accent: #f0f1f2;--sidebar-border: #e0e4eb;--status-alle: #576472;--status-neu: #0073e6;--status-offen: #efaf55;--status-in-prufung: #f34e2a;--status-validierung: #1ec489;--status-abgeschlossen: #1ec489;--radius: .5rem;--font-inter: "Inter", sans-serif;--font-clash: "Clash Grotesk", sans-serif;--font-grotesk: "Space Grotesk", sans-serif;--shadow-sm: 0 1px 2px 0 rgba(0, 20, 41, .04);--shadow-md: 0 4px 6px -1px rgba(0, 20, 41, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 20, 41, .1);--shadow-card: 0 2px 8px rgba(0, 20, 41, .06);--gradient-primary: linear-gradient(135deg, #0073e6, #0053a3);--gradient-header: linear-gradient(135deg, #0053a3, #0073e6)}@media(prefers-color-scheme:dark){:root{--surface: #000000;--surface-variant: #18191b;--surface-hover: #0d0d0d;--ds-border: #14181f;--ds-border-variant: rgba(255, 255, 255, .1);--on-surface: #ffffff;--on-surface-variant: #9aa2aa;--on-surface-light: #576472;--ds-primary: #0073e6;--ds-primary-variant: rgba(0, 115, 230, .07);--ds-primary-container: rgba(0, 115, 230, .05);--ds-error: #bd0c38;--ds-error-variant: rgba(189, 12, 56, .07);--color-success: #1ec489;--color-success-variant: rgba(69, 220, 166, .2);--color-warning: #efaf55;--color-warning-variant: rgba(239, 175, 85, .25);--color-info: #8c46c4;--color-info-variant: rgba(169, 62, 255, .15);--color-danger: #f34e2a;--color-danger-variant: rgba(243, 78, 42, .2);--sidebar-background: #000000;--sidebar-foreground: #ffffff;--sidebar-primary: #0073e6;--sidebar-accent: #18191b;--sidebar-border: #14181f;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .3)}}._moreFilters_t87fp_3{max-width:320px;padding:.75rem}._moreFilters__header_t87fp_8{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}._moreFilters__title_t87fp_15{font-size:.8125rem;font-weight:600;color:var(--on-surface)}._moreFilters__clear_t87fp_21{font-size:.6875rem;color:var(--ds-primary);background:none;border:none;cursor:pointer;font-weight:500;padding:0}._moreFilters__clear_t87fp_21:hover{text-decoration:underline}._moreFilters__group_t87fp_35{margin-bottom:.625rem}._moreFilters__select_t87fp_39{padding:.4375rem .625rem;font-size:.8125rem}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { jsx as e, jsxs as m, Fragment as J } from "react/jsx-runtime";
+import g, { useCallback as G, useState as F, useRef as tt, useEffect as Be, useLayoutEffect as Ft, useMemo as ae, useReducer as Et } from "react";
 function at(t) {
   var n, a, r = "";
   if (typeof t == "string" || typeof t == "number") r += t;
@@ -10,17 +10,17 @@ function at(t) {
   } else for (a in t) t[a] && (r && (r += " "), r += a);
   return r;
 }
-function v() {
+function b() {
   for (var t, n, a = 0, r = "", l = arguments.length; a < l; a++) (t = arguments[a]) && (n = at(t)) && (r && (r += " "), r += n);
   return r;
 }
-const Tt = "_tableContainer_uxpjj_4", Ot = "_table_uxpjj_4", zt = "_table__head_uxpjj_18", Mt = "_sortable_uxpjj_32", Wt = "_sortIndicator_uxpjj_48", qt = "_colResizeHandle_uxpjj_61", Vt = "_table__row_uxpjj_87", B = {
+const Tt = "_tableContainer_uxpjj_4", Ot = "_table_uxpjj_4", zt = "_table__head_uxpjj_18", Mt = "_sortable_uxpjj_32", qt = "_sortIndicator_uxpjj_48", Wt = "_colResizeHandle_uxpjj_61", Vt = "_table__row_uxpjj_87", $ = {
   tableContainer: Tt,
   table: Ot,
   table__head: zt,
   sortable: Mt,
-  sortIndicator: Wt,
-  colResizeHandle: qt,
+  sortIndicator: qt,
+  colResizeHandle: Wt,
   "table--resizing": "_table--resizing_uxpjj_77",
   table__row: Vt,
   "table__row--animated": "_table__row--animated_uxpjj_108",
@@ -37,61 +37,61 @@ function Gt({
   onSort: s,
   resizable: h = !1,
   columnWidths: i = {},
-  onColumnResize: c,
+  onColumnResize: o,
   renderExpandedRow: d,
   rowAnimation: f = !1,
-  rowClassName: y,
-  rowDataAttributes: k,
+  rowClassName: k,
+  rowDataAttributes: y,
   ariaLabel: p,
-  className: g,
-  ...o
+  className: w,
+  ...c
 }, N) {
-  const w = le(
-    (_, x, S) => {
-      const R = x.offsetWidth, C = x.closest("table"), L = (I) => {
-        const O = I.clientX - S, q = Math.max(60, R + O);
-        x.style.width = `${q}px`, x.style.minWidth = `${q}px`, c?.(_, q);
-      }, A = () => {
-        C?.classList.remove(B["table--resizing"]), document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", A);
+  const v = G(
+    (_, C, x) => {
+      const L = C.offsetWidth, S = C.closest("table"), D = (I) => {
+        const j = I.clientX - x, M = Math.max(60, L + j);
+        C.style.width = `${M}px`, C.style.minWidth = `${M}px`, o?.(_, M);
+      }, R = () => {
+        S?.classList.remove($["table--resizing"]), document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", R);
       };
-      C?.classList.add(B["table--resizing"]), document.addEventListener("mousemove", L), document.addEventListener("mouseup", A);
+      S?.classList.add($["table--resizing"]), document.addEventListener("mousemove", D), document.addEventListener("mouseup", R);
     },
-    [c]
+    [o]
   );
-  return /* @__PURE__ */ e("div", { ref: N, className: v(B.tableContainer, g), tabIndex: 0, ...o, children: /* @__PURE__ */ m("table", { className: B.table, "aria-label": p, children: [
-    /* @__PURE__ */ e("thead", { className: B.table__head, children: /* @__PURE__ */ e("tr", { children: t.map((_) => {
-      const x = v({
-        [B["col-hide-tablet"]]: _.hideTablet,
-        [B["col-hide-mobile"]]: _.hideMobile
-      }), S = i[_.key] ? { width: `${i[_.key]}px`, minWidth: `${i[_.key]}px` } : _.width != null ? { width: typeof _.width == "number" ? `${_.width}px` : _.width, minWidth: typeof _.width == "number" ? `${_.width}px` : _.width } : void 0, R = l === _.key, C = R ? u === "asc" ? "ascending" : "descending" : void 0;
+  return /* @__PURE__ */ e("div", { ref: N, className: b($.tableContainer, w), tabIndex: 0, ...c, children: /* @__PURE__ */ m("table", { className: $.table, "aria-label": p, children: [
+    /* @__PURE__ */ e("thead", { className: $.table__head, children: /* @__PURE__ */ e("tr", { children: t.map((_) => {
+      const C = b({
+        [$["col-hide-tablet"]]: _.hideTablet,
+        [$["col-hide-mobile"]]: _.hideMobile
+      }), x = i[_.key] ? { width: `${i[_.key]}px`, minWidth: `${i[_.key]}px` } : _.width != null ? { width: typeof _.width == "number" ? `${_.width}px` : _.width, minWidth: typeof _.width == "number" ? `${_.width}px` : _.width } : void 0, L = l === _.key, S = L ? u === "asc" ? "ascending" : "descending" : void 0;
       return /* @__PURE__ */ m(
         "th",
         {
           scope: "col",
-          className: v(x || void 0, { [B.sortable]: _.sortable }),
-          style: S,
-          "aria-sort": C,
+          className: b(C || void 0, { [$.sortable]: _.sortable }),
+          style: x,
+          "aria-sort": S,
           tabIndex: _.sortable ? 0 : void 0,
-          onClick: (L) => {
-            h && L.target.closest(`.${B.colResizeHandle}`) || _.sortable && s && s(_.key);
+          onClick: (D) => {
+            h && D.target.closest(`.${$.colResizeHandle}`) || _.sortable && s && s(_.key);
           },
-          onKeyDown: (L) => {
-            (L.key === "Enter" || L.key === " ") && _.sortable && s && (L.preventDefault(), s(_.key));
+          onKeyDown: (D) => {
+            (D.key === "Enter" || D.key === " ") && _.sortable && s && (D.preventDefault(), s(_.key));
           },
           children: [
-            _.headerContent != null ? _.headerContent : /* @__PURE__ */ m(Y, { children: [
+            _.headerContent != null ? _.headerContent : /* @__PURE__ */ m(J, { children: [
               _.label,
-              _.sortable && /* @__PURE__ */ e("span", { className: B.sortIndicator, "aria-hidden": "true", children: R ? u === "asc" ? "↑" : "↓" : "↕" })
+              _.sortable && /* @__PURE__ */ e("span", { className: $.sortIndicator, "aria-hidden": "true", children: L ? u === "asc" ? "↑" : "↓" : "↕" })
             ] }),
             h && /* @__PURE__ */ e(
               "span",
               {
-                className: B.colResizeHandle,
+                className: $.colResizeHandle,
                 "data-resize-col": _.key,
-                onMouseDown: (L) => {
-                  L.preventDefault(), L.stopPropagation();
-                  const A = L.target.closest("th");
-                  w(_.key, A, L.clientX);
+                onMouseDown: (D) => {
+                  D.preventDefault(), D.stopPropagation();
+                  const R = D.target.closest("th");
+                  v(_.key, R, D.clientX);
                 }
               }
             )
@@ -100,46 +100,46 @@ function Gt({
         _.key
       );
     }) }) }),
-    /* @__PURE__ */ e("tbody", { children: n.map((_, x) => {
-      const S = a(_, x), R = y?.(_, x), C = k?.(_) ?? {}, L = d?.(_, x) ?? null;
-      return /* @__PURE__ */ m(b.Fragment, { children: [
+    /* @__PURE__ */ e("tbody", { children: n.map((_, C) => {
+      const x = a(_, C), L = k?.(_, C), S = y?.(_) ?? {}, D = d?.(_, C) ?? null;
+      return /* @__PURE__ */ m(g.Fragment, { children: [
         /* @__PURE__ */ e(
           "tr",
           {
-            className: v(
-              B.table__row,
-              { [B["table__row--animated"]]: f },
-              R
+            className: b(
+              $.table__row,
+              { [$["table__row--animated"]]: f },
+              L
             ),
-            style: f ? { animationDelay: `${x * 20}ms` } : void 0,
-            ...C,
-            children: t.map((A) => {
-              const I = v({
-                [B["col-hide-tablet"]]: A.hideTablet,
-                [B["col-hide-mobile"]]: A.hideMobile
+            style: f ? { animationDelay: `${C * 20}ms` } : void 0,
+            ...S,
+            children: t.map((R) => {
+              const I = b({
+                [$["col-hide-tablet"]]: R.hideTablet,
+                [$["col-hide-mobile"]]: R.hideMobile
               });
-              return /* @__PURE__ */ e("td", { className: I || void 0, children: r(_, A, x) }, A.key);
+              return /* @__PURE__ */ e("td", { className: I || void 0, children: r(_, R, C) }, R.key);
             })
           }
         ),
-        L
-      ] }, S);
+        D
+      ] }, x);
     }) })
   ] }) });
 }
-const Fe = b.forwardRef(Gt);
-Fe.displayName = "BaseTable";
-const Ht = "_widgetCard_106xz_4", Ut = "_fadeIn_106xz_1", Kt = "_widgetCard__header_106xz_23", Qt = "_widgetCard__title_106xz_37", Yt = "_widgetCard__content_106xz_52", X = {
+const $e = g.forwardRef(Gt);
+$e.displayName = "BaseTable";
+const Ht = "_widgetCard_106xz_4", Ut = "_fadeIn_106xz_1", Qt = "_widgetCard__header_106xz_23", Kt = "_widgetCard__title_106xz_37", Yt = "_widgetCard__content_106xz_52", Z = {
   widgetCard: Ht,
   fadeIn: Ut,
   "widgetCard--half": "_widgetCard--half_106xz_18",
-  widgetCard__header: Kt,
+  widgetCard__header: Qt,
   "widgetCard--full": "_widgetCard--full_106xz_33",
-  widgetCard__title: Qt,
+  widgetCard__title: Kt,
   widgetCard__content: Yt,
   "widgetCard__content--scrollable": "_widgetCard__content--scrollable_106xz_56",
   "widgetCard__content--padded": "_widgetCard__content--padded_106xz_76"
-}, be = b.forwardRef(
+}, ge = g.forwardRef(
   ({
     title: t,
     headerAction: n,
@@ -150,30 +150,30 @@ const Ht = "_widgetCard_106xz_4", Ut = "_fadeIn_106xz_1", Kt = "_widgetCard__hea
     children: s,
     className: h,
     ...i
-  }, c) => {
+  }, o) => {
     const d = t != null || n != null;
     return /* @__PURE__ */ m(
       u,
       {
-        ref: c,
-        className: v(
-          X.widgetCard,
-          X[`widgetCard--${a}`],
+        ref: o,
+        className: b(
+          Z.widgetCard,
+          Z[`widgetCard--${a}`],
           h
         ),
         ...i,
         children: [
-          d && /* @__PURE__ */ m("header", { className: X.widgetCard__header, children: [
-            t != null && /* @__PURE__ */ e("h2", { className: X.widgetCard__title, children: t }),
+          d && /* @__PURE__ */ m("header", { className: Z.widgetCard__header, children: [
+            t != null && /* @__PURE__ */ e("h2", { className: Z.widgetCard__title, children: t }),
             n
           ] }),
           /* @__PURE__ */ e(
             "div",
             {
-              className: v(
-                X.widgetCard__content,
-                { [X["widgetCard__content--scrollable"]]: r },
-                { [X["widgetCard__content--padded"]]: l }
+              className: b(
+                Z.widgetCard__content,
+                { [Z["widgetCard__content--scrollable"]]: r },
+                { [Z["widgetCard__content--padded"]]: l }
               ),
               children: s
             }
@@ -183,18 +183,18 @@ const Ht = "_widgetCard_106xz_4", Ut = "_fadeIn_106xz_1", Kt = "_widgetCard__hea
     );
   }
 );
-be.displayName = "WidgetCard";
+ge.displayName = "WidgetCard";
 const Xt = "_dataCard_13ip1_3", Ue = {
   dataCard: Xt,
   "dataCard--clickable": "_dataCard--clickable_13ip1_18"
-}, nt = b.forwardRef(
+}, nt = g.forwardRef(
   ({ onClick: t, className: n, children: a, ...r }, l) => {
     const u = t != null;
     return /* @__PURE__ */ e(
       "div",
       {
         ref: l,
-        className: v(
+        className: b(
           Ue.dataCard,
           { [Ue["dataCard--clickable"]]: u },
           n
@@ -212,18 +212,18 @@ const Xt = "_dataCard_13ip1_3", Ue = {
   }
 );
 nt.displayName = "DataCard";
-const Jt = "_baseList_1s0k1_3", Ke = {
+const Jt = "_baseList_1s0k1_3", Qe = {
   baseList: Jt,
   "baseList--scrollable": "_baseList--scrollable_1s0k1_8"
-}, ve = b.forwardRef(
+}, ve = g.forwardRef(
   ({ scrollable: t = !1, className: n, children: a, ...r }, l) => /* @__PURE__ */ e(
     "div",
     {
       ref: l,
       role: "list",
-      className: v(
-        Ke.baseList,
-        { [Ke["baseList--scrollable"]]: t },
+      className: b(
+        Qe.baseList,
+        { [Qe["baseList--scrollable"]]: t },
         n
       ),
       ...r,
@@ -232,15 +232,15 @@ const Jt = "_baseList_1s0k1_3", Ke = {
   )
 );
 ve.displayName = "BaseList";
-const Zt = "_listItem_1x1io_3", ea = "_listItem__leading_1x1io_31", ta = "_listItem__content_1x1io_37", aa = "_listItem__trailing_1x1io_42", ie = {
+const Zt = "_listItem_1x1io_3", ea = "_listItem__leading_1x1io_31", ta = "_listItem__content_1x1io_37", aa = "_listItem__trailing_1x1io_42", oe = {
   listItem: Zt,
   "listItem--clickable": "_listItem--clickable_1x1io_21",
   listItem__leading: ea,
   listItem__content: ta,
   listItem__trailing: aa
-}, Ee = b.forwardRef(
+}, Fe = g.forwardRef(
   ({ leading: t, trailing: n, onClick: a, as: r = "div", className: l, children: u, ...s }, h) => {
-    const i = a != null, c = (d) => {
+    const i = a != null, o = (d) => {
       i && (d.key === "Enter" || d.key === " ") && (d.preventDefault(), a?.());
     };
     return /* @__PURE__ */ m(
@@ -249,25 +249,25 @@ const Zt = "_listItem_1x1io_3", ea = "_listItem__leading_1x1io_31", ta = "_listI
         ref: h,
         role: "listitem",
         tabIndex: 0,
-        className: v(
-          ie.listItem,
-          { [ie["listItem--clickable"]]: i },
+        className: b(
+          oe.listItem,
+          { [oe["listItem--clickable"]]: i },
           l
         ),
         onClick: i ? a : void 0,
-        onKeyDown: c,
+        onKeyDown: o,
         ...s,
         children: [
-          t != null && /* @__PURE__ */ e("div", { className: ie.listItem__leading, children: t }),
-          /* @__PURE__ */ e("div", { className: ie.listItem__content, children: u }),
-          n != null && /* @__PURE__ */ e("div", { className: ie.listItem__trailing, children: n })
+          t != null && /* @__PURE__ */ e("div", { className: oe.listItem__leading, children: t }),
+          /* @__PURE__ */ e("div", { className: oe.listItem__content, children: u }),
+          n != null && /* @__PURE__ */ e("div", { className: oe.listItem__trailing, children: n })
         ]
       }
     );
   }
 );
-Ee.displayName = "ListItem";
-const Qe = {
+Fe.displayName = "ListItem";
+const Ke = {
   "status-badge": "_status-badge_c7rzu_3",
   "status-badge--neu": "_status-badge--neu_c7rzu_26",
   "status-badge--offen": "_status-badge--offen_c7rzu_31",
@@ -280,7 +280,7 @@ const Qe = {
   "in-prufung": "In Prüfung",
   validierung: "Validierung",
   abgeschlossen: "Abgeschlossen"
-}, rt = b.forwardRef(
+}, rt = g.forwardRef(
   ({ status: t, color: n, backgroundColor: a, className: r, style: l, ...u }, s) => {
     const h = {
       ...l,
@@ -291,7 +291,7 @@ const Qe = {
       "span",
       {
         ref: s,
-        className: v(Qe["status-badge"], Qe[`status-badge--${t}`], r),
+        className: b(Ke["status-badge"], Ke[`status-badge--${t}`], r),
         style: h,
         ...u,
         children: na[t]
@@ -305,19 +305,19 @@ const ye = {
   "favorite-btn--active": "_favorite-btn--active_1fvb2_23",
   "favorite-btn--md": "_favorite-btn--md_1fvb2_28",
   "favorite-btn--sm": "_favorite-btn--sm_1fvb2_39"
-}, ue = b.forwardRef(
-  ({ pressed: t, projectName: n, onToggle: a, size: r = "md", color: l, activeColor: u, className: s, style: h, onClick: i, ...c }, d) => {
+}, he = g.forwardRef(
+  ({ pressed: t, projectName: n, onToggle: a, size: r = "md", color: l, activeColor: u, className: s, style: h, onClick: i, ...o }, d) => {
     const f = {
       ...h,
       "--custom-color": l,
       "--custom-active-color": u
-    }, y = t ? `Von Favoriten entfernen: ${n}` : `Zu Favoriten hinzufügen: ${n}`;
+    }, k = t ? `Von Favoriten entfernen: ${n}` : `Zu Favoriten hinzufügen: ${n}`;
     return /* @__PURE__ */ e(
       "button",
       {
         ref: d,
         type: "button",
-        className: v(
+        className: b(
           ye["favorite-btn"],
           ye[`favorite-btn--${r}`],
           { [ye["favorite-btn--active"]]: t },
@@ -325,11 +325,11 @@ const ye = {
         ),
         style: f,
         "aria-pressed": t,
-        "aria-label": y,
-        onClick: (k) => {
-          a?.(!t), i?.(k);
+        "aria-label": k,
+        onClick: (y) => {
+          a?.(!t), i?.(y);
         },
-        ...c,
+        ...o,
         children: /* @__PURE__ */ e(
           "svg",
           {
@@ -346,8 +346,8 @@ const ye = {
     );
   }
 );
-ue.displayName = "FavoriteButton";
-const J = {
+he.displayName = "FavoriteButton";
+const ee = {
   "status-legend__item": "_status-legend__item_c03nc_3",
   "status-legend__item--active": "_status-legend__item--active_c03nc_22",
   "status-legend__label-wrap": "_status-legend__label-wrap_c03nc_27",
@@ -360,9 +360,9 @@ const J = {
   "color-validierung": "_color-validierung_c03nc_69",
   "color-abgeschlossen": "_color-abgeschlossen_c03nc_73",
   "color-alle": "_color-alle_c03nc_77"
-}, st = b.forwardRef(
+}, st = g.forwardRef(
   ({ status: t, label: n, count: a, active: r = !1, color: l, className: u, style: s, ...h }, i) => {
-    const c = {
+    const o = {
       ...s,
       "--custom-color": l
     };
@@ -373,32 +373,32 @@ const J = {
         type: "button",
         role: "option",
         "aria-selected": r,
-        className: v(
-          J["status-legend__item"],
-          { [J["status-legend__item--active"]]: r },
+        className: b(
+          ee["status-legend__item"],
+          { [ee["status-legend__item--active"]]: r },
           u
         ),
-        style: c,
+        style: o,
         ...h,
         children: [
-          /* @__PURE__ */ m("div", { className: J["status-legend__label-wrap"], children: [
+          /* @__PURE__ */ m("div", { className: ee["status-legend__label-wrap"], children: [
             /* @__PURE__ */ e(
               "span",
               {
-                className: v(J["status-legend__color"], J[`color-${t}`]),
+                className: b(ee["status-legend__color"], ee[`color-${t}`]),
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ e("span", { className: J["status-legend__label"], children: n })
+            /* @__PURE__ */ e("span", { className: ee["status-legend__label"], children: n })
           ] }),
-          /* @__PURE__ */ e("span", { className: J["status-legend__count"], children: a })
+          /* @__PURE__ */ e("span", { className: ee["status-legend__count"], children: a })
         ]
       }
     );
   }
 );
 st.displayName = "StatusLegendItem";
-const G = {
+const U = {
   "status-overview__chart-container": "_status-overview__chart-container_6nwc9_3",
   "status-chart-svg": "_status-chart-svg_6nwc9_13",
   "status-chart__segment": "_status-chart__segment_6nwc9_23",
@@ -407,21 +407,21 @@ const G = {
   "status-chart__hole": "_status-chart__hole_6nwc9_40",
   "status-chart__total-value": "_status-chart__total-value_6nwc9_55",
   "status-chart__total-label": "_status-chart__total-label_6nwc9_63"
-}, lt = b.forwardRef(
+}, lt = g.forwardRef(
   ({ data: t, totalLabel: n = "Gesamt", onSegmentClick: a, className: r, ...l }, u) => {
-    const [s, h] = E(null), i = t.reduce((g, o) => g + o.value, 0), c = 240, d = c / 2, f = 100, y = 40, k = f - y / 2, p = k * 2 * Math.PI;
+    const [s, h] = F(null), i = t.reduce((w, c) => w + c.value, 0), o = 240, d = o / 2, f = 100, k = 40, y = f - k / 2, p = y * 2 * Math.PI;
     return /* @__PURE__ */ m(
       "div",
       {
         ref: u,
-        className: v(G["status-overview__chart-container"], r),
+        className: b(U["status-overview__chart-container"], r),
         ...l,
         children: [
           /* @__PURE__ */ e(
             "svg",
             {
-              viewBox: `0 0 ${c} ${c}`,
-              className: G["status-chart-svg"],
+              viewBox: `0 0 ${o} ${o}`,
+              className: U["status-chart-svg"],
               role: "img",
               "aria-label": "Kreisdiagramm der Projektstatus-Verteilung",
               overflow: "visible",
@@ -430,47 +430,47 @@ const G = {
                 {
                   cx: d,
                   cy: d,
-                  r: k,
+                  r: y,
                   fill: "none",
                   stroke: "hsl(var(--border))",
-                  strokeWidth: y
+                  strokeWidth: k
                 }
               ) : (() => {
-                let g = 0;
-                return t.map((o) => {
-                  if (o.value === 0) return null;
-                  const N = o.value / i * 100, w = N / 100 * p, _ = g / 100 * p;
-                  return g += N, /* @__PURE__ */ e(
+                let w = 0;
+                return t.map((c) => {
+                  if (c.value === 0) return null;
+                  const N = c.value / i * 100, v = N / 100 * p, _ = w / 100 * p;
+                  return w += N, /* @__PURE__ */ e(
                     "circle",
                     {
                       cx: d,
                       cy: d,
-                      r: k,
+                      r: y,
                       fill: "none",
-                      stroke: o.color,
-                      strokeWidth: y,
-                      strokeDasharray: `${w} ${p}`,
+                      stroke: c.color,
+                      strokeWidth: k,
+                      strokeDasharray: `${v} ${p}`,
                       strokeDashoffset: -_,
                       transform: `rotate(-90 ${d} ${d})`,
-                      className: v(G["status-chart__segment"], {
-                        [G["status-chart__segment--hovered"]]: s === o.status,
-                        [G["status-chart__segment--dimmed"]]: s && s !== o.status
+                      className: b(U["status-chart__segment"], {
+                        [U["status-chart__segment--hovered"]]: s === c.status,
+                        [U["status-chart__segment--dimmed"]]: s && s !== c.status
                       }),
-                      onClick: () => a?.(o.status),
-                      onMouseEnter: () => h(o.status),
+                      onClick: () => a?.(c.status),
+                      onMouseEnter: () => h(c.status),
                       onMouseLeave: () => h(null),
                       style: { cursor: a ? "pointer" : "default" },
-                      children: /* @__PURE__ */ e("title", { children: `${o.label}: ${o.value}` })
+                      children: /* @__PURE__ */ e("title", { children: `${c.label}: ${c.value}` })
                     },
-                    o.status
+                    c.status
                   );
                 });
               })()
             }
           ),
-          /* @__PURE__ */ m("div", { className: G["status-chart__hole"], children: [
-            /* @__PURE__ */ e("span", { className: G["status-chart__total-value"], children: i }),
-            /* @__PURE__ */ e("span", { className: G["status-chart__total-label"], children: n })
+          /* @__PURE__ */ m("div", { className: U["status-chart__hole"], children: [
+            /* @__PURE__ */ e("span", { className: U["status-chart__total-value"], children: i }),
+            /* @__PURE__ */ e("span", { className: U["status-chart__total-label"], children: n })
           ] })
         ]
       }
@@ -494,7 +494,7 @@ function Ye(t) {
   const h = Math.floor(l / 365);
   return h === 1 ? "vor einem Jahr" : `vor ${h} Jahren`;
 }
-const ra = "_nameCell_1n6hv_4", sa = "_favorite_1n6hv_10", la = "_nameWrapper_1n6hv_14", ia = "_name_1n6hv_4", oa = "_secondary_1n6hv_31", ca = "_client_1n6hv_41", da = "_dateMain_1n6hv_51", H = {
+const ra = "_nameCell_1n6hv_4", sa = "_favorite_1n6hv_10", la = "_nameWrapper_1n6hv_14", ia = "_name_1n6hv_4", oa = "_secondary_1n6hv_31", ca = "_client_1n6hv_41", da = "_dateMain_1n6hv_51", Q = {
   nameCell: ra,
   favorite: sa,
   nameWrapper: la,
@@ -507,9 +507,9 @@ const ra = "_nameCell_1n6hv_4", sa = "_favorite_1n6hv_10", la = "_nameWrapper_1n
   { key: "client", label: "Kunde", width: "20%" },
   { key: "status", label: "Status", width: 150 },
   { key: "activity", label: "Aktivität", width: 160 }
-], it = b.forwardRef(
+], it = g.forwardRef(
   ({ rows: t, onToggleFavorite: n, className: a, ...r }, l) => /* @__PURE__ */ e(
-    Fe,
+    $e,
     {
       ref: l,
       columns: _a,
@@ -518,32 +518,32 @@ const ra = "_nameCell_1n6hv_4", sa = "_favorite_1n6hv_10", la = "_nameWrapper_1n
       renderCell: (s, h) => {
         switch (h.key) {
           case "name":
-            return /* @__PURE__ */ m("div", { className: H.nameCell, children: [
+            return /* @__PURE__ */ m("div", { className: Q.nameCell, children: [
               /* @__PURE__ */ e(
-                ue,
+                he,
                 {
                   pressed: s.favorite,
                   projectName: s.name,
                   size: "sm",
                   onToggle: (i) => n?.(s.id, i),
-                  className: H.favorite
+                  className: Q.favorite
                 }
               ),
-              /* @__PURE__ */ m("div", { className: H.nameWrapper, title: `${s.name}
+              /* @__PURE__ */ m("div", { className: Q.nameWrapper, title: `${s.name}
 ${s.app}`, children: [
-                /* @__PURE__ */ e("div", { className: H.name, children: s.name }),
-                /* @__PURE__ */ e("div", { className: H.secondary, children: s.app })
+                /* @__PURE__ */ e("div", { className: Q.name, children: s.name }),
+                /* @__PURE__ */ e("div", { className: Q.secondary, children: s.app })
               ] })
             ] });
           case "client":
-            return /* @__PURE__ */ e("span", { className: H.client, title: s.client, children: s.client });
+            return /* @__PURE__ */ e("span", { className: Q.client, title: s.client, children: s.client });
           case "status":
             return /* @__PURE__ */ e(rt, { status: s.status });
           case "activity":
             return /* @__PURE__ */ m("div", { title: `Geändert: ${Ye(s.updatedAt)}
 Erstellt: ${s.createdAt}`, children: [
-              /* @__PURE__ */ e("div", { className: H.dateMain, children: Ye(s.updatedAt) }),
-              /* @__PURE__ */ m("div", { className: H.secondary, children: [
+              /* @__PURE__ */ e("div", { className: Q.dateMain, children: Ye(s.updatedAt) }),
+              /* @__PURE__ */ m("div", { className: Q.secondary, children: [
                 "Erstellt: ",
                 s.createdAt
               ] })
@@ -563,12 +563,12 @@ const ua = "_avatar_1elxr_3", Ie = {
   avatar: ua,
   "avatar-group": "_avatar-group_1elxr_18",
   "group-member": "_group-member_1elxr_23"
-}, _e = b.forwardRef(
+}, ue = g.forwardRef(
   ({ initials: t, name: n, className: a, ...r }, l) => /* @__PURE__ */ e(
     "div",
     {
       ref: l,
-      className: v(Ie.avatar, a),
+      className: b(Ie.avatar, a),
       title: n,
       "aria-label": n,
       ...r,
@@ -576,33 +576,33 @@ const ua = "_avatar_1elxr_3", Ie = {
     }
   )
 );
-_e.displayName = "Avatar";
-const Pe = b.forwardRef(
+ue.displayName = "Avatar";
+const Ee = g.forwardRef(
   ({ children: t, className: n, ...a }, r) => /* @__PURE__ */ e(
     "div",
     {
       ref: r,
-      className: v(Ie["avatar-group"], n),
+      className: b(Ie["avatar-group"], n),
       ...a,
-      children: b.Children.map(t, (l) => b.isValidElement(l) ? b.cloneElement(l, {
-        className: v(l.props.className, Ie["group-member"])
+      children: g.Children.map(t, (l) => g.isValidElement(l) ? g.cloneElement(l, {
+        className: b(l.props.className, Ie["group-member"])
       }) : l)
     }
   )
 );
-Pe.displayName = "AvatarGroup";
+Ee.displayName = "AvatarGroup";
 const ha = "_btn_1icnw_3", ke = {
   btn: ha,
   "btn--primary": "_btn--primary_1icnw_27",
   "btn--outline": "_btn--outline_1icnw_39",
   "btn--ghost": "_btn--ghost_1icnw_52",
   "btn--sm": "_btn--sm_1icnw_63"
-}, V = b.forwardRef(
+}, H = g.forwardRef(
   ({ variant: t, size: n = "md", className: a, children: r, ...l }, u) => /* @__PURE__ */ e(
     "button",
     {
       ref: u,
-      className: v(
+      className: b(
         ke.btn,
         {
           [ke[`btn--${t}`]]: t,
@@ -615,7 +615,7 @@ const ha = "_btn_1icnw_3", ke = {
     }
   )
 );
-V.displayName = "Button";
+H.displayName = "Button";
 const ma = "_badge_aax9r_3", Ne = {
   badge: ma,
   "badge--high": "_badge--high_aax9r_12",
@@ -631,14 +631,14 @@ const ma = "_badge_aax9r_3", Ne = {
   high: "Hohe Priorität",
   medium: "Mittlere Priorität",
   low: "Niedrige Priorität"
-}, Te = b.forwardRef(
+}, Te = g.forwardRef(
   ({ level: t, size: n = "small", className: a, "aria-label": r, ...l }, u) => {
     const s = fa[t];
     return /* @__PURE__ */ e(
       "span",
       {
         ref: u,
-        className: v(
+        className: b(
           Ne.badge,
           Ne[`badge--${t}`],
           Ne[`badge--size-${n}`],
@@ -652,21 +652,21 @@ const ma = "_badge_aax9r_3", Ne = {
   }
 );
 Te.displayName = "PriorityBadge";
-const ba = "_badge_1j9lv_3", ga = {
-  badge: ba
-}, Le = b.forwardRef(
+const ga = "_badge_1j9lv_3", ba = {
+  badge: ga
+}, Le = g.forwardRef(
   ({ className: t, children: n, ...a }, r) => /* @__PURE__ */ e(
     "span",
     {
       ref: r,
-      className: v(ga.badge, t),
+      className: b(ba.badge, t),
       ...a,
       children: n
     }
   )
 );
 Le.displayName = "Badge";
-const va = "_icon_6t2ce_56", U = {
+const va = "_icon_6t2ce_56", K = {
   "status-dropdown": "_status-dropdown_6t2ce_3",
   "status-trigger": "_status-trigger_6t2ce_9",
   "status-menu": "_status-menu_6t2ce_14",
@@ -675,59 +675,59 @@ const va = "_icon_6t2ce_56", U = {
   "is-active": "_is-active_6t2ce_52",
   icon: va,
   "icon-sm": "_icon-sm_6t2ce_65"
-}, ot = b.forwardRef(
+}, ot = g.forwardRef(
   ({ value: t, onChange: n, options: a, className: r, "aria-label": l, ...u }, s) => {
-    const [h, i] = E(!1), c = tt(null), d = (p) => {
-      typeof s == "function" ? s(p) : s && (s.current = p), c.current = p;
+    const [h, i] = F(!1), o = tt(null), d = (p) => {
+      typeof s == "function" ? s(p) : s && (s.current = p), o.current = p;
     }, f = a.find((p) => p.value === t) || a[0];
     Be(() => {
-      const p = (g) => {
-        c.current && !c.current.contains(g.target) && i(!1);
+      const p = (w) => {
+        o.current && !o.current.contains(w.target) && i(!1);
       };
       return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
     }, []);
-    const y = (p) => {
+    const k = (p) => {
       p.stopPropagation(), i(!h);
-    }, k = (p, g) => {
-      p.stopPropagation(), n && n(g.value), i(!1);
+    }, y = (p, w) => {
+      p.stopPropagation(), n && n(w.value), i(!1);
     };
     return /* @__PURE__ */ m(
       "div",
       {
         ref: d,
-        className: v(U["status-dropdown"], r),
+        className: b(K["status-dropdown"], r),
         ...u,
         children: [
           /* @__PURE__ */ m(
-            V,
+            H,
             {
               variant: "outline",
               size: "sm",
-              className: U["status-trigger"],
-              onClick: y,
+              className: K["status-trigger"],
+              onClick: k,
               "aria-haspopup": "listbox",
               "aria-expanded": h,
               "aria-label": l,
               children: [
                 f?.label,
-                /* @__PURE__ */ e("svg", { className: v(U.icon, U["icon-sm"]), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) })
+                /* @__PURE__ */ e("svg", { className: b(K.icon, K["icon-sm"]), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) })
               ]
             }
           ),
           /* @__PURE__ */ e(
             "div",
             {
-              className: v(U["status-menu"], { [U["is-open"]]: h }),
+              className: b(K["status-menu"], { [K["is-open"]]: h }),
               role: "listbox",
               children: a.map((p) => /* @__PURE__ */ e(
                 "button",
                 {
-                  className: v(U["status-menu-item"], {
-                    [U["is-active"]]: p.value === f?.value
+                  className: b(K["status-menu-item"], {
+                    [K["is-active"]]: p.value === f?.value
                   }),
                   role: "option",
                   "aria-selected": p.value === f?.value,
-                  onClick: (g) => k(g, p),
+                  onClick: (w) => y(w, p),
                   children: p.label
                 },
                 p.value
@@ -740,42 +740,42 @@ const va = "_icon_6t2ce_56", U = {
   }
 );
 ot.displayName = "StatusDropdown";
-const wa = "_checklist_19mhr_3", ya = "_checkItem_19mhr_7", ka = "_formControl_19mhr_39", oe = {
+const wa = "_checklist_19mhr_3", ya = "_checkItem_19mhr_7", ka = "_formControl_19mhr_39", ce = {
   checklist: wa,
   checkItem: ya,
   "is-done": "_is-done_19mhr_26",
   "checklist--readonly": "_checklist--readonly_19mhr_31",
   formControl: ka
-}, Re = b.forwardRef(
+}, Re = g.forwardRef(
   ({ items: t, onChange: n, editable: a = !1, className: r, ...l }, u) => {
-    const s = (i, c) => {
-      n && n(t.map((d) => d.id === i ? { ...d, checked: c } : d));
-    }, h = (i, c) => {
-      n && n(t.map((d) => d.id === i ? { ...d, text: c } : d));
+    const s = (i, o) => {
+      n && n(t.map((d) => d.id === i ? { ...d, checked: o } : d));
+    }, h = (i, o) => {
+      n && n(t.map((d) => d.id === i ? { ...d, text: o } : d));
     };
     return /* @__PURE__ */ e(
       ve,
       {
         ref: u,
-        className: v(oe.checklist, { [oe["checklist--readonly"]]: !a }, r),
+        className: b(ce.checklist, { [ce["checklist--readonly"]]: !a }, r),
         ...l,
-        children: t.map((i) => /* @__PURE__ */ m("div", { role: "listitem", className: v(oe.checkItem, { [oe["is-done"]]: i.checked }), children: [
+        children: t.map((i) => /* @__PURE__ */ m("div", { role: "listitem", className: b(ce.checkItem, { [ce["is-done"]]: i.checked }), children: [
           /* @__PURE__ */ e(
             "input",
             {
               type: "checkbox",
               id: i.id,
               checked: i.checked,
-              onChange: (c) => s(i.id, c.target.checked)
+              onChange: (o) => s(i.id, o.target.checked)
             }
           ),
           a ? /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              className: oe.formControl,
+              className: ce.formControl,
               value: i.text,
-              onChange: (c) => h(i.id, c.target.value),
+              onChange: (o) => h(i.id, o.target.value),
               placeholder: "Was ist zu tun?",
               "aria-label": "Aufgabenbeschreibung bearbeiten"
             }
@@ -790,7 +790,7 @@ const Na = "_searchInput_1ms0w_3", xa = "_icon_1ms0w_20", Ca = "_field_1ms0w_27"
   searchInput: Na,
   icon: xa,
   field: Ca
-}, Oe = b.forwardRef(
+}, Oe = g.forwardRef(
   ({
     value: t,
     placeholder: n = "Suche...",
@@ -798,7 +798,7 @@ const Na = "_searchInput_1ms0w_3", xa = "_icon_1ms0w_20", Ca = "_field_1ms0w_27"
     "aria-label": r = "Daten durchsuchen",
     id: l,
     className: u
-  }, s) => /* @__PURE__ */ m("label", { className: v(xe.searchInput, u), htmlFor: l, children: [
+  }, s) => /* @__PURE__ */ m("label", { className: b(xe.searchInput, u), htmlFor: l, children: [
     /* @__PURE__ */ m(
       "svg",
       {
@@ -836,7 +836,7 @@ const Sa = "_btn_1do3o_3", Da = "_chevron_1do3o_30", Ce = {
   btn: Sa,
   chevron: Da,
   "btn--open": "_btn--open_1do3o_37"
-}, we = b.forwardRef(
+}, we = g.forwardRef(
   ({
     expanded: t = !1,
     count: n,
@@ -850,7 +850,7 @@ const Sa = "_btn_1do3o_3", Da = "_chevron_1do3o_30", Ce = {
       "button",
       {
         ref: s,
-        className: v(Ce.btn, { [Ce["btn--open"]]: t }, u),
+        className: b(Ce.btn, { [Ce["btn--open"]]: t }, u),
         onClick: r,
         "aria-expanded": t,
         "aria-label": l,
@@ -876,36 +876,36 @@ const Sa = "_btn_1do3o_3", Da = "_chevron_1do3o_30", Ce = {
   }
 );
 we.displayName = "ExpandButton";
-const Ia = "_circle_gvt69_3", La = "_svg_gvt69_12", Ra = "_track_gvt69_18", Aa = "_fill_gvt69_24", ja = "_label_gvt69_31", ce = {
+const Ia = "_circle_gvt69_3", La = "_svg_gvt69_12", Ra = "_track_gvt69_18", Pa = "_fill_gvt69_24", Aa = "_label_gvt69_31", de = {
   circle: Ia,
   svg: La,
   track: Ra,
-  fill: Aa,
-  label: ja
-}, Ae = 14, Se = 2 * Math.PI * Ae;
-function $a(t) {
+  fill: Pa,
+  label: Aa
+}, Pe = 14, Se = 2 * Math.PI * Pe;
+function ja(t) {
   return t >= 75 ? "var(--color-success)" : t >= 50 ? "var(--color-warning)" : "var(--error)";
 }
-const ct = b.forwardRef(
+const ct = g.forwardRef(
   ({ value: t, className: n }, a) => {
     const r = Math.max(0, Math.min(100, t)), l = Se - r / 100 * Se;
-    return /* @__PURE__ */ m("div", { ref: a, className: v(ce.circle, n), role: "meter", "aria-valuenow": r, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `${r}%`, children: [
-      /* @__PURE__ */ m("svg", { className: ce.svg, viewBox: "0 0 36 36", children: [
-        /* @__PURE__ */ e("circle", { className: ce.track, cx: "18", cy: "18", r: Ae }),
+    return /* @__PURE__ */ m("div", { ref: a, className: b(de.circle, n), role: "meter", "aria-valuenow": r, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `${r}%`, children: [
+      /* @__PURE__ */ m("svg", { className: de.svg, viewBox: "0 0 36 36", children: [
+        /* @__PURE__ */ e("circle", { className: de.track, cx: "18", cy: "18", r: Pe }),
         /* @__PURE__ */ e(
           "circle",
           {
-            className: ce.fill,
+            className: de.fill,
             cx: "18",
             cy: "18",
-            r: Ae,
-            stroke: $a(r),
+            r: Pe,
+            stroke: ja(r),
             strokeDasharray: Se,
             strokeDashoffset: l
           }
         )
       ] }),
-      /* @__PURE__ */ m("span", { className: ce.label, children: [
+      /* @__PURE__ */ m("span", { className: de.label, children: [
         r,
         "%"
       ] })
@@ -913,15 +913,15 @@ const ct = b.forwardRef(
   }
 );
 ct.displayName = "ProgressCircle";
-const Ba = "_bar_l0q8t_3", Fa = "_track_l0q8t_9", Ea = "_fill_l0q8t_17", Pa = "_value_l0q8t_23", me = {
+const Ba = "_bar_l0q8t_3", $a = "_track_l0q8t_9", Fa = "_fill_l0q8t_17", Ea = "_value_l0q8t_23", me = {
   bar: Ba,
-  track: Fa,
-  fill: Ea,
-  value: Pa
-}, dt = b.forwardRef(
+  track: $a,
+  fill: Fa,
+  value: Ea
+}, dt = g.forwardRef(
   ({ value: t, className: n }, a) => {
     const r = typeof t == "number" && t <= 1 ? t * 100 : t, l = Math.round(r);
-    return /* @__PURE__ */ m("div", { ref: a, className: v(me.bar, n), role: "meter", "aria-valuenow": l, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `${l}%`, children: [
+    return /* @__PURE__ */ m("div", { ref: a, className: b(me.bar, n), role: "meter", "aria-valuenow": l, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `${l}%`, children: [
       /* @__PURE__ */ e("div", { className: me.track, children: /* @__PURE__ */ e("div", { className: me.fill, style: { width: `${r}%` } }) }),
       /* @__PURE__ */ m("span", { className: me.value, children: [
         l,
@@ -936,20 +936,20 @@ const Ta = "_empty_26icj_3", Oa = "_icon_26icj_12", za = "_title_26icj_19", Ma =
   icon: Oa,
   title: za,
   text: Ma
-}, ze = b.forwardRef(
-  ({ title: t, text: n, icon: a, className: r }, l) => /* @__PURE__ */ m("div", { ref: l, className: v(pe.empty, r), role: "status", children: [
+}, ze = g.forwardRef(
+  ({ title: t, text: n, icon: a, className: r }, l) => /* @__PURE__ */ m("div", { ref: l, className: b(pe.empty, r), role: "status", children: [
     a && /* @__PURE__ */ e("div", { className: pe.icon, "aria-hidden": "true", children: a }),
     /* @__PURE__ */ e("div", { className: pe.title, children: t }),
     n && /* @__PURE__ */ e("div", { className: pe.text, children: n })
   ] })
 );
 ze.displayName = "EmptyState";
-const Wa = "_toggle_1uawr_3", qa = "_btn_1uawr_11", Va = "_icon_1uawr_43", fe = {
-  toggle: Wa,
-  btn: qa,
+const qa = "_toggle_1uawr_3", Wa = "_btn_1uawr_11", Va = "_icon_1uawr_43", fe = {
+  toggle: qa,
+  btn: Wa,
   "btn--active": "_btn--active_1uawr_37",
   icon: Va
-}, Me = b.forwardRef(
+}, Me = g.forwardRef(
   ({
     options: t,
     value: n,
@@ -963,24 +963,24 @@ const Wa = "_toggle_1uawr_3", qa = "_btn_1uawr_11", Va = "_icon_1uawr_43", fe =
       "div",
       {
         ref: s,
-        className: v(fe.toggle, u),
+        className: b(fe.toggle, u),
         role: l,
         "aria-label": r,
-        children: t.map((c) => {
-          const d = c.value === n;
+        children: t.map((o) => {
+          const d = o.value === n;
           return /* @__PURE__ */ m(
             "button",
             {
-              className: v(fe.btn, { [fe["btn--active"]]: d }),
+              className: b(fe.btn, { [fe["btn--active"]]: d }),
               role: h,
               [i]: d,
-              onClick: () => a?.(c.value),
+              onClick: () => a?.(o.value),
               children: [
-                c.icon && /* @__PURE__ */ e("span", { className: fe.icon, "aria-hidden": "true", children: c.icon }),
-                c.label
+                o.icon && /* @__PURE__ */ e("span", { className: fe.icon, "aria-hidden": "true", children: o.icon }),
+                o.label
               ]
             },
-            c.value
+            o.value
           );
         })
       }
@@ -988,14 +988,14 @@ const Wa = "_toggle_1uawr_3", qa = "_btn_1uawr_11", Va = "_icon_1uawr_43", fe =
   }
 );
 Me.displayName = "SegmentedControl";
-const Ga = "_filterChip_43db3_4", Ha = "_filterChip__icon_43db3_38", Ua = "_filterChip__chevron_43db3_44", Ka = "_filterChip__label_43db3_55", Qa = "_filterDropdown_43db3_62", Ya = "_filterDropdown__item_43db3_80", Xa = "_filterDropdown__check_43db3_106", Ja = "_filterDropdown__search_43db3_117", Za = "_filterDropdown__searchIcon_43db3_126", en = "_filterDropdown__searchInput_43db3_133", j = {
+const Ga = "_filterChip_43db3_4", Ha = "_filterChip__icon_43db3_38", Ua = "_filterChip__chevron_43db3_44", Qa = "_filterChip__label_43db3_55", Ka = "_filterDropdown_43db3_62", Ya = "_filterDropdown__item_43db3_80", Xa = "_filterDropdown__check_43db3_106", Ja = "_filterDropdown__search_43db3_117", Za = "_filterDropdown__searchIcon_43db3_126", en = "_filterDropdown__searchInput_43db3_133", A = {
   filterChip: Ga,
   "filterChip--active": "_filterChip--active_43db3_32",
   filterChip__icon: Ha,
   filterChip__chevron: Ua,
   "filterChip--open": "_filterChip--open_43db3_51",
-  filterChip__label: Ka,
-  filterDropdown: Qa,
+  filterChip__label: Qa,
+  filterDropdown: Ka,
   "filterDropdown--open": "_filterDropdown--open_43db3_76",
   filterDropdown__item: Ya,
   "filterDropdown__item--selected": "_filterDropdown__item--selected_43db3_101",
@@ -1003,7 +1003,7 @@ const Ga = "_filterChip_43db3_4", Ha = "_filterChip__icon_43db3_38", Ua = "_filt
   filterDropdown__search: Ja,
   filterDropdown__searchIcon: Za,
   filterDropdown__searchInput: en
-}, _t = b.forwardRef(
+}, _t = g.forwardRef(
   ({
     label: t,
     options: n,
@@ -1013,57 +1013,57 @@ const Ga = "_filterChip_43db3_4", Ha = "_filterChip__icon_43db3_38", Ua = "_filt
     dataFilter: u,
     className: s
   }, h) => {
-    const [i, c] = b.useState(!1), [d, f] = b.useState(""), y = b.useRef(null), k = (o) => {
-      typeof h == "function" ? h(o) : h && (h.current = o), y.current = o;
-    }, p = d ? n.filter((o) => o.toLowerCase().includes(d.toLowerCase())) : n, g = !!a;
-    return b.useEffect(() => {
-      function o(N) {
-        y.current && !y.current.contains(N.target) && (c(!1), f(""));
+    const [i, o] = g.useState(!1), [d, f] = g.useState(""), k = g.useRef(null), y = (c) => {
+      typeof h == "function" ? h(c) : h && (h.current = c), k.current = c;
+    }, p = d ? n.filter((c) => c.toLowerCase().includes(d.toLowerCase())) : n, w = !!a;
+    return g.useEffect(() => {
+      function c(N) {
+        k.current && !k.current.contains(N.target) && (o(!1), f(""));
       }
       if (i)
-        return document.addEventListener("click", o), () => document.removeEventListener("click", o);
+        return document.addEventListener("click", c), () => document.removeEventListener("click", c);
     }, [i]), /* @__PURE__ */ m(
       "button",
       {
-        ref: k,
-        className: v(
-          j.filterChip,
-          { [j["filterChip--active"]]: g, [j["filterChip--open"]]: i },
+        ref: y,
+        className: b(
+          A.filterChip,
+          { [A["filterChip--active"]]: w, [A["filterChip--open"]]: i },
           s
         ),
         "data-filter": u,
         "aria-haspopup": "listbox",
         "aria-expanded": i,
-        onClick: (o) => {
-          const N = o.target;
-          N.closest(`.${j.filterDropdown__item}`) || N.closest(`.${j.filterDropdown__search}`) || c(!i);
+        onClick: (c) => {
+          const N = c.target;
+          N.closest(`.${A.filterDropdown__item}`) || N.closest(`.${A.filterDropdown__search}`) || o(!i);
         },
         children: [
-          /* @__PURE__ */ e("svg", { className: j.filterChip__icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M22 3H2l8 9.46V19l4 2v-8.54L22 3z" }) }),
-          /* @__PURE__ */ e("span", { className: j.filterChip__label, children: a || t }),
-          /* @__PURE__ */ e("svg", { className: j.filterChip__chevron, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("polyline", { points: "6 9 12 15 18 9" }) }),
+          /* @__PURE__ */ e("svg", { className: A.filterChip__icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M22 3H2l8 9.46V19l4 2v-8.54L22 3z" }) }),
+          /* @__PURE__ */ e("span", { className: A.filterChip__label, children: a || t }),
+          /* @__PURE__ */ e("svg", { className: A.filterChip__chevron, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("polyline", { points: "6 9 12 15 18 9" }) }),
           i && /* @__PURE__ */ m(
             "div",
             {
-              className: v(j.filterDropdown, j["filterDropdown--open"]),
+              className: b(A.filterDropdown, A["filterDropdown--open"]),
               role: "listbox",
               "aria-label": `${t} filtern`,
               children: [
-                l && /* @__PURE__ */ m("div", { className: j.filterDropdown__search, onClick: (o) => o.stopPropagation(), children: [
-                  /* @__PURE__ */ m("svg", { className: j.filterDropdown__searchIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                l && /* @__PURE__ */ m("div", { className: A.filterDropdown__search, onClick: (c) => c.stopPropagation(), children: [
+                  /* @__PURE__ */ m("svg", { className: A.filterDropdown__searchIcon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
                     /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
                     /* @__PURE__ */ e("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
                   ] }),
                   /* @__PURE__ */ e(
                     "input",
                     {
-                      className: j.filterDropdown__searchInput,
+                      className: A.filterDropdown__searchInput,
                       type: "text",
                       placeholder: "Suchen...",
                       "aria-label": "Filteroptionen durchsuchen",
                       value: d,
-                      onChange: (o) => f(o.target.value),
-                      onClick: (o) => o.stopPropagation()
+                      onChange: (c) => f(c.target.value),
+                      onClick: (c) => c.stopPropagation()
                     }
                   )
                 ] }),
@@ -1072,36 +1072,36 @@ const Ga = "_filterChip_43db3_4", Ha = "_filterChip__icon_43db3_38", Ua = "_filt
                   {
                     role: "option",
                     "aria-selected": !a,
-                    className: v(j.filterDropdown__item, {
-                      [j["filterDropdown__item--selected"]]: !a
+                    className: b(A.filterDropdown__item, {
+                      [A["filterDropdown__item--selected"]]: !a
                     }),
-                    onClick: (o) => {
-                      o.stopPropagation(), r?.(null), c(!1), f("");
+                    onClick: (c) => {
+                      c.stopPropagation(), r?.(null), o(!1), f("");
                     },
                     children: [
-                      /* @__PURE__ */ e("svg", { className: j.filterDropdown__check, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" }) }),
+                      /* @__PURE__ */ e("svg", { className: A.filterDropdown__check, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" }) }),
                       "Alle"
                     ]
                   }
                 ),
-                p.map((o) => /* @__PURE__ */ m(
+                p.map((c) => /* @__PURE__ */ m(
                   "div",
                   {
                     role: "option",
-                    "aria-selected": a === o,
-                    className: v(j.filterDropdown__item, {
-                      [j["filterDropdown__item--selected"]]: a === o
+                    "aria-selected": a === c,
+                    className: b(A.filterDropdown__item, {
+                      [A["filterDropdown__item--selected"]]: a === c
                     }),
-                    "data-value": o,
+                    "data-value": c,
                     onClick: (N) => {
-                      N.stopPropagation(), r?.(o), c(!1), f("");
+                      N.stopPropagation(), r?.(c), o(!1), f("");
                     },
                     children: [
-                      /* @__PURE__ */ e("svg", { className: j.filterDropdown__check, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" }) }),
-                      o
+                      /* @__PURE__ */ e("svg", { className: A.filterDropdown__check, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" }) }),
+                      c
                     ]
                   },
-                  o
+                  c
                 ))
               ]
             }
@@ -1115,32 +1115,32 @@ _t.displayName = "FilterChip";
 const tn = "_popover_jepnf_3", Xe = {
   popover: tn,
   "popover--open": "_popover--open_jepnf_15"
-}, We = b.forwardRef(
+}, qe = g.forwardRef(
   ({ open: t, anchorRef: n, align: a = "end", children: r, className: l, ...u }, s) => {
-    const [h, i] = E(null), c = b.useRef(null), d = an(s, c), f = le(() => {
-      const k = n?.current, p = c.current;
-      if (!k || !p || !t) {
+    const [h, i] = F(null), o = g.useRef(null), d = an(s, o), f = G(() => {
+      const y = n?.current, p = o.current;
+      if (!y || !p || !t) {
         i(null);
         return;
       }
-      const g = k.getBoundingClientRect(), o = p.getBoundingClientRect();
-      let N = g.bottom + 4, w = a === "end" ? g.right - o.width : g.left;
+      const w = y.getBoundingClientRect(), c = p.getBoundingClientRect();
+      let N = w.bottom + 4, v = a === "end" ? w.right - c.width : w.left;
       const _ = 8;
-      w + o.width > window.innerWidth - _ && (w = window.innerWidth - o.width - _), w < _ && (w = _), N + o.height > window.innerHeight - _ && (N = g.top - o.height - 4), i({ top: N, left: w });
+      v + c.width > window.innerWidth - _ && (v = window.innerWidth - c.width - _), v < _ && (v = _), N + c.height > window.innerHeight - _ && (N = w.top - c.height - 4), i({ top: N, left: v });
     }, [n, a, t]);
-    Et(() => {
+    Ft(() => {
       if (t)
         return f(), window.addEventListener("resize", f), window.addEventListener("scroll", f, !0), () => {
           window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0);
         };
     }, [t, f]);
-    const y = h && n ? { top: h.top, left: h.left } : void 0;
+    const k = h && n ? { top: h.top, left: h.left } : void 0;
     return /* @__PURE__ */ e(
       "div",
       {
         ref: d,
-        className: v(Xe.popover, { [Xe["popover--open"]]: t }, l),
-        style: y,
+        className: b(Xe.popover, { [Xe["popover--open"]]: t }, l),
+        style: k,
         role: "dialog",
         ...u,
         children: r
@@ -1148,9 +1148,9 @@ const tn = "_popover_jepnf_3", Xe = {
     );
   }
 );
-We.displayName = "Popover";
+qe.displayName = "Popover";
 function an(...t) {
-  return le(
+  return G(
     (n) => {
       for (const a of t)
         typeof a == "function" ? a(n) : a && typeof a == "object" && (a.current = n);
@@ -1159,35 +1159,35 @@ function an(...t) {
     t
   );
 }
-const nn = "_checkbox_shqzk_3", rn = "_checkbox__input_shqzk_13", sn = "_checkbox__box_shqzk_23", ln = "_checkbox__icon_shqzk_40", on = "_checkbox__label_shqzk_60", ne = {
+const nn = "_checkbox_shqzk_3", rn = "_checkbox__input_shqzk_13", sn = "_checkbox__box_shqzk_23", ln = "_checkbox__icon_shqzk_40", on = "_checkbox__label_shqzk_60", se = {
   checkbox: nn,
   checkbox__input: rn,
   checkbox__box: sn,
   "checkbox--checked": "_checkbox--checked_shqzk_35",
   checkbox__icon: ln,
   checkbox__label: on
-}, ut = b.forwardRef(
+}, ut = g.forwardRef(
   ({ checked: t, onChange: n, label: a, id: r, className: l }, u) => /* @__PURE__ */ m(
     "label",
     {
       ref: u,
-      className: v(ne.checkbox, { [ne["checkbox--checked"]]: t }, l),
+      className: b(se.checkbox, { [se["checkbox--checked"]]: t }, l),
       htmlFor: r,
       children: [
         /* @__PURE__ */ e(
           "input",
           {
-            className: ne.checkbox__input,
+            className: se.checkbox__input,
             type: "checkbox",
             id: r,
             checked: t,
             onChange: (s) => n?.(s.target.checked)
           }
         ),
-        /* @__PURE__ */ e("span", { className: ne.checkbox__box, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e("span", { className: se.checkbox__box, children: /* @__PURE__ */ e(
           "svg",
           {
-            className: ne.checkbox__icon,
+            className: se.checkbox__icon,
             viewBox: "0 0 24 24",
             fill: "none",
             stroke: "currentColor",
@@ -1198,7 +1198,7 @@ const nn = "_checkbox_shqzk_3", rn = "_checkbox__input_shqzk_13", sn = "_checkbo
             children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
           }
         ) }),
-        a && /* @__PURE__ */ e("span", { className: ne.checkbox__label, children: a })
+        a && /* @__PURE__ */ e("span", { className: se.checkbox__label, children: a })
       ]
     }
   )
@@ -1208,83 +1208,83 @@ const cn = "_formField_v7ze9_3", dn = "_formField__label_v7ze9_9", _n = "_formFi
   formField: cn,
   formField__label: dn,
   formField__error: _n
-}, W = b.forwardRef(
-  ({ label: t, htmlFor: n, error: a, children: r, className: l }, u) => /* @__PURE__ */ m("div", { ref: u, className: v(De.formField, l), children: [
+}, V = g.forwardRef(
+  ({ label: t, htmlFor: n, error: a, children: r, className: l }, u) => /* @__PURE__ */ m("div", { ref: u, className: b(De.formField, l), children: [
     /* @__PURE__ */ e("label", { className: De.formField__label, htmlFor: n, children: t }),
     r,
     a && /* @__PURE__ */ e("span", { className: De.formField__error, role: "alert", children: a })
   ] })
 );
-W.displayName = "FormField";
+V.displayName = "FormField";
 const un = "_textInput_ix759_3", hn = {
   textInput: un
-}, je = b.forwardRef(
+}, Ae = g.forwardRef(
   ({ value: t, onChange: n, className: a, type: r = "text", ...l }, u) => /* @__PURE__ */ e(
     "input",
     {
       ref: u,
       type: r,
-      className: v(hn.textInput, a),
+      className: b(hn.textInput, a),
       value: t,
       onChange: (s) => n?.(s.target.value),
       ...l
     }
   )
 );
-je.displayName = "TextInput";
-const mn = "_select_sbg8z_4", pn = "_select__label_sbg8z_41", fn = "_select__placeholder_sbg8z_49", bn = "_select__chevron_sbg8z_53", gn = "_dropdown_sbg8z_66", vn = "_dropdown__item_sbg8z_80", wn = "_dropdown__check_sbg8z_106", z = {
+Ae.displayName = "TextInput";
+const mn = "_select_sbg8z_4", pn = "_select__label_sbg8z_41", fn = "_select__placeholder_sbg8z_49", gn = "_select__chevron_sbg8z_53", bn = "_dropdown_sbg8z_66", vn = "_dropdown__item_sbg8z_80", wn = "_dropdown__check_sbg8z_106", q = {
   select: mn,
   "select--open": "_select--open_sbg8z_30",
   "select--disabled": "_select--disabled_sbg8z_35",
   select__label: pn,
   select__placeholder: fn,
-  select__chevron: bn,
-  dropdown: gn,
+  select__chevron: gn,
+  dropdown: bn,
   dropdown__item: vn,
   "dropdown__item--selected": "_dropdown__item--selected_sbg8z_101",
   dropdown__check: wn
-}, se = b.forwardRef(
+}, ie = g.forwardRef(
   ({ options: t, value: n, onChange: a, placeholder: r, disabled: l, className: u, id: s, "aria-label": h }, i) => {
-    const [c, d] = b.useState(!1), f = b.useRef(null), y = (o) => {
-      typeof i == "function" ? i(o) : i && (i.current = o), f.current = o;
-    }, k = t.find((o) => o.value === n), p = k?.label ?? r, g = !k && !!r;
-    return b.useEffect(() => {
-      function o(N) {
+    const [o, d] = g.useState(!1), f = g.useRef(null), k = (c) => {
+      typeof i == "function" ? i(c) : i && (i.current = c), f.current = c;
+    }, y = t.find((c) => c.value === n), p = y?.label ?? r, w = !y && !!r;
+    return g.useEffect(() => {
+      function c(N) {
         f.current && !f.current.contains(N.target) && d(!1);
       }
-      if (c)
-        return document.addEventListener("click", o), () => document.removeEventListener("click", o);
-    }, [c]), b.useEffect(() => {
-      function o(N) {
-        c && N.key === "Escape" && (d(!1), f.current?.focus());
+      if (o)
+        return document.addEventListener("click", c), () => document.removeEventListener("click", c);
+    }, [o]), g.useEffect(() => {
+      function c(N) {
+        o && N.key === "Escape" && (d(!1), f.current?.focus());
       }
-      return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
-    }, [c]), /* @__PURE__ */ m(
+      return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+    }, [o]), /* @__PURE__ */ m(
       "button",
       {
-        ref: y,
+        ref: k,
         id: s,
         type: "button",
         role: "combobox",
         "aria-label": h,
         "aria-haspopup": "listbox",
-        "aria-expanded": c,
+        "aria-expanded": o,
         disabled: l,
-        className: v(
-          z.select,
+        className: b(
+          q.select,
           {
-            [z["select--open"]]: c,
-            [z["select--disabled"]]: l
+            [q["select--open"]]: o,
+            [q["select--disabled"]]: l
           },
           u
         ),
-        onClick: () => !l && d(!c),
+        onClick: () => !l && d(!o),
         children: [
           /* @__PURE__ */ e(
             "span",
             {
-              className: v(z.select__label, {
-                [z.select__placeholder]: g
+              className: b(q.select__label, {
+                [q.select__placeholder]: w
               }),
               children: p || " "
             }
@@ -1292,7 +1292,7 @@ const mn = "_select_sbg8z_4", pn = "_select__label_sbg8z_41", fn = "_select__pla
           /* @__PURE__ */ e(
             "svg",
             {
-              className: z.select__chevron,
+              className: q.select__chevron,
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
@@ -1303,28 +1303,28 @@ const mn = "_select_sbg8z_4", pn = "_select__label_sbg8z_41", fn = "_select__pla
               children: /* @__PURE__ */ e("polyline", { points: "6 9 12 15 18 9" })
             }
           ),
-          c && /* @__PURE__ */ e(
+          o && /* @__PURE__ */ e(
             "div",
             {
-              className: z.dropdown,
+              className: q.dropdown,
               role: "listbox",
               "aria-label": h ?? r ?? "Auswahl",
-              children: t.map((o) => /* @__PURE__ */ m(
+              children: t.map((c) => /* @__PURE__ */ m(
                 "div",
                 {
                   role: "option",
-                  "aria-selected": n === o.value,
-                  className: v(z.dropdown__item, {
-                    [z["dropdown__item--selected"]]: n === o.value
+                  "aria-selected": n === c.value,
+                  className: b(q.dropdown__item, {
+                    [q["dropdown__item--selected"]]: n === c.value
                   }),
                   onClick: (N) => {
-                    N.stopPropagation(), a?.(o.value), d(!1);
+                    N.stopPropagation(), a?.(c.value), d(!1);
                   },
                   children: [
                     /* @__PURE__ */ e(
                       "svg",
                       {
-                        className: z.dropdown__check,
+                        className: q.dropdown__check,
                         viewBox: "0 0 24 24",
                         fill: "none",
                         stroke: "currentColor",
@@ -1335,10 +1335,10 @@ const mn = "_select_sbg8z_4", pn = "_select__label_sbg8z_41", fn = "_select__pla
                         children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
                       }
                     ),
-                    o.label
+                    c.label
                   ]
                 },
-                o.value
+                c.value
               ))
             }
           )
@@ -1347,15 +1347,15 @@ const mn = "_select_sbg8z_4", pn = "_select__label_sbg8z_41", fn = "_select__pla
     );
   }
 );
-se.displayName = "Select";
+ie.displayName = "Select";
 const yn = "_textArea_kwln7_3", kn = {
   textArea: yn
-}, ht = b.forwardRef(
+}, ht = g.forwardRef(
   ({ value: t, onChange: n, className: a, ...r }, l) => /* @__PURE__ */ e(
     "textarea",
     {
       ref: l,
-      className: v(kn.textArea, a),
+      className: b(kn.textArea, a),
       value: t,
       onChange: (u) => n?.(u.target.value),
       ...r
@@ -1363,7 +1363,7 @@ const yn = "_textArea_kwln7_3", kn = {
   )
 );
 ht.displayName = "TextArea";
-const Nn = "_overlay_1wnad_4", xn = "_content_1wnad_25", Cn = "_header_1wnad_46", Sn = "_header__title_1wnad_55", Dn = "_body_1wnad_65", In = "_footer_1wnad_85", Ln = "_icon_1wnad_96", K = {
+const Nn = "_overlay_1wnad_4", xn = "_content_1wnad_25", Cn = "_header_1wnad_46", Sn = "_header__title_1wnad_55", Dn = "_body_1wnad_65", In = "_footer_1wnad_85", Ln = "_icon_1wnad_96", Y = {
   overlay: Nn,
   "overlay--active": "_overlay--active_1wnad_19",
   content: xn,
@@ -1372,45 +1372,45 @@ const Nn = "_overlay_1wnad_4", xn = "_content_1wnad_25", Cn = "_header_1wnad_46"
   body: Dn,
   footer: In,
   icon: Ln
-}, mt = b.forwardRef(
+}, mt = g.forwardRef(
   ({ isOpen: t, onClose: n, title: a, footer: r, children: l, className: u, ...s }, h) => {
     if (Be(() => {
-      const c = (d) => {
+      const o = (d) => {
         d.key === "Escape" && t && n();
       };
-      return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+      return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
     }, [t, n]), !t) return null;
-    const i = (c) => {
-      c.target === c.currentTarget && n();
+    const i = (o) => {
+      o.target === o.currentTarget && n();
     };
     return /* @__PURE__ */ e(
       "div",
       {
         ref: h,
-        className: v(K.overlay, { [K["overlay--active"]]: t }, u),
+        className: b(Y.overlay, { [Y["overlay--active"]]: t }, u),
         onClick: i,
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": a ? "modal-title" : void 0,
         ...s,
-        children: /* @__PURE__ */ m("div", { className: K.content, children: [
-          a && /* @__PURE__ */ m("header", { className: K.header, children: [
-            /* @__PURE__ */ e("h2", { className: K.header__title, id: "modal-title", children: a }),
-            /* @__PURE__ */ e(V, { variant: "ghost", onClick: n, "aria-label": "Schließen", children: /* @__PURE__ */ e("svg", { className: K.icon, viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
+        children: /* @__PURE__ */ m("div", { className: Y.content, children: [
+          a && /* @__PURE__ */ m("header", { className: Y.header, children: [
+            /* @__PURE__ */ e("h2", { className: Y.header__title, id: "modal-title", children: a }),
+            /* @__PURE__ */ e(H, { variant: "ghost", onClick: n, "aria-label": "Schließen", children: /* @__PURE__ */ e("svg", { className: Y.icon, viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
           ] }),
-          /* @__PURE__ */ e("div", { className: K.body, children: l }),
-          r && /* @__PURE__ */ e("footer", { className: K.footer, children: r })
+          /* @__PURE__ */ e("div", { className: Y.body, children: l }),
+          r && /* @__PURE__ */ e("footer", { className: Y.footer, children: r })
         ] })
       }
     );
   }
 );
 mt.displayName = "Modal";
-const Rn = "_dashboard_avuww_4", An = "_sectionTitle_avuww_18", jn = "_statusLegend_avuww_27", $n = "_projectList_avuww_34", de = {
+const Rn = "_dashboard_avuww_4", Pn = "_sectionTitle_avuww_18", An = "_statusLegend_avuww_27", jn = "_projectList_avuww_34", _e = {
   dashboard: Rn,
-  sectionTitle: An,
-  statusLegend: jn,
-  projectList: $n
+  sectionTitle: Pn,
+  statusLegend: An,
+  projectList: jn
 }, Bn = [
   { id: "1", name: "E-Commerce Relaunch", client: "Müller GmbH", app: "Shopify CMS", status: "neu", favorite: !1, createdAt: "12.02.2026", updatedAt: (/* @__PURE__ */ new Date()).toISOString() },
   { id: "2", name: "CRM Integration MVP", client: "TechCorp Inc.", app: "Salesforce API", status: "offen", favorite: !0, createdAt: "15.01.2026", updatedAt: new Date(Date.now() - 2880 * 60 * 1e3).toISOString() },
@@ -1438,23 +1438,23 @@ const Rn = "_dashboard_avuww_4", An = "_sectionTitle_avuww_18", jn = "_statusLeg
     createdAt: "05.01.2026",
     updatedAt: (/* @__PURE__ */ new Date()).toISOString()
   }
-], Fn = [
+], $n = [
   { status: "alle", label: "Alle" },
   { status: "neu", label: "Neu" },
   { status: "offen", label: "Offen" },
   { status: "in-prufung", label: "In Prüfung" },
   { status: "validierung", label: "Validierung" },
   { status: "abgeschlossen", label: "Abgeschlossen" }
-], En = {
+], Fn = {
   neu: "Neu",
   offen: "Offen",
   "in-prufung": "In Prüfung",
   validierung: "Validierung",
   abgeschlossen: "Abgeschlossen"
-}, Pn = b.forwardRef(
+}, En = g.forwardRef(
   ({ initialRows: t = Bn, className: n, ...a }, r) => {
-    const [l, u] = E(t), [s, h] = E("alle"), [i, c] = E(""), d = te(() => {
-      const o = {
+    const [l, u] = F(t), [s, h] = F("alle"), [i, o] = F(""), d = ae(() => {
+      const c = {
         alle: l.length,
         neu: 0,
         offen: 0,
@@ -1463,68 +1463,68 @@ const Rn = "_dashboard_avuww_4", An = "_sectionTitle_avuww_18", jn = "_statusLeg
         abgeschlossen: 0
       };
       return l.forEach((N) => {
-        o[N.status]++;
-      }), o;
-    }, [l]), f = te(() => {
-      let o = l;
-      if (s !== "alle" && (o = o.filter((N) => N.status === s)), i.trim() !== "") {
+        c[N.status]++;
+      }), c;
+    }, [l]), f = ae(() => {
+      let c = l;
+      if (s !== "alle" && (c = c.filter((N) => N.status === s)), i.trim() !== "") {
         const N = i.toLowerCase().trim();
-        o = o.filter(
-          (w) => w.name.toLowerCase().includes(N) || w.client.toLowerCase().includes(N) || w.app.toLowerCase().includes(N)
+        c = c.filter(
+          (v) => v.name.toLowerCase().includes(N) || v.client.toLowerCase().includes(N) || v.app.toLowerCase().includes(N)
         );
       }
-      return s === "alle" && (o = [...o].sort((N, w) => Number(w.favorite) - Number(N.favorite))), o;
-    }, [l, s, i]), y = s === "alle" ? "Alle Projekte" : `Projekte: ${En[s]}`, k = (o, N) => {
-      u((w) => w.map((_) => _.id === o ? { ..._, favorite: N } : _));
-    }, p = te(() => [
+      return s === "alle" && (c = [...c].sort((N, v) => Number(v.favorite) - Number(N.favorite))), c;
+    }, [l, s, i]), k = s === "alle" ? "Alle Projekte" : `Projekte: ${Fn[s]}`, y = (c, N) => {
+      u((v) => v.map((_) => _.id === c ? { ..._, favorite: N } : _));
+    }, p = ae(() => [
       { status: "neu", label: "Neu", value: d.neu, color: "var(--status-neu)" },
       { status: "offen", label: "Offen", value: d.offen, color: "var(--status-offen)" },
       { status: "in-prufung", label: "In Prüfung", value: d["in-prufung"], color: "var(--status-in-prufung)" },
       { status: "validierung", label: "Validierung", value: d.validierung, color: "var(--status-validierung)" },
       { status: "abgeschlossen", label: "Abgeschlossen", value: d.abgeschlossen, color: "var(--status-abgeschlossen)" }
-    ], [d]), g = (o) => {
-      h(o);
+    ], [d]), w = (c) => {
+      h(c);
     };
     return /* @__PURE__ */ m(
       "main",
       {
         ref: r,
-        className: v(de.dashboard, n),
+        className: b(_e.dashboard, n),
         ...a,
         children: [
           /* @__PURE__ */ m(
-            be,
+            ge,
             {
               as: "section",
               variant: "full",
               padded: !0,
               "aria-label": "Projektstatus Übersicht",
-              className: de.statusOverview,
+              className: _e.statusOverview,
               children: [
-                /* @__PURE__ */ e("h1", { className: de.sectionTitle, children: "Projekte" }),
+                /* @__PURE__ */ e("h1", { className: _e.sectionTitle, children: "Projekte" }),
                 /* @__PURE__ */ e(
                   lt,
                   {
                     data: p,
-                    onSegmentClick: g
+                    onSegmentClick: w
                   }
                 ),
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    className: de.statusLegend,
+                    className: _e.statusLegend,
                     role: "listbox",
                     "aria-label": "Nach Status filtern",
-                    children: Fn.map(({ status: o, label: N }) => /* @__PURE__ */ e(
+                    children: $n.map(({ status: c, label: N }) => /* @__PURE__ */ e(
                       st,
                       {
-                        status: o,
+                        status: c,
                         label: N,
-                        count: d[o],
-                        active: s === o,
-                        onClick: () => h(o)
+                        count: d[c],
+                        active: s === c,
+                        onClick: () => h(c)
                       },
-                      o
+                      c
                     ))
                   }
                 )
@@ -1532,23 +1532,23 @@ const Rn = "_dashboard_avuww_4", An = "_sectionTitle_avuww_18", jn = "_statusLeg
             }
           ),
           /* @__PURE__ */ e(
-            be,
+            ge,
             {
               as: "section",
               variant: "full",
               "aria-label": "Projektliste",
-              className: de.projectList,
-              title: y,
+              className: _e.projectList,
+              title: k,
               headerAction: /* @__PURE__ */ e(
                 Oe,
                 {
                   value: i,
-                  onChange: c,
+                  onChange: o,
                   placeholder: "Projekte durchsuchen...",
                   "aria-label": "Projekte durchsuchen"
                 }
               ),
-              children: f.length > 0 ? /* @__PURE__ */ e(it, { rows: f, onToggleFavorite: k }) : /* @__PURE__ */ e(
+              children: f.length > 0 ? /* @__PURE__ */ e(it, { rows: f, onToggleFavorite: y }) : /* @__PURE__ */ e(
                 ze,
                 {
                   title: "Keine Projekte gefunden",
@@ -1562,14 +1562,14 @@ const Rn = "_dashboard_avuww_4", An = "_sectionTitle_avuww_18", jn = "_statusLeg
     );
   }
 );
-Pn.displayName = "DashboardPage";
-const Tn = "_taskItem_77jzk_4", On = "_taskItem__content_77jzk_14", zn = "_taskItem__titleGroup_77jzk_21", Mn = "_taskItem__title_77jzk_21", Wn = "_taskItem__meta_77jzk_41", qn = "_metaUser_77jzk_52", Vn = "_metaProject_77jzk_58", Gn = "_taskItem__deadline_77jzk_76", Hn = "_taskItem__actions_77jzk_95", T = {
+En.displayName = "DashboardPage";
+const Tn = "_taskItem_77jzk_4", On = "_taskItem__content_77jzk_14", zn = "_taskItem__titleGroup_77jzk_21", Mn = "_taskItem__title_77jzk_21", qn = "_taskItem__meta_77jzk_41", Wn = "_metaUser_77jzk_52", Vn = "_metaProject_77jzk_58", Gn = "_taskItem__deadline_77jzk_76", Hn = "_taskItem__actions_77jzk_95", z = {
   taskItem: Tn,
   taskItem__content: On,
   taskItem__titleGroup: zn,
   taskItem__title: Mn,
-  taskItem__meta: Wn,
-  metaUser: qn,
+  taskItem__meta: qn,
+  metaUser: Wn,
   metaProject: Vn,
   "icon-sm": "_icon-sm_77jzk_71",
   taskItem__deadline: Gn,
@@ -1580,33 +1580,33 @@ const Tn = "_taskItem_77jzk_4", On = "_taskItem__content_77jzk_14", zn = "_taskI
   { value: "Offen", label: "Offen" },
   { value: "In Arbeit", label: "In Arbeit" },
   { value: "Erledigt", label: "Erledigt" }
-], pt = b.forwardRef(
-  ({ title: t, project: n, projectLabel: a, status: r, deadline: l, deadlineType: u = "normal", priority: s, assignees: h, description: i, onClick: c, onStatusChange: d, className: f, ...y }, k) => {
-    const p = (g) => {
-      g.stopPropagation();
+], pt = g.forwardRef(
+  ({ title: t, project: n, projectLabel: a, status: r, deadline: l, deadlineType: u = "normal", priority: s, assignees: h, description: i, onClick: o, onStatusChange: d, className: f, ...k }, y) => {
+    const p = (w) => {
+      w.stopPropagation();
     };
     return /* @__PURE__ */ m(
-      Ee,
+      Fe,
       {
-        ref: k,
+        ref: y,
         as: "article",
-        onClick: c,
-        className: v(T.taskItem, f),
-        ...y,
+        onClick: o,
+        className: b(z.taskItem, f),
+        ...k,
         children: [
-          /* @__PURE__ */ m("div", { className: T.taskItem__content, children: [
-            /* @__PURE__ */ e("div", { className: T.taskItem__titleGroup, children: /* @__PURE__ */ e("h3", { className: T.taskItem__title, children: t }) }),
-            /* @__PURE__ */ m("div", { className: T.taskItem__meta, children: [
-              h.length > 0 && /* @__PURE__ */ e("div", { className: T.metaUser, children: /* @__PURE__ */ e(Pe, { children: h.map((g, o) => /* @__PURE__ */ e(_e, { initials: g.initials, name: g.name }, o)) }) }),
-              /* @__PURE__ */ m("div", { className: T.metaProject, "aria-label": `Projekt: ${a || n}`, children: [
-                /* @__PURE__ */ e("svg", { className: T["icon-sm"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }) }),
+          /* @__PURE__ */ m("div", { className: z.taskItem__content, children: [
+            /* @__PURE__ */ e("div", { className: z.taskItem__titleGroup, children: /* @__PURE__ */ e("h3", { className: z.taskItem__title, children: t }) }),
+            /* @__PURE__ */ m("div", { className: z.taskItem__meta, children: [
+              h.length > 0 && /* @__PURE__ */ e("div", { className: z.metaUser, children: /* @__PURE__ */ e(Ee, { children: h.map((w, c) => /* @__PURE__ */ e(ue, { initials: w.initials, name: w.name }, c)) }) }),
+              /* @__PURE__ */ m("div", { className: z.metaProject, "aria-label": `Projekt: ${a || n}`, children: [
+                /* @__PURE__ */ e("svg", { className: z["icon-sm"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }) }),
                 a || n
               ] }),
               s && s !== "low" && /* @__PURE__ */ e(Te, { level: s, size: "small" })
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: v(T.taskItem__deadline, T[`deadline-${u}`]), children: l }),
-          /* @__PURE__ */ e("div", { className: T.taskItem__actions, onClick: p, children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { className: b(z.taskItem__deadline, z[`deadline-${u}`]), children: l }),
+          /* @__PURE__ */ e("div", { className: z.taskItem__actions, onClick: p, children: /* @__PURE__ */ e(
             ot,
             {
               options: Un,
@@ -1620,7 +1620,7 @@ const Tn = "_taskItem_77jzk_4", On = "_taskItem__content_77jzk_14", zn = "_taskI
   }
 );
 pt.displayName = "TaskItem";
-const D = {
+const P = {
   "view-group": "_view-group_1lp4x_4",
   "view-label": "_view-label_1lp4x_10",
   "view-badge-row": "_view-badge-row_1lp4x_20",
@@ -1638,11 +1638,11 @@ const D = {
   { value: "Q1", label: "Q1 Roadmap" },
   { value: "FR", label: "Frontend Relaunch" },
   { value: "UR", label: "User Research" }
-], Kn = [
+], Qn = [
   { value: "Offen", label: "Offen" },
   { value: "In Arbeit", label: "In Arbeit" },
   { value: "Erledigt", label: "Erledigt" }
-], Qn = [
+], Kn = [
   { value: "", label: "Keine" },
   { value: "high", label: "Hoch (!!)" },
   { value: "medium", label: "Medium (!)" },
@@ -1654,27 +1654,27 @@ const D = {
 ], Yn = ft.map((t) => ({
   value: t.initials.toLowerCase(),
   label: t.name
-})), bt = b.forwardRef(
+})), gt = g.forwardRef(
   ({ isOpen: t, onClose: n, task: a, onSave: r, initialMode: l = "view", className: u, ...s }, h) => {
-    const [i, c] = E(l), [d, f] = E(null);
+    const [i, o] = F(l), [d, f] = F(null);
     if (Be(() => {
-      t && a && (f({ ...a, checklist: [...a.checklist] }), c(l));
+      t && a && (f({ ...a, checklist: [...a.checklist] }), o(l));
     }, [t, a, l]), !t || !a || !d) return null;
-    const y = () => {
-      r && r(d), c("view");
-    }, k = (_) => {
+    const k = () => {
+      r && r(d), o("view");
+    }, y = (_) => {
       f({ ...d, checklist: _ });
     }, p = (_) => {
-      const x = Je.find((S) => S.value === _);
+      const C = Je.find((x) => x.value === _);
       f({
         ...d,
         project: _,
-        projectLabel: x?.label || _
+        projectLabel: C?.label || _
       });
-    }, g = (_) => {
-      const x = ft.find((S) => S.initials.toLowerCase() === _);
-      x && f({ ...d, assignees: [x] });
-    }, o = () => {
+    }, w = (_) => {
+      const C = ft.find((x) => x.initials.toLowerCase() === _);
+      C && f({ ...d, assignees: [C] });
+    }, c = () => {
       const _ = {
         id: `check-${Date.now()}`,
         text: "",
@@ -1684,15 +1684,15 @@ const D = {
         ...d,
         checklist: [...d.checklist, _]
       });
-    }, N = i === "edit" ? "Aufgabe bearbeiten" : "Aufgaben-Details", w = i === "view" ? /* @__PURE__ */ m(Y, { children: [
-      /* @__PURE__ */ e(V, { variant: "outline", onClick: n, children: "Schließen" }),
-      /* @__PURE__ */ m(V, { variant: "primary", onClick: () => c("edit"), children: [
-        /* @__PURE__ */ e("svg", { className: D["icon-pencil"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" }) }),
+    }, N = i === "edit" ? "Aufgabe bearbeiten" : "Aufgaben-Details", v = i === "view" ? /* @__PURE__ */ m(J, { children: [
+      /* @__PURE__ */ e(H, { variant: "outline", onClick: n, children: "Schließen" }),
+      /* @__PURE__ */ m(H, { variant: "primary", onClick: () => o("edit"), children: [
+        /* @__PURE__ */ e("svg", { className: P["icon-pencil"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" }) }),
         "Bearbeiten"
       ] })
-    ] }) : /* @__PURE__ */ m(Y, { children: [
-      /* @__PURE__ */ e(V, { variant: "outline", onClick: () => c("view"), children: "Abbrechen" }),
-      /* @__PURE__ */ e(V, { variant: "primary", onClick: y, children: "Speichern" })
+    ] }) : /* @__PURE__ */ m(J, { children: [
+      /* @__PURE__ */ e(H, { variant: "outline", onClick: () => o("view"), children: "Abbrechen" }),
+      /* @__PURE__ */ e(H, { variant: "primary", onClick: k, children: "Speichern" })
     ] });
     return /* @__PURE__ */ e(
       mt,
@@ -1701,59 +1701,59 @@ const D = {
         isOpen: t,
         onClose: n,
         title: N,
-        footer: w,
+        footer: v,
         className: u,
         ...s,
-        children: i === "view" ? /* @__PURE__ */ m(Y, { children: [
-          /* @__PURE__ */ m("div", { className: D["view-group"], children: [
-            /* @__PURE__ */ e("span", { className: D["view-label"], children: "Titel" }),
-            /* @__PURE__ */ e("h3", { className: D["view-task-title"], children: d.title })
+        children: i === "view" ? /* @__PURE__ */ m(J, { children: [
+          /* @__PURE__ */ m("div", { className: P["view-group"], children: [
+            /* @__PURE__ */ e("span", { className: P["view-label"], children: "Titel" }),
+            /* @__PURE__ */ e("h3", { className: P["view-task-title"], children: d.title })
           ] }),
-          /* @__PURE__ */ m("div", { className: D["view-badge-row"], children: [
-            /* @__PURE__ */ m("div", { className: D["view-group"], children: [
-              /* @__PURE__ */ e("span", { className: D["view-label"], children: "Verantwortlich" }),
-              d.assignees.length > 0 ? /* @__PURE__ */ e(Pe, { children: d.assignees.map((_, x) => /* @__PURE__ */ e(_e, { initials: _.initials, name: _.name }, x)) }) : /* @__PURE__ */ e(_e, { initials: "?", name: "Nicht zugewiesen" })
+          /* @__PURE__ */ m("div", { className: P["view-badge-row"], children: [
+            /* @__PURE__ */ m("div", { className: P["view-group"], children: [
+              /* @__PURE__ */ e("span", { className: P["view-label"], children: "Verantwortlich" }),
+              d.assignees.length > 0 ? /* @__PURE__ */ e(Ee, { children: d.assignees.map((_, C) => /* @__PURE__ */ e(ue, { initials: _.initials, name: _.name }, C)) }) : /* @__PURE__ */ e(ue, { initials: "?", name: "Nicht zugewiesen" })
             ] }),
-            /* @__PURE__ */ m("div", { className: D["view-group"], children: [
-              /* @__PURE__ */ e("span", { className: D["view-label"], children: "Projekt" }),
+            /* @__PURE__ */ m("div", { className: P["view-group"], children: [
+              /* @__PURE__ */ e("span", { className: P["view-label"], children: "Projekt" }),
               /* @__PURE__ */ m(Le, { children: [
-                /* @__PURE__ */ e("svg", { className: D["icon-sm"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }) }),
+                /* @__PURE__ */ e("svg", { className: P["icon-sm"], viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.93a2 2 0 0 1-1.66-.9l-.82-1.2A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" }) }),
                 d.projectLabel || d.project
               ] })
             ] }),
-            /* @__PURE__ */ m("div", { className: D["view-group"], children: [
-              /* @__PURE__ */ e("span", { className: D["view-label"], children: "Priorität" }),
-              d.priority ? /* @__PURE__ */ e(Te, { level: d.priority, size: "large" }) : /* @__PURE__ */ e("div", { className: D["text-muted"], children: "Keine" })
+            /* @__PURE__ */ m("div", { className: P["view-group"], children: [
+              /* @__PURE__ */ e("span", { className: P["view-label"], children: "Priorität" }),
+              d.priority ? /* @__PURE__ */ e(Te, { level: d.priority, size: "large" }) : /* @__PURE__ */ e("div", { className: P["text-muted"], children: "Keine" })
             ] }),
-            /* @__PURE__ */ m("div", { className: D["view-group"], children: [
-              /* @__PURE__ */ e("span", { className: D["view-label"], children: "Status" }),
+            /* @__PURE__ */ m("div", { className: P["view-group"], children: [
+              /* @__PURE__ */ e("span", { className: P["view-label"], children: "Status" }),
               /* @__PURE__ */ e(Le, { children: d.status })
             ] }),
-            /* @__PURE__ */ m("div", { className: D["view-group"], children: [
-              /* @__PURE__ */ e("span", { className: D["view-label"], children: "Fälligkeit" }),
-              /* @__PURE__ */ e("div", { className: D["view-value-strong"], children: d.deadline })
+            /* @__PURE__ */ m("div", { className: P["view-group"], children: [
+              /* @__PURE__ */ e("span", { className: P["view-label"], children: "Fälligkeit" }),
+              /* @__PURE__ */ e("div", { className: P["view-value-strong"], children: d.deadline })
             ] })
           ] }),
-          /* @__PURE__ */ m("div", { className: D["view-group"], children: [
-            /* @__PURE__ */ e("span", { className: D["view-label"], children: "Beschreibung" }),
-            /* @__PURE__ */ e("p", { className: D["view-description"], children: d.description || /* @__PURE__ */ e("span", { className: D["text-muted"], children: "Keine Beschreibung vorhanden." }) })
+          /* @__PURE__ */ m("div", { className: P["view-group"], children: [
+            /* @__PURE__ */ e("span", { className: P["view-label"], children: "Beschreibung" }),
+            /* @__PURE__ */ e("p", { className: P["view-description"], children: d.description || /* @__PURE__ */ e("span", { className: P["text-muted"], children: "Keine Beschreibung vorhanden." }) })
           ] }),
-          /* @__PURE__ */ m("div", { className: D["view-group"], children: [
-            /* @__PURE__ */ e("span", { className: D["view-label"], children: "To-Do Checkliste" }),
-            /* @__PURE__ */ e(Re, { items: d.checklist, onChange: k, editable: !1 })
+          /* @__PURE__ */ m("div", { className: P["view-group"], children: [
+            /* @__PURE__ */ e("span", { className: P["view-label"], children: "To-Do Checkliste" }),
+            /* @__PURE__ */ e(Re, { items: d.checklist, onChange: y, editable: !1 })
           ] })
-        ] }) : /* @__PURE__ */ m(Y, { children: [
-          /* @__PURE__ */ e(W, { label: "Titel", htmlFor: "taskTitle", children: /* @__PURE__ */ e(
-            je,
+        ] }) : /* @__PURE__ */ m(J, { children: [
+          /* @__PURE__ */ e(V, { label: "Titel", htmlFor: "taskTitle", children: /* @__PURE__ */ e(
+            Ae,
             {
               id: "taskTitle",
               value: d.title,
               onChange: (_) => f({ ...d, title: _ })
             }
           ) }),
-          /* @__PURE__ */ m("div", { className: D["form-row"], children: [
-            /* @__PURE__ */ e(W, { label: "Projekt", htmlFor: "taskProject", children: /* @__PURE__ */ e(
-              se,
+          /* @__PURE__ */ m("div", { className: P["form-row"], children: [
+            /* @__PURE__ */ e(V, { label: "Projekt", htmlFor: "taskProject", children: /* @__PURE__ */ e(
+              ie,
               {
                 id: "taskProject",
                 options: Je,
@@ -1761,49 +1761,49 @@ const D = {
                 onChange: p
               }
             ) }),
-            /* @__PURE__ */ e(W, { label: "Status", htmlFor: "taskStatus", children: /* @__PURE__ */ e(
-              se,
+            /* @__PURE__ */ e(V, { label: "Status", htmlFor: "taskStatus", children: /* @__PURE__ */ e(
+              ie,
               {
                 id: "taskStatus",
-                options: Kn,
+                options: Qn,
                 value: d.status,
                 onChange: (_) => f({ ...d, status: _ })
               }
             ) })
           ] }),
-          /* @__PURE__ */ m("div", { className: D["form-row"], children: [
-            /* @__PURE__ */ e(W, { label: "Fälligkeitsdatum", htmlFor: "taskDate", children: /* @__PURE__ */ e(
-              je,
+          /* @__PURE__ */ m("div", { className: P["form-row"], children: [
+            /* @__PURE__ */ e(V, { label: "Fälligkeitsdatum", htmlFor: "taskDate", children: /* @__PURE__ */ e(
+              Ae,
               {
                 id: "taskDate",
                 value: d.deadline,
                 onChange: (_) => f({ ...d, deadline: _ })
               }
             ) }),
-            /* @__PURE__ */ e(W, { label: "Priorität", htmlFor: "taskPriority", children: /* @__PURE__ */ e(
-              se,
+            /* @__PURE__ */ e(V, { label: "Priorität", htmlFor: "taskPriority", children: /* @__PURE__ */ e(
+              ie,
               {
                 id: "taskPriority",
-                options: Qn,
+                options: Kn,
                 value: d.priority || "",
                 onChange: (_) => f({ ...d, priority: _ || void 0 })
               }
             ) })
           ] }),
-          /* @__PURE__ */ e(W, { label: "Verantwortlich", htmlFor: "taskAssignee", children: /* @__PURE__ */ m("div", { className: D["assignee-row"], children: [
-            /* @__PURE__ */ e(_e, { initials: d.assignees[0]?.initials || "?" }),
+          /* @__PURE__ */ e(V, { label: "Verantwortlich", htmlFor: "taskAssignee", children: /* @__PURE__ */ m("div", { className: P["assignee-row"], children: [
+            /* @__PURE__ */ e(ue, { initials: d.assignees[0]?.initials || "?" }),
             /* @__PURE__ */ e(
-              se,
+              ie,
               {
                 id: "taskAssignee",
                 options: Yn,
                 value: d.assignees[0]?.initials.toLowerCase() || "",
-                onChange: g,
-                className: D["assignee-select"]
+                onChange: w,
+                className: P["assignee-select"]
               }
             )
           ] }) }),
-          /* @__PURE__ */ e(W, { label: "Beschreibung", htmlFor: "taskDescription", children: /* @__PURE__ */ e(
+          /* @__PURE__ */ e(V, { label: "Beschreibung", htmlFor: "taskDescription", children: /* @__PURE__ */ e(
             ht,
             {
               id: "taskDescription",
@@ -1812,14 +1812,14 @@ const D = {
               onChange: (_) => f({ ...d, description: _ })
             }
           ) }),
-          /* @__PURE__ */ m(W, { label: "To-Do Checkliste", children: [
-            /* @__PURE__ */ e(Re, { items: d.checklist, onChange: k, editable: !0 }),
+          /* @__PURE__ */ m(V, { label: "To-Do Checkliste", children: [
+            /* @__PURE__ */ e(Re, { items: d.checklist, onChange: y, editable: !0 }),
             /* @__PURE__ */ e(
-              V,
+              H,
               {
                 variant: "ghost",
-                onClick: o,
-                className: D["add-checklist-btn"],
+                onClick: c,
+                className: P["add-checklist-btn"],
                 children: "+ Neues Element"
               }
             )
@@ -1829,16 +1829,16 @@ const D = {
     );
   }
 );
-bt.displayName = "TaskDetailModal";
+gt.displayName = "TaskDetailModal";
 const Xn = "_icon_1rthp_4", Ze = {
   icon: Xn,
   "icon-sm": "_icon-sm_1rthp_14"
-}, Jn = b.forwardRef(
+}, Jn = g.forwardRef(
   ({ tasks: t, onTaskUpdate: n, onTaskAdd: a, className: r, ...l }, u) => {
-    const [s, h] = E(t), [i, c] = E(!1), [d, f] = E(null), [y, k] = E("view"), p = (w) => {
-      f(w), k("view"), c(!0);
-    }, g = () => {
-      const w = {
+    const [s, h] = F(t), [i, o] = F(!1), [d, f] = F(null), [k, y] = F("view"), p = (v) => {
+      f(v), y("view"), o(!0);
+    }, w = () => {
+      const v = {
         id: `new-${Date.now()}`,
         title: "Neue Aufgabe",
         project: "Q1",
@@ -1850,64 +1850,64 @@ const Xn = "_icon_1rthp_4", Ze = {
         description: "",
         checklist: []
       };
-      f(w), k("edit"), c(!0);
-    }, o = (w) => {
-      if (s.some((x) => x.id === w.id)) {
-        const x = s.map((S) => S.id === w.id ? w : S);
-        h(x), n && n(w);
+      f(v), y("edit"), o(!0);
+    }, c = (v) => {
+      if (s.some((C) => C.id === v.id)) {
+        const C = s.map((x) => x.id === v.id ? v : x);
+        h(C), n && n(v);
       } else
-        h([...s, w]), a && a(w);
-      f(w);
-    }, N = (w, _) => {
-      const x = s.map((S) => {
-        if (S.id === w) {
-          const R = { ...S, status: _ };
-          return n && n(R), R;
+        h([...s, v]), a && a(v);
+      f(v);
+    }, N = (v, _) => {
+      const C = s.map((x) => {
+        if (x.id === v) {
+          const L = { ...x, status: _ };
+          return n && n(L), L;
         }
-        return S;
+        return x;
       });
-      h(x);
+      h(C);
     };
     return /* @__PURE__ */ m(
-      be,
+      ge,
       {
         ref: u,
         as: "main",
         title: "Aufgaben",
         variant: "half",
         scrollable: !0,
-        headerAction: /* @__PURE__ */ m(V, { variant: "primary", onClick: g, "aria-label": "Neue Aufgabe erstellen", children: [
-          /* @__PURE__ */ e("svg", { className: v(Ze.icon, Ze["icon-sm"]), viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M12 5v14M5 12h14" }) }),
+        headerAction: /* @__PURE__ */ m(H, { variant: "primary", onClick: w, "aria-label": "Neue Aufgabe erstellen", children: [
+          /* @__PURE__ */ e("svg", { className: b(Ze.icon, Ze["icon-sm"]), viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M12 5v14M5 12h14" }) }),
           "Neu"
         ] }),
         className: r,
         ...l,
         children: [
-          /* @__PURE__ */ e(ve, { "aria-label": "Aufgabenliste", children: s.map((w) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e(ve, { "aria-label": "Aufgabenliste", children: s.map((v) => /* @__PURE__ */ e(
             pt,
             {
-              title: w.title,
-              project: w.project,
-              projectLabel: w.projectLabel,
-              status: w.status,
-              deadline: w.deadline,
-              deadlineType: w.deadlineType,
-              priority: w.priority,
-              assignees: w.assignees,
-              description: w.description,
-              onClick: () => p(w),
-              onStatusChange: (_) => N(w.id, _)
+              title: v.title,
+              project: v.project,
+              projectLabel: v.projectLabel,
+              status: v.status,
+              deadline: v.deadline,
+              deadlineType: v.deadlineType,
+              priority: v.priority,
+              assignees: v.assignees,
+              description: v.description,
+              onClick: () => p(v),
+              onStatusChange: (_) => N(v.id, _)
             },
-            w.id
+            v.id
           )) }),
           /* @__PURE__ */ e(
-            bt,
+            gt,
             {
               isOpen: i,
-              onClose: () => c(!1),
+              onClose: () => o(!1),
               task: d,
-              initialMode: y,
-              onSave: o
+              initialMode: k,
+              onSave: c
             }
           )
         ]
@@ -1921,13 +1921,13 @@ const Zn = "_page_1c5lq_3", er = {
 }, tr = "_domainSwitcher_abrin_3", ar = "_domainSwitcher__label_abrin_11", et = {
   domainSwitcher: tr,
   domainSwitcher__label: ar
-}, gt = b.forwardRef(
+}, bt = g.forwardRef(
   ({ sources: t, activeSourceKey: n, onSourceChange: a, className: r }, l) => {
     const u = t.map((s) => ({
       value: s.key,
       label: s.label
     }));
-    return /* @__PURE__ */ m("div", { ref: l, className: v(et.domainSwitcher, r), children: [
+    return /* @__PURE__ */ m("div", { ref: l, className: b(et.domainSwitcher, r), children: [
       /* @__PURE__ */ e("span", { className: et.domainSwitcher__label, children: "Datenquelle" }),
       /* @__PURE__ */ e(
         Me,
@@ -1942,13 +1942,13 @@ const Zn = "_page_1c5lq_3", er = {
     ] });
   }
 );
-gt.displayName = "DomainSwitcher";
-const nr = "_dataGrid_1teg2_3", rr = "_dataGrid__viewPanel_1teg2_11", sr = "_resultCount_1teg2_15", lr = "_resultCount__number_1teg2_24", ge = {
+bt.displayName = "DomainSwitcher";
+const nr = "_dataGrid_1teg2_3", rr = "_dataGrid__viewPanel_1teg2_11", sr = "_resultCount_1teg2_15", lr = "_resultCount__number_1teg2_24", be = {
   dataGrid: nr,
   dataGrid__viewPanel: rr,
   resultCount: sr,
   resultCount__number: lr
-}, ir = "_toolbar_1vf8q_3", or = "_toolbar__row_1vf8q_11", cr = "_toolbar__left_1vf8q_26", dr = "_toolbar__right_1vf8q_33", _r = "_settingsBtn_1vf8q_40", ur = "_settingsBtn__icon_1vf8q_67", hr = "_filterMore_1vf8q_73", mr = "_filterMore__btn_1vf8q_79", pr = "_filterMore__badge_1vf8q_104", F = {
+}, ir = "_toolbar_1vf8q_3", or = "_toolbar__row_1vf8q_11", cr = "_toolbar__left_1vf8q_26", dr = "_toolbar__right_1vf8q_33", _r = "_settingsBtn_1vf8q_40", ur = "_settingsBtn__icon_1vf8q_67", hr = "_filterMore_1vf8q_73", mr = "_filterMore__btn_1vf8q_79", pr = "_filterMore__badge_1vf8q_104", E = {
   toolbar: ir,
   toolbar__row: or,
   "toolbar__row--filters": "_toolbar__row--filters_1vf8q_20",
@@ -1965,23 +1965,23 @@ const nr = "_dataGrid_1teg2_3", rr = "_dataGrid__viewPanel_1teg2_11", sr = "_res
   /* @__PURE__ */ e("line", { x1: "3", y1: "15", x2: "21", y2: "15" }),
   /* @__PURE__ */ e("line", { x1: "9", y1: "3", x2: "9", y2: "21" }),
   /* @__PURE__ */ e("line", { x1: "15", y1: "3", x2: "15", y2: "21" })
-] }), br = /* @__PURE__ */ m("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+] }), gr = /* @__PURE__ */ m("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
   /* @__PURE__ */ e("line", { x1: "8", y1: "6", x2: "21", y2: "6" }),
   /* @__PURE__ */ e("line", { x1: "8", y1: "12", x2: "21", y2: "12" }),
   /* @__PURE__ */ e("line", { x1: "8", y1: "18", x2: "21", y2: "18" }),
   /* @__PURE__ */ e("line", { x1: "3", y1: "6", x2: "3.01", y2: "6" }),
   /* @__PURE__ */ e("line", { x1: "3", y1: "12", x2: "3.01", y2: "12" }),
   /* @__PURE__ */ e("line", { x1: "3", y1: "18", x2: "3.01", y2: "18" })
-] }), gr = /* @__PURE__ */ m("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+] }), br = /* @__PURE__ */ m("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
   /* @__PURE__ */ e("rect", { x: "3", y: "3", width: "7", height: "7", rx: "1" }),
   /* @__PURE__ */ e("rect", { x: "14", y: "3", width: "7", height: "7", rx: "1" }),
   /* @__PURE__ */ e("rect", { x: "3", y: "14", width: "7", height: "7", rx: "1" }),
   /* @__PURE__ */ e("rect", { x: "14", y: "14", width: "7", height: "7", rx: "1" })
 ] }), vr = [
   { value: "table", label: "Tabelle", icon: fr },
-  { value: "list", label: "Liste", icon: br },
-  { value: "cards", label: "Karten", icon: gr }
-], vt = b.forwardRef(
+  { value: "list", label: "Liste", icon: gr },
+  { value: "cards", label: "Karten", icon: br }
+], vt = g.forwardRef(
   ({
     currentView: t,
     onViewChange: n,
@@ -1992,40 +1992,40 @@ const nr = "_dataGrid_1teg2_3", rr = "_dataGrid__viewPanel_1teg2_11", sr = "_res
     filterOptions: s,
     onFilterChange: h,
     onSettingsClick: i,
-    settingsExpanded: c = !1,
+    settingsExpanded: o = !1,
     settingsBtnRef: d,
     onMoreFiltersClick: f,
-    moreFiltersExpanded: y = !1,
-    moreFiltersBtnRef: k,
+    moreFiltersExpanded: k = !1,
+    moreFiltersBtnRef: y,
     activeSecondaryFilterCount: p = 0,
-    className: g
-  }, o) => {
+    className: w
+  }, c) => {
     const N = l.filter(
-      ([, w]) => w.filterable && w.primaryFilter && w.visible
+      ([, v]) => v.filterable && v.primaryFilter && v.visible
     );
-    return /* @__PURE__ */ m("div", { ref: o, className: v(F.toolbar, g), role: "toolbar", "aria-label": "DataGrid Steuerung", children: [
-      /* @__PURE__ */ m("div", { className: F.toolbar__row, children: [
-        /* @__PURE__ */ e("div", { className: F.toolbar__left, children: /* @__PURE__ */ e(
+    return /* @__PURE__ */ m("div", { ref: c, className: b(E.toolbar, w), role: "toolbar", "aria-label": "DataGrid Steuerung", children: [
+      /* @__PURE__ */ m("div", { className: E.toolbar__row, children: [
+        /* @__PURE__ */ e("div", { className: E.toolbar__left, children: /* @__PURE__ */ e(
           Me,
           {
             options: vr,
             value: t,
-            onChange: (w) => n?.(w),
+            onChange: (v) => n?.(v),
             role: "tablist",
             "aria-label": "Ansicht wechseln"
           }
         ) }),
-        /* @__PURE__ */ e("div", { className: F.toolbar__right, children: /* @__PURE__ */ m(
+        /* @__PURE__ */ e("div", { className: E.toolbar__right, children: /* @__PURE__ */ m(
           "button",
           {
             ref: d,
-            className: F.settingsBtn,
+            className: E.settingsBtn,
             "aria-label": "Datenfelder konfigurieren",
             "aria-haspopup": "true",
-            "aria-expanded": c,
+            "aria-expanded": o,
             onClick: i,
             children: [
-              /* @__PURE__ */ m("svg", { className: F.settingsBtn__icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+              /* @__PURE__ */ m("svg", { className: E.settingsBtn__icon, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
                 /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "3" }),
                 /* @__PURE__ */ e("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
               ] }),
@@ -2034,39 +2034,39 @@ const nr = "_dataGrid_1teg2_3", rr = "_dataGrid__viewPanel_1teg2_11", sr = "_res
           }
         ) })
       ] }),
-      /* @__PURE__ */ m("div", { className: v(F.toolbar__row, F["toolbar__row--filters"]), children: [
-        /* @__PURE__ */ m("div", { className: F.toolbar__left, children: [
-          N.map(([w, _]) => {
-            const x = s[w] || [], S = u[w];
+      /* @__PURE__ */ m("div", { className: b(E.toolbar__row, E["toolbar__row--filters"]), children: [
+        /* @__PURE__ */ m("div", { className: E.toolbar__left, children: [
+          N.map(([v, _]) => {
+            const C = s[v] || [], x = u[v];
             return /* @__PURE__ */ e(
               _t,
               {
                 label: _.label,
-                options: x,
-                value: S,
-                onChange: (R) => h?.(w, R),
-                dataFilter: w
+                options: C,
+                value: x,
+                onChange: (L) => h?.(v, L),
+                dataFilter: v
               },
-              w
+              v
             );
           }),
-          /* @__PURE__ */ e("div", { className: F.filterMore, children: /* @__PURE__ */ m(
+          /* @__PURE__ */ e("div", { className: E.filterMore, children: /* @__PURE__ */ m(
             "button",
             {
-              ref: k,
-              className: F.filterMore__btn,
+              ref: y,
+              className: E.filterMore__btn,
               "aria-label": "Weitere Filter anzeigen",
               "aria-haspopup": "true",
-              "aria-expanded": y,
+              "aria-expanded": k,
               onClick: f,
               children: [
                 "+ mehr Filter",
-                p > 0 && /* @__PURE__ */ e("span", { className: F.filterMore__badge, children: p })
+                p > 0 && /* @__PURE__ */ e("span", { className: E.filterMore__badge, children: p })
               ]
             }
           ) })
         ] }),
-        /* @__PURE__ */ e("div", { className: F.toolbar__right, children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: E.toolbar__right, children: /* @__PURE__ */ e(
           Oe,
           {
             value: a,
@@ -2079,7 +2079,7 @@ const nr = "_dataGrid_1teg2_3", rr = "_dataGrid__viewPanel_1teg2_11", sr = "_res
   }
 );
 vt.displayName = "Toolbar";
-const wr = "_expansionDrawer_1bj98_4", yr = "_expansionDrawer__cell_1bj98_12", kr = "_expansionDrawer__content_1bj98_18", Nr = "_expansionDrawer__title_1bj98_22", xr = "_crossSellTable_1bj98_32", Cr = "_quickAddBtn_1bj98_61", Sr = "_quickAddBtn__icon_1bj98_90", Q = {
+const wr = "_expansionDrawer_1bj98_4", yr = "_expansionDrawer__cell_1bj98_12", kr = "_expansionDrawer__content_1bj98_18", Nr = "_expansionDrawer__title_1bj98_22", xr = "_crossSellTable_1bj98_32", Cr = "_quickAddBtn_1bj98_61", Sr = "_quickAddBtn__icon_1bj98_90", X = {
   expansionDrawer: wr,
   "expansionDrawer--open": "_expansionDrawer--open_1bj98_8",
   expansionDrawer__cell: yr,
@@ -2088,20 +2088,20 @@ const wr = "_expansionDrawer_1bj98_4", yr = "_expansionDrawer__cell_1bj98_12", k
   crossSellTable: xr,
   quickAddBtn: Cr,
   quickAddBtn__icon: Sr
-}, Dr = "_cellDouble_1y1lm_4", Ir = "_cellDouble__primary_1y1lm_11", Lr = "_cellDouble__secondary_1y1lm_22", Rr = "_cellLink_1y1lm_31", Ar = "_cellPrice_1y1lm_45", jr = "_cellPrice__currency_1y1lm_53", $r = "_inventoryBadge_1y1lm_60", Br = "_inventoryBadge__indicator_1y1lm_81", Fr = "_statusBadge_1y1lm_100", Er = "_statusBadge__dot_1y1lm_112", P = {
+}, Dr = "_cellDouble_1y1lm_4", Ir = "_cellDouble__primary_1y1lm_11", Lr = "_cellDouble__secondary_1y1lm_22", Rr = "_cellLink_1y1lm_31", Pr = "_cellPrice_1y1lm_45", Ar = "_cellPrice__currency_1y1lm_53", jr = "_inventoryBadge_1y1lm_60", Br = "_inventoryBadge__indicator_1y1lm_81", $r = "_statusBadge_1y1lm_100", Fr = "_statusBadge__dot_1y1lm_112", O = {
   cellDouble: Dr,
   cellDouble__primary: Ir,
   cellDouble__secondary: Lr,
   cellLink: Rr,
-  cellPrice: Ar,
-  cellPrice__currency: jr,
-  inventoryBadge: $r,
+  cellPrice: Pr,
+  cellPrice__currency: Ar,
+  inventoryBadge: jr,
   "inventoryBadge--high": "_inventoryBadge--high_1y1lm_69",
   "inventoryBadge--medium": "_inventoryBadge--medium_1y1lm_73",
   "inventoryBadge--low": "_inventoryBadge--low_1y1lm_77",
   inventoryBadge__indicator: Br,
-  statusBadge: Fr,
-  statusBadge__dot: Er,
+  statusBadge: $r,
+  statusBadge__dot: Fr,
   "statusBadge--active": "_statusBadge--active_1y1lm_119",
   "statusBadge--nrnd": "_statusBadge--nrnd_1y1lm_128",
   "statusBadge--eol": "_statusBadge--eol_1y1lm_137",
@@ -2111,39 +2111,39 @@ const wr = "_expansionDrawer_1bj98_4", yr = "_expansionDrawer__cell_1bj98_12", k
   "statusBadge--in-prufung": "_statusBadge--in-prufung_1y1lm_174",
   "statusBadge--validierung": "_statusBadge--validierung_1y1lm_183",
   "statusBadge--abgeschlossen": "_statusBadge--abgeschlossen_1y1lm_192"
-}, wt = b.forwardRef(
-  ({ primary: t, secondary: n, className: a }, r) => /* @__PURE__ */ m("div", { ref: r, className: v(P.cellDouble, a), children: [
-    /* @__PURE__ */ e("span", { className: P.cellDouble__primary, children: t }),
-    n && /* @__PURE__ */ e("span", { className: P.cellDouble__secondary, children: n })
+}, wt = g.forwardRef(
+  ({ primary: t, secondary: n, className: a }, r) => /* @__PURE__ */ m("div", { ref: r, className: b(O.cellDouble, a), children: [
+    /* @__PURE__ */ e("span", { className: O.cellDouble__primary, children: t }),
+    n && /* @__PURE__ */ e("span", { className: O.cellDouble__secondary, children: n })
   ] })
 );
 wt.displayName = "CellDouble";
-const yt = b.forwardRef(
-  ({ href: t = "#", children: n, className: a }, r) => /* @__PURE__ */ e("a", { ref: r, href: t, className: v(P.cellLink, a), title: typeof n == "string" ? n : void 0, children: n })
+const yt = g.forwardRef(
+  ({ href: t = "#", children: n, className: a }, r) => /* @__PURE__ */ e("a", { ref: r, href: t, className: b(O.cellLink, a), title: typeof n == "string" ? n : void 0, children: n })
 );
 yt.displayName = "CellLink";
-function Pr(t) {
+function Er(t) {
   return t.toFixed(2).replace(".", ",");
 }
-const kt = b.forwardRef(
-  ({ value: t, currency: n, className: a }, r) => /* @__PURE__ */ m("span", { ref: r, className: v(P.cellPrice, a), children: [
-    Pr(t),
-    n && /* @__PURE__ */ e("span", { className: P.cellPrice__currency, children: n })
+const kt = g.forwardRef(
+  ({ value: t, currency: n, className: a }, r) => /* @__PURE__ */ m("span", { ref: r, className: b(O.cellPrice, a), children: [
+    Er(t),
+    n && /* @__PURE__ */ e("span", { className: O.cellPrice__currency, children: n })
   ] })
 );
 kt.displayName = "CellPrice";
-const $e = b.forwardRef(
-  ({ level: t, children: n, className: a }, r) => /* @__PURE__ */ m("span", { ref: r, className: v(P.inventoryBadge, P[`inventoryBadge--${t}`], a), children: [
-    /* @__PURE__ */ e("span", { className: P.inventoryBadge__indicator, "aria-hidden": "true" }),
+const je = g.forwardRef(
+  ({ level: t, children: n, className: a }, r) => /* @__PURE__ */ m("span", { ref: r, className: b(O.inventoryBadge, O[`inventoryBadge--${t}`], a), children: [
+    /* @__PURE__ */ e("span", { className: O.inventoryBadge__indicator, "aria-hidden": "true" }),
     n
   ] })
 );
-$e.displayName = "InventoryBadge";
-const Nt = b.forwardRef(
+je.displayName = "InventoryBadge";
+const Nt = g.forwardRef(
   ({ status: t, statusClass: n, className: a }, r) => {
     const l = n || t.toLowerCase().replace(/\s+/g, "-");
-    return /* @__PURE__ */ m("span", { ref: r, className: v(P.statusBadge, P[`statusBadge--${l}`], a), children: [
-      /* @__PURE__ */ e("span", { className: P.statusBadge__dot, "aria-hidden": "true" }),
+    return /* @__PURE__ */ m("span", { ref: r, className: b(O.statusBadge, O[`statusBadge--${l}`], a), children: [
+      /* @__PURE__ */ e("span", { className: O.statusBadge__dot, "aria-hidden": "true" }),
       t
     ] });
   }
@@ -2161,33 +2161,33 @@ function Tr(t, n, a, r, l, u, s) {
     case "link":
       return /* @__PURE__ */ e(yt, { children: h ?? "" });
     case "status-badge": {
-      const i = n.statusMap || {}, c = h, d = i[c] || c.toLowerCase().replace(/\s+/g, "-");
-      return /* @__PURE__ */ e(Nt, { status: c, statusClass: d });
+      const i = n.statusMap || {}, o = h, d = i[o] || o.toLowerCase().replace(/\s+/g, "-");
+      return /* @__PURE__ */ e(Nt, { status: o, statusClass: d });
     }
     case "currency": {
       const i = n.currencyField ? a[n.currencyField] ?? "" : "";
       return /* @__PURE__ */ e(kt, { value: h, currency: i });
     }
     case "inventory": {
-      const c = (n.levelFn || (() => "medium"))(h), d = n.formatFn ? n.formatFn(h) : String(h);
-      return /* @__PURE__ */ e($e, { level: c, children: d });
+      const o = (n.levelFn || (() => "medium"))(h), d = n.formatFn ? n.formatFn(h) : String(h);
+      return /* @__PURE__ */ e(je, { level: o, children: d });
     }
     case "inventory-label": {
-      const c = (n.levelFn || (() => "medium"))(h), d = n.labelMap || { high: "Hoch", medium: "Mittel", low: "Niedrig" };
-      return /* @__PURE__ */ e($e, { level: c, children: d[c] });
+      const o = (n.levelFn || (() => "medium"))(h), d = n.labelMap || { high: "Hoch", medium: "Mittel", low: "Niedrig" };
+      return /* @__PURE__ */ e(je, { level: o, children: d[o] });
     }
     case "progress":
       return /* @__PURE__ */ e(ct, { value: h });
     case "favorite": {
       const i = r.has(a.id);
       return /* @__PURE__ */ e(
-        ue,
+        he,
         {
           pressed: i,
           projectName: a.id,
           size: "sm",
           onToggle: () => u?.(a.id),
-          onClick: (c) => c.stopPropagation()
+          onClick: (o) => o.stopPropagation()
         }
       );
     }
@@ -2195,7 +2195,7 @@ function Tr(t, n, a, r, l, u, s) {
       const i = h;
       if (!i || !Array.isArray(i) || i.length === 0)
         return /* @__PURE__ */ e("span", { style: { color: "var(--on-surface-variant)", fontSize: "0.75rem" }, children: "—" });
-      const c = `${a.id}::${t}`, d = l.has(c), f = n.expandLabel || "Einträge";
+      const o = `${a.id}::${t}`, d = l.has(o), f = n.expandLabel || "Einträge";
       return /* @__PURE__ */ e(
         we,
         {
@@ -2203,7 +2203,7 @@ function Tr(t, n, a, r, l, u, s) {
           count: i.length,
           label: f,
           "aria-label": `${i.length} ${f} anzeigen`,
-          onClick: () => s?.(c)
+          onClick: () => s?.(o)
         }
       );
     }
@@ -2214,34 +2214,34 @@ function Tr(t, n, a, r, l, u, s) {
 function Or(t, n, a, r, l) {
   const u = t[n];
   if (!u || !Array.isArray(u) || u.length === 0) return null;
-  const s = `${t.id}::${n}`, h = l.has(s), i = a.expandColumns || [], c = a.expandTitleFn ? a.expandTitleFn(t) : n;
+  const s = `${t.id}::${n}`, h = l.has(s), i = a.expandColumns || [], o = a.expandTitleFn ? a.expandTitleFn(t) : n;
   return /* @__PURE__ */ e(
     "tr",
     {
-      className: v(Q.expansionDrawer, { [Q["expansionDrawer--open"]]: h }),
+      className: b(X.expansionDrawer, { [X["expansionDrawer--open"]]: h }),
       "data-drawer-id": s,
-      children: /* @__PURE__ */ e("td", { className: Q.expansionDrawer__cell, colSpan: r, children: /* @__PURE__ */ m("div", { className: Q.expansionDrawer__content, children: [
-        /* @__PURE__ */ e("div", { className: Q.expansionDrawer__title, children: c }),
-        /* @__PURE__ */ m("table", { className: Q.crossSellTable, "aria-label": c, children: [
+      children: /* @__PURE__ */ e("td", { className: X.expansionDrawer__cell, colSpan: r, children: /* @__PURE__ */ m("div", { className: X.expansionDrawer__content, children: [
+        /* @__PURE__ */ e("div", { className: X.expansionDrawer__title, children: o }),
+        /* @__PURE__ */ m("table", { className: X.crossSellTable, "aria-label": o, children: [
           /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ m("tr", { children: [
             i.map((d) => /* @__PURE__ */ e("th", { scope: "col", children: d.label }, d.key)),
             /* @__PURE__ */ e("th", { scope: "col" })
           ] }) }),
           /* @__PURE__ */ e("tbody", { children: u.map((d, f) => /* @__PURE__ */ m("tr", { children: [
-            i.map((y) => {
-              const k = d[y.key];
-              return y.type === "score-bar" ? /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(dt, { value: k }) }, y.key) : y.bold ? /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { style: { fontWeight: 500 }, children: k }) }, y.key) : y.muted ? /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { style: { fontSize: "0.75rem", color: "var(--on-surface-variant)" }, children: k }) }, y.key) : /* @__PURE__ */ e("td", { children: k }, y.key);
+            i.map((k) => {
+              const y = d[k.key];
+              return k.type === "score-bar" ? /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(dt, { value: y }) }, k.key) : k.bold ? /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { style: { fontWeight: 500 }, children: y }) }, k.key) : k.muted ? /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e("span", { style: { fontSize: "0.75rem", color: "var(--on-surface-variant)" }, children: y }) }, k.key) : /* @__PURE__ */ e("td", { children: y }, k.key);
             }),
             /* @__PURE__ */ e("td", { children: /* @__PURE__ */ m(
               "button",
               {
-                className: Q.quickAddBtn,
+                className: X.quickAddBtn,
                 "aria-label": `${d[i[0]?.key] || ""} hinzufügen`,
                 children: [
                   /* @__PURE__ */ m(
                     "svg",
                     {
-                      className: Q.quickAddBtn__icon,
+                      className: X.quickAddBtn__icon,
                       viewBox: "0 0 24 24",
                       fill: "none",
                       stroke: "currentColor",
@@ -2264,7 +2264,7 @@ function Or(t, n, a, r, l) {
     s
   );
 }
-const xt = b.forwardRef(
+const xt = g.forwardRef(
   ({
     rows: t,
     columns: n,
@@ -2275,42 +2275,42 @@ const xt = b.forwardRef(
     onToggleExpand: s,
     favorites: h,
     onToggleFavorite: i,
-    columnWidths: c = {},
+    columnWidths: o = {},
     onColumnResize: d,
     className: f
-  }, y) => {
-    const k = n.filter(([, _]) => _.visible), p = k.filter(([, _]) => _.type === "expand"), g = k.length, o = k.map(([_, x]) => ({
+  }, k) => {
+    const y = n.filter(([, _]) => _.visible), p = y.filter(([, _]) => _.type === "expand"), w = y.length, c = y.map(([_, C]) => ({
       key: _,
-      label: x.type === "favorite" ? void 0 : x.label,
-      sortable: x.sortable,
-      hideTablet: x.hideTablet,
-      hideMobile: x.hideMobile,
-      width: x.type === "favorite" ? 40 : void 0,
-      headerContent: x.type === "favorite" ? /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ e("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) }) : void 0
+      label: C.type === "favorite" ? void 0 : C.label,
+      sortable: C.sortable,
+      hideTablet: C.hideTablet,
+      hideMobile: C.hideMobile,
+      width: C.type === "favorite" ? 40 : void 0,
+      headerContent: C.type === "favorite" ? /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ e("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }) }) : void 0
     }));
     return /* @__PURE__ */ e(
-      Fe,
+      $e,
       {
-        ref: y,
-        columns: o,
+        ref: k,
+        columns: c,
         rows: t,
         rowKey: (_) => _.id,
-        renderCell: (_, x) => {
-          const S = k.find(([R]) => R === x.key)?.[1];
-          return S ? Tr(x.key, S, _, h, u, i, s) : null;
+        renderCell: (_, C) => {
+          const x = y.find(([L]) => L === C.key)?.[1];
+          return x ? Tr(C.key, x, _, h, u, i, s) : null;
         },
         sortColumn: a,
         sortDirection: r ?? void 0,
         onSort: l,
         resizable: !0,
-        columnWidths: c,
+        columnWidths: o,
         onColumnResize: d,
         renderExpandedRow: (_) => {
           if (p.length === 0) return null;
-          const x = p.map(
-            ([S, R]) => Or(_, S, R, g, u)
+          const C = p.map(
+            ([x, L]) => Or(_, x, L, w, u)
           );
-          return x.some(Boolean) ? /* @__PURE__ */ e(Y, { children: x }) : null;
+          return C.some(Boolean) ? /* @__PURE__ */ e(J, { children: C }) : null;
         },
         rowAnimation: !0,
         rowDataAttributes: (_) => ({ "data-row-id": _.id }),
@@ -2321,15 +2321,15 @@ const xt = b.forwardRef(
   }
 );
 xt.displayName = "DataTable";
-const zr = "_listView_atiqa_3", Mr = "_listItem_atiqa_7", Wr = "_title_atiqa_11", qr = "_meta_atiqa_20", Vr = "_metaDivider_atiqa_30", Gr = "_badges_atiqa_34", Hr = "_price_atiqa_41", Z = {
+const zr = "_listView_atiqa_3", Mr = "_listItem_atiqa_7", qr = "_title_atiqa_11", Wr = "_meta_atiqa_20", Vr = "_metaDivider_atiqa_30", Gr = "_badges_atiqa_34", Hr = "_price_atiqa_41", te = {
   listView: zr,
   listItem: Mr,
-  title: Wr,
-  meta: qr,
+  title: qr,
+  meta: Wr,
   metaDivider: Vr,
   badges: Gr,
   price: Hr
-}, Ct = b.forwardRef(
+}, Ct = g.forwardRef(
   ({
     rows: t,
     columns: n,
@@ -2340,72 +2340,72 @@ const zr = "_listView_atiqa_3", Mr = "_listItem_atiqa_7", Wr = "_title_atiqa_11"
     valueField: s,
     expandField: h,
     favorites: i,
-    onToggleFavorite: c,
+    onToggleFavorite: o,
     expandedRows: d,
     onToggleExpand: f,
-    renderCell: y,
-    className: k
+    renderCell: k,
+    className: y
   }, p) => {
-    const g = Object.fromEntries(n);
-    return /* @__PURE__ */ e(ve, { ref: p, className: v(Z.listView, k), children: t.map((o) => {
-      const N = i.has(o.id), w = o[r] ?? "", _ = l.filter((C) => !g[C] || a.has(C)), x = u.filter((C) => a.has(C)), S = /* @__PURE__ */ e(
-        ue,
+    const w = Object.fromEntries(n);
+    return /* @__PURE__ */ e(ve, { ref: p, className: b(te.listView, y), children: t.map((c) => {
+      const N = i.has(c.id), v = c[r] ?? "", _ = l.filter((S) => !w[S] || a.has(S)), C = u.filter((S) => a.has(S)), x = /* @__PURE__ */ e(
+        he,
         {
           pressed: N,
-          projectName: o.id,
+          projectName: c.id,
           size: "sm",
-          onToggle: () => c?.(o.id),
-          onClick: (C) => C.stopPropagation()
+          onToggle: () => o?.(c.id),
+          onClick: (S) => S.stopPropagation()
         }
-      ), R = /* @__PURE__ */ m(Y, { children: [
-        x.length > 0 && /* @__PURE__ */ e("div", { className: Z.badges, children: x.map((C) => {
-          const L = g[C];
-          return !L || !y ? null : /* @__PURE__ */ e(b.Fragment, { children: y(C, L, o) }, C);
+      ), L = /* @__PURE__ */ m(J, { children: [
+        C.length > 0 && /* @__PURE__ */ e("div", { className: te.badges, children: C.map((S) => {
+          const D = w[S];
+          return !D || !k ? null : /* @__PURE__ */ e(g.Fragment, { children: k(S, D, c) }, S);
         }) }),
-        s && a.has(s) && /* @__PURE__ */ e("div", { className: Z.price, children: g[s] && y ? y(s, g[s], o) : String(o[s] ?? "") }),
+        s && a.has(s) && /* @__PURE__ */ e("div", { className: te.price, children: w[s] && k ? k(s, w[s], c) : String(c[s] ?? "") }),
         h && a.has(h) && (() => {
-          const C = o[h];
-          if (!C || !Array.isArray(C) || C.length === 0) return null;
-          const A = g[h]?.expandLabel || "Einträge", I = `${o.id}::${h}`;
+          const S = c[h];
+          if (!S || !Array.isArray(S) || S.length === 0) return null;
+          const R = w[h]?.expandLabel || "Einträge", I = `${c.id}::${h}`;
           return /* @__PURE__ */ e(
             we,
             {
               expanded: d.has(I),
-              count: C.length,
-              "aria-label": `${C.length} ${A}`,
+              count: S.length,
+              "aria-label": `${S.length} ${R}`,
               onClick: () => f?.(I)
             }
           );
         })()
       ] });
       return /* @__PURE__ */ m(
-        Ee,
+        Fe,
         {
-          leading: S,
-          trailing: R,
-          className: Z.listItem,
-          "data-row-id": o.id,
+          leading: x,
+          trailing: L,
+          className: te.listItem,
+          "data-row-id": c.id,
           children: [
-            /* @__PURE__ */ e("div", { className: Z.title, children: w }),
-            _.length > 0 && /* @__PURE__ */ e("div", { className: Z.meta, children: _.map((C, L) => {
-              const A = g[C], I = A && y ? y(C, A, o) : /* @__PURE__ */ e("span", { children: String(o[C] ?? "") });
-              return /* @__PURE__ */ m(b.Fragment, { children: [
-                /* @__PURE__ */ e("span", { children: I }),
-                L < _.length - 1 && /* @__PURE__ */ e("span", { className: Z.metaDivider, "aria-hidden": "true", children: "·" })
-              ] }, C);
+            /* @__PURE__ */ e("div", { className: te.title, children: v }),
+            _.length > 0 && /* @__PURE__ */ e("div", { className: te.meta, children: _.map((S, D) => {
+              const R = w[S], I = R && k ? k(S, R, c) : void 0, j = I !== void 0 ? I : /* @__PURE__ */ e("span", { children: String(c[S] ?? "") });
+              return /* @__PURE__ */ m(g.Fragment, { children: [
+                /* @__PURE__ */ e("span", { children: j }),
+                D < _.length - 1 && /* @__PURE__ */ e("span", { className: te.metaDivider, "aria-hidden": "true", children: "·" })
+              ] }, S);
             }) })
           ]
         },
-        o.id
+        c.id
       );
     }) });
   }
 );
 Ct.displayName = "ListView";
-const Ur = "_cardGrid_h1jiq_3", Kr = "_header_h1jiq_11", Qr = "_title_h1jiq_17", Yr = "_subtitle_h1jiq_23", Xr = "_badges_h1jiq_29", Jr = "_row_h1jiq_35", Zr = "_label_h1jiq_41", es = "_value_h1jiq_48", ts = "_footer_h1jiq_55", as = "_footerLink_h1jiq_63", M = {
+const Ur = "_cardGrid_h1jiq_3", Qr = "_header_h1jiq_11", Kr = "_title_h1jiq_17", Yr = "_subtitle_h1jiq_23", Xr = "_badges_h1jiq_29", Jr = "_row_h1jiq_35", Zr = "_label_h1jiq_41", es = "_value_h1jiq_48", ts = "_footer_h1jiq_55", as = "_footerLink_h1jiq_63", W = {
   cardGrid: Ur,
-  header: Kr,
-  title: Qr,
+  header: Qr,
+  title: Kr,
   subtitle: Yr,
   badges: Xr,
   row: Jr,
@@ -2413,7 +2413,7 @@ const Ur = "_cardGrid_h1jiq_3", Kr = "_header_h1jiq_11", Qr = "_title_h1jiq_17",
   value: es,
   footer: ts,
   footerLink: as
-}, St = b.forwardRef(
+}, St = g.forwardRef(
   ({
     rows: t,
     columns: n,
@@ -2424,26 +2424,26 @@ const Ur = "_cardGrid_h1jiq_3", Kr = "_header_h1jiq_11", Qr = "_title_h1jiq_17",
     cardRows: s = [],
     footerField: h,
     expandField: i,
-    favorites: c,
+    favorites: o,
     onToggleFavorite: d,
     expandedRows: f,
-    onToggleExpand: y,
-    renderCell: k,
+    onToggleExpand: k,
+    renderCell: y,
     className: p
-  }, g) => {
-    const o = Object.fromEntries(n), N = u.filter((_) => a.has(_)), w = s.filter((_) => a.has(_.field));
-    return /* @__PURE__ */ e("div", { ref: g, className: v(M.cardGrid, p), children: t.map((_) => {
-      const x = c.has(_.id), S = _[r] ?? "", R = !l || !o[l] || a.has(l), C = l && R ? _[l] ?? "" : "", L = !h || !o[h] || a.has(h), A = h && L ? _[h] ?? "" : "";
+  }, w) => {
+    const c = Object.fromEntries(n), N = u.filter((_) => a.has(_)), v = s.filter((_) => a.has(_.field));
+    return /* @__PURE__ */ e("div", { ref: w, className: b(W.cardGrid, p), children: t.map((_) => {
+      const C = o.has(_.id), x = _[r] ?? "", L = !l || !c[l] || a.has(l), S = l && L ? _[l] ?? "" : "", D = !h || !c[h] || a.has(h), R = h && D ? _[h] ?? "" : "";
       return /* @__PURE__ */ m(nt, { "data-row-id": _.id, children: [
-        /* @__PURE__ */ m("div", { className: M.header, children: [
+        /* @__PURE__ */ m("div", { className: W.header, children: [
           /* @__PURE__ */ m("div", { children: [
-            /* @__PURE__ */ e("div", { className: M.title, children: S }),
-            C && /* @__PURE__ */ e("div", { className: M.subtitle, children: C })
+            /* @__PURE__ */ e("div", { className: W.title, children: x }),
+            S && /* @__PURE__ */ e("div", { className: W.subtitle, children: S })
           ] }),
           /* @__PURE__ */ e(
-            ue,
+            he,
             {
-              pressed: x,
+              pressed: C,
               projectName: _.id,
               size: "sm",
               onToggle: () => d?.(_.id),
@@ -2451,32 +2451,32 @@ const Ur = "_cardGrid_h1jiq_3", Kr = "_header_h1jiq_11", Qr = "_title_h1jiq_17",
             }
           )
         ] }),
-        N.length > 0 && /* @__PURE__ */ e("div", { className: M.badges, children: N.map((I) => {
-          const O = o[I];
-          return !O || !k ? null : /* @__PURE__ */ e(b.Fragment, { children: k(I, O, _) }, I);
+        N.length > 0 && /* @__PURE__ */ e("div", { className: W.badges, children: N.map((I) => {
+          const j = c[I];
+          return !j || !y ? null : /* @__PURE__ */ e(g.Fragment, { children: y(I, j, _) }, I);
         }) }),
-        w.map((I) => {
-          const O = o[I.field];
-          if (!O) return null;
-          const q = k ? k(I.field, O, _) : String(_[I.field] ?? "");
-          return /* @__PURE__ */ m("div", { className: M.row, children: [
-            /* @__PURE__ */ e("span", { className: M.label, children: I.label }),
-            /* @__PURE__ */ e("span", { className: M.value, children: q })
+        v.map((I) => {
+          const j = c[I.field];
+          if (!j) return null;
+          const M = y ? y(I.field, j, _) : void 0, ne = M !== void 0 ? M : String(_[I.field] ?? "");
+          return /* @__PURE__ */ m("div", { className: W.row, children: [
+            /* @__PURE__ */ e("span", { className: W.label, children: I.label }),
+            /* @__PURE__ */ e("span", { className: W.value, children: ne })
           ] }, I.field);
         }),
-        (A || i && a.has(i)) && /* @__PURE__ */ m("div", { className: M.footer, children: [
-          /* @__PURE__ */ e("span", { className: M.footerLink, children: A }),
+        (R || i && a.has(i)) && /* @__PURE__ */ m("div", { className: W.footer, children: [
+          /* @__PURE__ */ e("span", { className: W.footerLink, children: R }),
           i && a.has(i) && (() => {
             const I = _[i];
             if (!I || !Array.isArray(I) || I.length === 0) return null;
-            const q = o[i]?.expandLabel || "Einträge", he = `${_.id}::${i}`;
+            const M = c[i]?.expandLabel || "Einträge", ne = `${_.id}::${i}`;
             return /* @__PURE__ */ e(
               we,
               {
-                expanded: f.has(he),
+                expanded: f.has(ne),
                 count: I.length,
-                "aria-label": `${I.length} ${q}`,
-                onClick: () => y?.(he)
+                "aria-label": `${I.length} ${M}`,
+                onClick: () => k?.(ne)
               }
             );
           })()
@@ -2486,11 +2486,16 @@ const Ur = "_cardGrid_h1jiq_3", Kr = "_header_h1jiq_11", Qr = "_title_h1jiq_17",
   }
 );
 St.displayName = "CardView";
-const ns = "_configPopover__title_1u5mf_3", rs = "_configPopover__item_1u5mf_12", ss = "_configPopover__dragHandle_1u5mf_38", ee = {
+const ns = "_configPopover__title_10fyq_3", rs = "_configPopover__itemWrapper_10fyq_12", ss = "_configPopover__item_10fyq_12", ls = "_configPopover__dragHandle_10fyq_45", is = "_configPopover__dropIndicator_10fyq_59", T = {
   configPopover__title: ns,
-  configPopover__item: rs,
-  configPopover__dragHandle: ss
-}, Dt = b.forwardRef(
+  configPopover__itemWrapper: rs,
+  configPopover__item: ss,
+  "configPopover__item--dragging": "_configPopover__item--dragging_10fyq_41",
+  configPopover__dragHandle: ls,
+  configPopover__dropIndicator: is,
+  "configPopover__dropIndicator--before": "_configPopover__dropIndicator--before_10fyq_70",
+  "configPopover__dropIndicator--after": "_configPopover__dropIndicator--after_10fyq_74"
+}, Dt = g.forwardRef(
   ({
     open: t,
     anchorRef: n,
@@ -2501,71 +2506,95 @@ const ns = "_configPopover__title_1u5mf_3", rs = "_configPopover__item_1u5mf_12"
     onReorder: s,
     className: h
   }, i) => {
-    const c = tt(null), d = le((y) => {
-      c.current = y;
-    }, []), f = le(
-      (y) => {
-        if (!c.current || c.current === y) return;
-        const k = [...r], p = k.indexOf(c.current), g = k.indexOf(y);
-        p === -1 || g === -1 || (k.splice(p, 1), k.splice(g, 0, c.current), c.current = null, s?.(k));
+    const o = tt(null), [d, f] = F(null), [k, y] = F(null), [p, w] = F(null), c = G((x) => {
+      o.current = x, f(x);
+    }, []), N = G(
+      (x, L) => {
+        if (x.preventDefault(), x.dataTransfer.dropEffect = "move", o.current && o.current !== L) {
+          const S = x.currentTarget.getBoundingClientRect(), D = S.top + S.height / 2;
+          y(L), w(x.clientY < D ? "before" : "after");
+        }
       },
-      [r, s]
-    );
+      []
+    ), v = G((x) => {
+      const L = x.relatedTarget;
+      x.currentTarget.contains(L) || (y(null), w(null));
+    }, []), _ = G(
+      (x, L) => {
+        if (x.preventDefault(), !o.current || o.current === L) return;
+        const S = [...r], D = S.indexOf(o.current), R = S.indexOf(L);
+        if (D === -1 || R === -1) return;
+        S.splice(D, 1);
+        const I = p === "after" ? D < R ? R : R + 1 : D < R ? R - 1 : R;
+        S.splice(Math.max(0, I), 0, o.current), o.current = null, f(null), y(null), w(null), s?.(S);
+      },
+      [r, s, p]
+    ), C = G(() => {
+      o.current = null, f(null), y(null), w(null);
+    }, []);
     return /* @__PURE__ */ m(
-      We,
+      qe,
       {
         ref: i,
         open: t,
         anchorRef: n,
         align: "end",
         "aria-label": "Datenfelder konfigurieren",
-        className: v(ee.configPopover, h),
+        className: b(T.configPopover, h),
         children: [
-          /* @__PURE__ */ e("div", { className: ee.configPopover__title, children: "Sichtbare Datenfelder" }),
-          r.map((y) => {
-            const k = a[y];
-            if (!k) return null;
-            const p = l.has(y);
-            return /* @__PURE__ */ m(
-              "div",
-              {
-                className: v(ee.configPopover__item, {
-                  [ee["configPopover__item--checked"]]: p
-                }),
-                draggable: !0,
-                onDragStart: () => d(y),
-                onDragOver: (g) => {
-                  g.preventDefault(), g.dataTransfer.dropEffect = "move";
-                },
-                onDrop: (g) => {
-                  g.preventDefault(), f(y);
-                },
-                onClick: (g) => {
-                  g.target.closest(`.${ee.configPopover__dragHandle}`) || u?.(y);
-                },
-                children: [
-                  /* @__PURE__ */ e(
-                    ut,
-                    {
-                      checked: p,
-                      label: k.label,
-                      className: ee.configPopover__checkbox
-                    }
-                  ),
-                  /* @__PURE__ */ e("span", { className: ee.configPopover__dragHandle, "aria-hidden": "true", children: /* @__PURE__ */ m("svg", { width: "10", height: "16", viewBox: "0 0 10 16", fill: "currentColor", children: [
-                    /* @__PURE__ */ e("circle", { cx: "3", cy: "2", r: "1.25" }),
-                    /* @__PURE__ */ e("circle", { cx: "7", cy: "2", r: "1.25" }),
-                    /* @__PURE__ */ e("circle", { cx: "3", cy: "6", r: "1.25" }),
-                    /* @__PURE__ */ e("circle", { cx: "7", cy: "6", r: "1.25" }),
-                    /* @__PURE__ */ e("circle", { cx: "3", cy: "10", r: "1.25" }),
-                    /* @__PURE__ */ e("circle", { cx: "7", cy: "10", r: "1.25" }),
-                    /* @__PURE__ */ e("circle", { cx: "3", cy: "14", r: "1.25" }),
-                    /* @__PURE__ */ e("circle", { cx: "7", cy: "14", r: "1.25" })
-                  ] }) })
-                ]
-              },
-              y
-            );
+          /* @__PURE__ */ e("div", { className: T.configPopover__title, children: "Sichtbare Datenfelder" }),
+          r.map((x) => {
+            const L = a[x];
+            if (!L) return null;
+            const S = l.has(x), D = d === x, R = k === x && p === "before" && d !== x, I = k === x && p === "after" && d !== x;
+            return /* @__PURE__ */ m("div", { className: T.configPopover__itemWrapper, children: [
+              R && /* @__PURE__ */ e("div", { className: b(T.configPopover__dropIndicator, T["configPopover__dropIndicator--before"]) }),
+              /* @__PURE__ */ m(
+                "div",
+                {
+                  className: b(T.configPopover__item, {
+                    [T["configPopover__item--checked"]]: S,
+                    [T["configPopover__item--dragging"]]: D
+                  }),
+                  draggable: !0,
+                  onDragStart: () => c(x),
+                  onDragOver: (j) => N(j, x),
+                  onDragLeave: v,
+                  onDrop: (j) => _(j, x),
+                  onDragEnd: C,
+                  children: [
+                    /* @__PURE__ */ e(
+                      ut,
+                      {
+                        checked: S,
+                        onChange: () => u?.(x),
+                        label: L.label,
+                        className: T.configPopover__checkbox
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: T.configPopover__dragHandle,
+                        "aria-hidden": "true",
+                        onClick: (j) => j.stopPropagation(),
+                        children: /* @__PURE__ */ m("svg", { width: "10", height: "16", viewBox: "0 0 10 16", fill: "currentColor", children: [
+                          /* @__PURE__ */ e("circle", { cx: "3", cy: "2", r: "1.25" }),
+                          /* @__PURE__ */ e("circle", { cx: "7", cy: "2", r: "1.25" }),
+                          /* @__PURE__ */ e("circle", { cx: "3", cy: "6", r: "1.25" }),
+                          /* @__PURE__ */ e("circle", { cx: "7", cy: "6", r: "1.25" }),
+                          /* @__PURE__ */ e("circle", { cx: "3", cy: "10", r: "1.25" }),
+                          /* @__PURE__ */ e("circle", { cx: "7", cy: "10", r: "1.25" }),
+                          /* @__PURE__ */ e("circle", { cx: "3", cy: "14", r: "1.25" }),
+                          /* @__PURE__ */ e("circle", { cx: "7", cy: "14", r: "1.25" })
+                        ] })
+                      }
+                    )
+                  ]
+                }
+              ),
+              I && /* @__PURE__ */ e("div", { className: b(T.configPopover__dropIndicator, T["configPopover__dropIndicator--after"]) })
+            ] }, x);
           })
         ]
       }
@@ -2573,14 +2602,14 @@ const ns = "_configPopover__title_1u5mf_3", rs = "_configPopover__item_1u5mf_12"
   }
 );
 Dt.displayName = "ConfigPopover";
-const ls = "_moreFilters_t87fp_3", is = "_moreFilters__header_t87fp_8", os = "_moreFilters__title_t87fp_15", cs = "_moreFilters__clear_t87fp_21", ds = "_moreFilters__group_t87fp_35", _s = "_moreFilters__select_t87fp_39", re = {
-  moreFilters: ls,
-  moreFilters__header: is,
-  moreFilters__title: os,
-  moreFilters__clear: cs,
-  moreFilters__group: ds,
-  moreFilters__select: _s
-}, It = b.forwardRef(
+const os = "_moreFilters_t87fp_3", cs = "_moreFilters__header_t87fp_8", ds = "_moreFilters__title_t87fp_15", _s = "_moreFilters__clear_t87fp_21", us = "_moreFilters__group_t87fp_35", hs = "_moreFilters__select_t87fp_39", le = {
+  moreFilters: os,
+  moreFilters__header: cs,
+  moreFilters__title: ds,
+  moreFilters__clear: _s,
+  moreFilters__group: us,
+  moreFilters__select: hs
+}, It = g.forwardRef(
   ({
     open: t,
     anchorRef: n,
@@ -2591,49 +2620,49 @@ const ls = "_moreFilters_t87fp_3", is = "_moreFilters__header_t87fp_8", os = "_m
     onClearAll: s,
     className: h
   }, i) => {
-    const c = a.filter(
+    const o = a.filter(
       ([, f]) => f.filterable && !f.primaryFilter
-    ), d = c.filter(
+    ), d = o.filter(
       ([f]) => r[f] != null
     ).length;
     return /* @__PURE__ */ m(
-      We,
+      qe,
       {
         ref: i,
         open: t,
         anchorRef: n,
         align: "start",
         "aria-label": "Weitere Filter",
-        className: v(re.moreFilters, h),
+        className: b(le.moreFilters, h),
         children: [
-          /* @__PURE__ */ m("div", { className: re.moreFilters__header, children: [
-            /* @__PURE__ */ e("span", { className: re.moreFilters__title, children: "Weitere Filter" }),
+          /* @__PURE__ */ m("div", { className: le.moreFilters__header, children: [
+            /* @__PURE__ */ e("span", { className: le.moreFilters__title, children: "Weitere Filter" }),
             d > 0 && /* @__PURE__ */ e(
               "button",
               {
-                className: re.moreFilters__clear,
+                className: le.moreFilters__clear,
                 onClick: s,
                 children: "Alle zurücksetzen"
               }
             )
           ] }),
-          c.map(([f, y]) => {
-            const k = l[f] || [], p = r[f], g = k.map((o) => ({ value: o, label: o }));
+          o.map(([f, k]) => {
+            const y = l[f] || [], p = r[f], w = y.map((c) => ({ value: c, label: c }));
             return /* @__PURE__ */ e(
-              W,
+              V,
               {
-                label: y.label,
+                label: k.label,
                 htmlFor: `filter-${f}`,
-                className: re.moreFilters__group,
+                className: le.moreFilters__group,
                 children: /* @__PURE__ */ e(
-                  se,
+                  ie,
                   {
                     id: `filter-${f}`,
-                    options: g,
+                    options: w,
                     value: p ?? "",
-                    onChange: (o) => u?.(f, o === "" ? null : o),
+                    onChange: (c) => u?.(f, c === "" ? null : c),
                     placeholder: "Alle",
-                    className: re.moreFilters__select
+                    className: le.moreFilters__select
                   }
                 )
               },
@@ -2646,9 +2675,9 @@ const ls = "_moreFilters_t87fp_3", is = "_moreFilters__header_t87fp_8", os = "_m
   }
 );
 It.displayName = "MoreFiltersPopover";
-const Lt = b.forwardRef(
-  ({ count: t, total: n, label: a = "Einträge", className: r }, l) => /* @__PURE__ */ m("div", { ref: l, className: v(ge.resultCount, r), children: [
-    /* @__PURE__ */ e("span", { className: ge.resultCount__number, children: t }),
+const Lt = g.forwardRef(
+  ({ count: t, total: n, label: a = "Einträge", className: r }, l) => /* @__PURE__ */ m("div", { ref: l, className: b(be.resultCount, r), children: [
+    /* @__PURE__ */ e("span", { className: be.resultCount__number, children: t }),
     " von ",
     n,
     " ",
@@ -2657,7 +2686,7 @@ const Lt = b.forwardRef(
   ] })
 );
 Lt.displayName = "ResultCount";
-const Rt = b.forwardRef(
+const Rt = g.forwardRef(
   ({
     rows: t,
     totalRows: n,
@@ -2668,65 +2697,65 @@ const Rt = b.forwardRef(
     resultLabel: s = "Einträge",
     currentView: h,
     onViewChange: i,
-    searchQuery: c,
+    searchQuery: o,
     onSearchChange: d,
     filters: f,
-    filterOptions: y,
-    onFilterChange: k,
+    filterOptions: k,
+    onFilterChange: y,
     sortColumn: p,
-    sortDirection: g,
-    onSort: o,
+    sortDirection: w,
+    onSort: c,
     expandedRows: N,
-    onToggleExpand: w,
+    onToggleExpand: v,
     favorites: _,
-    onToggleFavorite: x,
-    columnWidths: S,
-    onColumnResize: R,
-    onToggleColumn: C,
-    onReorderColumns: L,
-    onClearSecondaryFilters: A,
+    onToggleFavorite: C,
+    columnWidths: x,
+    onColumnResize: L,
+    onToggleColumn: S,
+    onReorderColumns: D,
+    onClearSecondaryFilters: R,
     renderListCell: I,
-    renderCardCell: O,
-    className: q
-  }, he) => {
-    const [qe, jt] = b.useState(!1), [Ve, $t] = b.useState(!1), Ge = b.useRef(null), He = b.useRef(null), ae = r.filter(($) => a[$]).map(($) => [$, a[$]]), Bt = ae.filter(
-      ([$]) => l.has($)
-    ), Ft = ae.filter(
-      ([, $]) => $.filterable && !$.primaryFilter
+    renderCardCell: j,
+    className: M
+  }, ne) => {
+    const [We, At] = g.useState(!1), [Ve, jt] = g.useState(!1), Ge = g.useRef(null), He = g.useRef(null), re = r.filter((B) => a[B]).map((B) => [B, a[B]]), Bt = re.filter(
+      ([B]) => l.has(B)
+    ), $t = re.filter(
+      ([, B]) => B.filterable && !B.primaryFilter
     ).filter(
-      ([$]) => f[$] != null
+      ([B]) => f[B] != null
     ).length;
-    return /* @__PURE__ */ m("div", { ref: he, className: v(ge.dataGrid, q), children: [
+    return /* @__PURE__ */ m("div", { ref: ne, className: b(be.dataGrid, M), children: [
       /* @__PURE__ */ e(
         vt,
         {
           currentView: h,
           onViewChange: i,
-          searchQuery: c,
+          searchQuery: o,
           onSearchChange: d,
-          columns: ae,
+          columns: re,
           filters: f,
-          filterOptions: y,
-          onFilterChange: k,
-          onSettingsClick: () => jt(($) => !$),
-          settingsExpanded: qe,
+          filterOptions: k,
+          onFilterChange: y,
+          onSettingsClick: () => At((B) => !B),
+          settingsExpanded: We,
           settingsBtnRef: Ge,
-          onMoreFiltersClick: () => $t(($) => !$),
+          onMoreFiltersClick: () => jt((B) => !B),
           moreFiltersExpanded: Ve,
           moreFiltersBtnRef: He,
-          activeSecondaryFilterCount: Ft
+          activeSecondaryFilterCount: $t
         }
       ),
       /* @__PURE__ */ e(
         Dt,
         {
-          open: qe,
+          open: We,
           anchorRef: Ge,
           columns: a,
           columnOrder: r,
           visibleColumns: l,
-          onToggleColumn: C,
-          onReorder: L
+          onToggleColumn: S,
+          onReorder: D
         }
       ),
       /* @__PURE__ */ e(
@@ -2734,41 +2763,41 @@ const Rt = b.forwardRef(
         {
           open: Ve,
           anchorRef: He,
-          columns: ae,
+          columns: re,
           filters: f,
-          filterOptions: y,
-          onFilterChange: k,
-          onClearAll: A
+          filterOptions: k,
+          onFilterChange: y,
+          onClearAll: R
         }
       ),
-      /* @__PURE__ */ e("div", { className: ge.dataGrid__viewPanel, children: t.length === 0 ? /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: be.dataGrid__viewPanel, children: t.length === 0 ? /* @__PURE__ */ e(
         ze,
         {
           title: "Keine Ergebnisse",
           text: "Versuche andere Filter oder Suchbegriffe."
         }
-      ) : /* @__PURE__ */ m(Y, { children: [
+      ) : /* @__PURE__ */ m(J, { children: [
         h === "table" && /* @__PURE__ */ e(
           xt,
           {
             rows: t,
             columns: Bt,
             sortColumn: p,
-            sortDirection: g,
-            onSort: o,
+            sortDirection: w,
+            onSort: c,
             expandedRows: N,
-            onToggleExpand: w,
+            onToggleExpand: v,
             favorites: _,
-            onToggleFavorite: x,
-            columnWidths: S,
-            onColumnResize: R
+            onToggleFavorite: C,
+            columnWidths: x,
+            onColumnResize: L
           }
         ),
         h === "list" && /* @__PURE__ */ e(
           Ct,
           {
             rows: t,
-            columns: ae,
+            columns: re,
             visibleColumns: l,
             titleField: u.list.titleField,
             metaFields: u.list.metaFields,
@@ -2776,9 +2805,9 @@ const Rt = b.forwardRef(
             valueField: u.list.valueField,
             expandField: u.list.expandField,
             favorites: _,
-            onToggleFavorite: x,
+            onToggleFavorite: C,
             expandedRows: N,
-            onToggleExpand: w,
+            onToggleExpand: v,
             renderCell: I
           }
         ),
@@ -2786,7 +2815,7 @@ const Rt = b.forwardRef(
           St,
           {
             rows: t,
-            columns: ae,
+            columns: re,
             visibleColumns: l,
             titleField: u.card.titleField,
             subtitleField: u.card.subtitleField,
@@ -2795,10 +2824,10 @@ const Rt = b.forwardRef(
             footerField: u.card.footerField,
             expandField: u.card.expandField,
             favorites: _,
-            onToggleFavorite: x,
+            onToggleFavorite: C,
             expandedRows: N,
-            onToggleExpand: w,
-            renderCell: O
+            onToggleExpand: v,
+            renderCell: j
           }
         )
       ] }) }),
@@ -2814,7 +2843,7 @@ const Rt = b.forwardRef(
   }
 );
 Rt.displayName = "DataGrid";
-function At(t, n) {
+function Pt(t, n) {
   return {
     currentView: "table",
     searchQuery: "",
@@ -2830,7 +2859,7 @@ function At(t, n) {
     columnWidths: {}
   };
 }
-function us(t, n) {
+function ms(t, n) {
   switch (n.type) {
     case "SET_VIEW":
       return { ...t, currentView: n.view, expandedRows: /* @__PURE__ */ new Set() };
@@ -2871,14 +2900,14 @@ function us(t, n) {
     }
     case "SWITCH_SOURCE":
       return {
-        ...At(n.columns, n.columnOrder),
+        ...Pt(n.columns, n.columnOrder),
         favorites: t.favorites
       };
     default:
       return t;
   }
 }
-function hs(t, n, a) {
+function ps(t, n, a) {
   let r = t;
   if (a.searchQuery) {
     const l = a.searchQuery.toLowerCase(), u = Object.entries(n).filter(([, s]) => s.searchable !== !1 && s.type !== "expand").map(([s]) => s);
@@ -2896,13 +2925,13 @@ function hs(t, n, a) {
   }), a.sortColumn) {
     const l = a.sortColumn, u = a.sortDirection === "asc" ? 1 : -1;
     r = [...r].sort((s, h) => {
-      const i = s[l], c = h[l];
-      return i == null && c == null ? 0 : i == null ? u : c == null ? -u : typeof i == "number" && typeof c == "number" ? (i - c) * u : String(i).localeCompare(String(c)) * u;
+      const i = s[l], o = h[l];
+      return i == null && o == null ? 0 : i == null ? u : o == null ? -u : typeof i == "number" && typeof o == "number" ? (i - o) * u : String(i).localeCompare(String(o)) * u;
     });
   }
   return r;
 }
-function ms(t, n) {
+function fs(t, n) {
   const a = {};
   return Object.entries(n).forEach(([r, l]) => {
     if (!l.filterable) return;
@@ -2917,42 +2946,42 @@ function ms(t, n) {
     }), a[r] = [...u].sort();
   }), a;
 }
-const ps = b.forwardRef(
+const gs = g.forwardRef(
   ({ sources: t, initialSourceKey: n, className: a }, r) => {
-    const [l, u] = b.useState(
+    const [l, u] = g.useState(
       n ?? t[0]?.key ?? ""
-    ), s = t.find((p) => p.key === l) ?? t[0], h = te(() => Object.keys(s.columns), [s]), [i, c] = Pt(
-      us,
+    ), s = t.find((p) => p.key === l) ?? t[0], h = ae(() => Object.keys(s.columns), [s]), [i, o] = Et(
+      ms,
       { columns: s.columns, columnOrder: h },
-      ({ columns: p, columnOrder: g }) => At(p, g)
-    ), d = le(
+      ({ columns: p, columnOrder: w }) => Pt(p, w)
+    ), d = G(
       (p) => {
-        const g = t.find((N) => N.key === p);
-        if (!g) return;
+        const w = t.find((N) => N.key === p);
+        if (!w) return;
         u(p);
-        const o = Object.keys(g.columns);
-        c({
+        const c = Object.keys(w.columns);
+        o({
           type: "SWITCH_SOURCE",
-          columns: g.columns,
-          columnOrder: o
+          columns: w.columns,
+          columnOrder: c
         });
       },
       [t]
-    ), f = te(
-      () => hs(s.data, s.columns, i),
+    ), f = ae(
+      () => ps(s.data, s.columns, i),
       [s.data, s.columns, i]
-    ), y = te(
-      () => ms(s.data, s.columns),
+    ), k = ae(
+      () => fs(s.data, s.columns),
       [s.data, s.columns]
-    ), k = te(
+    ), y = ae(
       () => new Set(
         Object.entries(s.columns).filter(([, p]) => p.filterable && p.primaryFilter).map(([p]) => p)
       ),
       [s.columns]
     );
-    return /* @__PURE__ */ m("div", { ref: r, className: v(er.page, a), children: [
+    return /* @__PURE__ */ m("div", { ref: r, className: b(er.page, a), children: [
       /* @__PURE__ */ e(
-        gt,
+        bt,
         {
           sources: t,
           activeSourceKey: l,
@@ -2970,73 +2999,73 @@ const ps = b.forwardRef(
           layout: s.layout,
           resultLabel: s.resultLabel,
           currentView: i.currentView,
-          onViewChange: (p) => c({ type: "SET_VIEW", view: p }),
+          onViewChange: (p) => o({ type: "SET_VIEW", view: p }),
           searchQuery: i.searchQuery,
-          onSearchChange: (p) => c({ type: "SET_SEARCH", query: p }),
+          onSearchChange: (p) => o({ type: "SET_SEARCH", query: p }),
           filters: i.filters,
-          filterOptions: y,
-          onFilterChange: (p, g) => c({ type: "SET_FILTER", key: p, value: g }),
+          filterOptions: k,
+          onFilterChange: (p, w) => o({ type: "SET_FILTER", key: p, value: w }),
           sortColumn: i.sortColumn,
           sortDirection: i.sortDirection,
-          onSort: (p) => c({ type: "SET_SORT", column: p }),
+          onSort: (p) => o({ type: "SET_SORT", column: p }),
           expandedRows: i.expandedRows,
-          onToggleExpand: (p) => c({ type: "TOGGLE_EXPAND", compositeKey: p }),
+          onToggleExpand: (p) => o({ type: "TOGGLE_EXPAND", compositeKey: p }),
           favorites: i.favorites,
-          onToggleFavorite: (p) => c({ type: "TOGGLE_FAVORITE", id: p }),
+          onToggleFavorite: (p) => o({ type: "TOGGLE_FAVORITE", id: p }),
           columnWidths: i.columnWidths,
-          onColumnResize: (p, g) => c({ type: "SET_COLUMN_WIDTH", colKey: p, width: g }),
-          onToggleColumn: (p) => c({ type: "TOGGLE_COLUMN", key: p }),
-          onReorderColumns: (p) => c({ type: "REORDER_COLUMNS", newOrder: p }),
-          onClearSecondaryFilters: () => c({ type: "CLEAR_SECONDARY_FILTERS", primaryFilterKeys: k })
+          onColumnResize: (p, w) => o({ type: "SET_COLUMN_WIDTH", colKey: p, width: w }),
+          onToggleColumn: (p) => o({ type: "TOGGLE_COLUMN", key: p }),
+          onReorderColumns: (p) => o({ type: "REORDER_COLUMNS", newOrder: p }),
+          onClearSecondaryFilters: () => o({ type: "CLEAR_SECONDARY_FILTERS", primaryFilterKeys: y })
         }
       )
     ] });
   }
 );
-ps.displayName = "DataVisualizationPage";
+gs.displayName = "DataVisualizationPage";
 export {
-  _e as Avatar,
-  Pe as AvatarGroup,
+  ue as Avatar,
+  Ee as AvatarGroup,
   Le as Badge,
   ve as BaseList,
-  Fe as BaseTable,
-  V as Button,
+  $e as BaseTable,
+  H as Button,
   St as CardView,
   ut as Checkbox,
   Re as Checklist,
   Dt as ConfigPopover,
-  Pn as DashboardPage,
+  En as DashboardPage,
   nt as DataCard,
   Rt as DataGrid,
   xt as DataTable,
-  ps as DataVisualizationPage,
-  gt as DomainSwitcher,
+  gs as DataVisualizationPage,
+  bt as DomainSwitcher,
   ze as EmptyState,
   we as ExpandButton,
-  ue as FavoriteButton,
+  he as FavoriteButton,
   _t as FilterChip,
-  W as FormField,
-  Ee as ListItem,
+  V as FormField,
+  Fe as ListItem,
   Ct as ListView,
   mt as Modal,
   It as MoreFiltersPopover,
-  We as Popover,
+  qe as Popover,
   Te as PriorityBadge,
   ct as ProgressCircle,
   it as ProjectTable,
   dt as ScoreBar,
   Oe as SearchInput,
   Me as SegmentedControl,
-  se as Select,
+  ie as Select,
   rt as StatusBadge,
   lt as StatusChart,
   ot as StatusDropdown,
   st as StatusLegendItem,
-  bt as TaskDetailModal,
+  gt as TaskDetailModal,
   pt as TaskItem,
   Jn as TaskWidget,
   ht as TextArea,
-  je as TextInput,
+  Ae as TextInput,
   vt as Toolbar,
-  be as WidgetCard
+  ge as WidgetCard
 };