@fastnd/components 1.0.14 → 1.0.17

package/dist/components.js

@@ -1,181 +1,181 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('._tableContainer_133qi_4{overflow-x:auto}._table_133qi_4{width:100%;border-collapse:separate;border-spacing:0;text-align:left;table-layout:fixed}._table__head_133qi_18 th{font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);padding:.625rem 1rem;border-bottom:1px solid var(--border);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}._table__head_133qi_18 th._sortable_133qi_32{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s ease}._table__head_133qi_18 th._sortable_133qi_32:hover{color:var(--on-surface)}._table__head_133qi_18 th:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}._sortIndicator_133qi_48{display:inline-flex;margin-left:.25rem;opacity:.4;vertical-align:middle}._table__head_133qi_18 th[aria-sort] ._sortIndicator_133qi_48{opacity:1;color:var(--primary)}._colResizeHandle_133qi_61{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:5;background:transparent}._colResizeHandle_133qi_61:hover{background-color:var(--primary);opacity:.4}._table--resizing_133qi_77{cursor:col-resize;-webkit-user-select:none;user-select:none}._table--resizing_133qi_77 *{cursor:col-resize!important}._table__row_133qi_87{transition:background-color .1s ease}._table__row_133qi_87:hover{background-color:var(--surface-hover)}._table__row_133qi_87 td{padding:.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:middle;overflow:hidden;text-overflow:ellipsis}._table__row_133qi_87:last-child td{border-bottom:none}._table__row--animated_133qi_108{animation:_fadeInRow_133qi_1 .2s ease both}@keyframes _fadeInRow_133qi_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){._table__row--animated_133qi_108{animation:none}}@media(max-width:1024px){._col-hide-tablet_133qi_131{display:none}}@media(max-width:640px){._col-hide-mobile_133qi_137{display:none}}._widgetCard_gx9fj_4{background-color:var(--surface);color:var(--on-surface);border:1px solid var(--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_gx9fj_1 .4s ease-out}._widgetCard--half_gx9fj_18{max-width:520px}._widgetCard__header_gx9fj_23{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}._widgetCard--full_gx9fj_33 ._widgetCard__header_gx9fj_23{padding:1.5rem 2.5%}._widgetCard__title_gx9fj_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_gx9fj_33 ._widgetCard__title_gx9fj_37{font-size:1.5rem}._widgetCard__content_gx9fj_52{flex:1 1 0}._widgetCard__content--scrollable_gx9fj_56{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}._widgetCard__content--scrollable_gx9fj_56::-webkit-scrollbar{width:4px}._widgetCard__content--scrollable_gx9fj_56::-webkit-scrollbar-track{background:transparent}._widgetCard__content--scrollable_gx9fj_56::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:2px}._widgetCard__content--padded_gx9fj_76{padding:1rem 5%}._widgetCard--full_gx9fj_33 ._widgetCard__content--padded_gx9fj_76{padding:1.5rem 2.5%}@keyframes _fadeIn_gx9fj_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){._widgetCard_gx9fj_4{animation:none}}._dataCard_19cka_3{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;transition:box-shadow .15s ease,border-color .15s ease;display:flex;flex-direction:column;gap:.75rem}._dataCard_19cka_3:hover{box-shadow:var(--shadow-md)}._dataCard--clickable_19cka_18{cursor:pointer}._dataCard--clickable_19cka_18:focus-visible{outline:2px solid var(--primary);outline-offset:2px}._baseList_47qml_3{display:flex;flex-direction:column}._baseList--scrollable_47qml_8{overflow-y:auto;flex:1 1 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}._baseList--scrollable_47qml_8::-webkit-scrollbar{width:4px}._baseList--scrollable_47qml_8::-webkit-scrollbar-track{background:transparent}._baseList--scrollable_47qml_8::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:2px}._listItem_1ssj2_3{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);transition:background-color .1s ease;font-family:var(--font-inter)}._listItem_1ssj2_3:last-child{border-bottom:none}._listItem_1ssj2_3:hover{background-color:var(--surface-hover)}._listItem--clickable_1ssj2_21{cursor:pointer}._listItem_1ssj2_3:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}._listItem__leading_1ssj2_31{flex-shrink:0;display:flex;align-items:center}._listItem__content_1ssj2_37{flex:1;min-width:0}._listItem__trailing_1ssj2_42{flex-shrink:0;display:flex;align-items:center;gap:.5rem}@media(max-width:640px){._listItem_1ssj2_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_1xv4z_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_1xv4z_3:hover,._status-legend__item_1xv4z_3:focus-visible{background-color:var(--surface-variant);outline:none}._status-legend__item--active_1xv4z_22{background-color:var(--surface-variant);border-color:var(--border)}._status-legend__label-wrap_1xv4z_27{display:flex;align-items:center;gap:.5rem}._status-legend__color_1xv4z_33{width:12px;height:12px;border-radius:50%;flex-shrink:0;background-color:var(--custom-color, var(--current-color))}._status-legend__label_1xv4z_27{font-size:.875rem;color:var(--on-surface);font-weight:500}._status-legend__count_1xv4z_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_1xv4z_57{--current-color: var(--status-neu)}._color-offen_1xv4z_61{--current-color: var(--status-offen)}._color-in-prufung_1xv4z_65{--current-color: var(--status-in-prufung)}._color-validierung_1xv4z_69{--current-color: var(--status-validierung)}._color-abgeschlossen_1xv4z_73{--current-color: var(--status-abgeschlossen)}._color-alle_1xv4z_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_17ic7_3{width:1.5rem;height:1.5rem;border-radius:50%;background-color:var(--surface-variant);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:var(--on-surface);text-transform:uppercase}._avatar-group_17ic7_18{display:flex;align-items:center}._group-member_17ic7_23{margin-right:-.5rem;position:relative;z-index:1;border:2px solid var(--surface)}._group-member_17ic7_23:hover{z-index:10}._btn_7bh63_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_7bh63_3:focus-visible{outline:2px solid var(--primary);outline-offset:2px}._btn_7bh63_3:active{transform:scale(.98)}._btn--primary_7bh63_27{background:var(--gradient-header);color:#fff;padding:.5rem 1rem;box-shadow:var(--shadow-sm)}._btn--primary_7bh63_27:hover{box-shadow:var(--shadow-md);opacity:.9}._btn--outline_7bh63_39{background-color:transparent;border-color:var(--border);color:var(--on-surface);padding:.375rem .75rem;min-width:110px}._btn--outline_7bh63_39:hover{background-color:var(--surface-variant);color:var(--on-surface)}._btn--ghost_7bh63_52{background-color:transparent;color:var(--on-surface-variant);padding:.375rem}._btn--ghost_7bh63_52:hover{background-color:var(--surface-variant);color:var(--on-surface)}._btn--sm_7bh63_63{padding:.2rem .4rem;font-size:.75rem;min-width:auto!important}._badge_1e35x_3{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-grotesk);font-weight:800}._badge--high_1e35x_12{background-color:var(--error-variant);color:var(--error);border:1px solid color-mix(in srgb,var(--error),transparent 80%)}._badge--medium_1e35x_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_1e35x_24{background-color:var(--surface-variant);color:var(--on-surface-variant);border:1px solid var(--border)}._badge--size-small_1e35x_30{width:1.5rem;height:1.5rem;border-radius:.375rem;font-size:.75rem}._badge--size-large_1e35x_37{width:2.25rem;height:2.25rem;border-radius:.5rem;font-size:1.125rem}._badge--size-large_1e35x_37._badge--low_1e35x_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_15zae_3{position:relative;display:inline-block;width:88px}._status-trigger_15zae_9{width:100%!important;justify-content:space-between!important}._status-menu_15zae_14{position:absolute;top:100%;right:0;margin-top:.25rem;background-color:var(--surface);border:1px solid var(--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_15zae_1 .15s ease-out}._status-menu_15zae_14._is-open_15zae_31{display:block}._status-menu-item_15zae_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_15zae_35:hover{background-color:var(--surface-variant)}._status-menu-item_15zae_35._is-active_15zae_52{font-weight:500}._icon_15zae_56{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}._icon-sm_15zae_65{width:.875rem;height:.875rem}@keyframes _fadeIn_15zae_1{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}._checklist_1iobh_3{gap:.5rem}._checkItem_1iobh_7{display:flex;align-items:center;gap:.5rem;font-size:.875rem;padding:0}._checkItem_1iobh_7 input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}._checkItem_1iobh_7 label{cursor:pointer}._checkItem_1iobh_7._is-done_1iobh_26 label{text-decoration:line-through;color:var(--on-surface-variant)}._checklist--readonly_1iobh_31 ._checkItem_1iobh_7 label{cursor:pointer}._checklist--readonly_1iobh_31 ._checkItem_1iobh_7 input[type=checkbox]{pointer-events:all}._formControl_1iobh_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_1iobh_39:focus{outline:none;background-color:var(--surface)}._is-done_1iobh_26 ._formControl_1iobh_39{text-decoration:line-through;color:var(--on-surface-variant)}._searchInput_16e7c_3{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border:1px solid var(--border);border-radius:1rem;background-color:var(--surface-variant);transition:border-color .15s ease,box-shadow .15s ease;min-width:200px}._searchInput_16e7c_3:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary),transparent 85%)}._icon_16e7c_20{width:14px;height:14px;color:var(--on-surface-variant);flex-shrink:0}._field_16e7c_27{border:none;background:none;font-family:var(--font-inter);font-size:.8125rem;color:var(--on-surface);outline:none;width:100%}._field_16e7c_27::placeholder{color:var(--on-surface-variant)}@media(max-width:1024px){._searchInput_16e7c_3{min-width:160px}}@media(max-width:640px){._searchInput_16e7c_3{flex:1;min-width:0}}._btn_6gx9b_3{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border:1px solid var(--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_6gx9b_3:hover{border-color:color-mix(in srgb,var(--primary),transparent 60%);color:var(--primary);background-color:var(--primary-container)}._btn_6gx9b_3:focus-visible{outline:2px solid var(--primary);outline-offset:1px}._chevron_6gx9b_30{width:12px;height:12px;transition:transform .2s ease;flex-shrink:0}._btn--open_6gx9b_37 ._chevron_6gx9b_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_176y2_3{display:inline-flex;background-color:var(--surface-variant);border-radius:calc(var(--radius) - 2px);padding:3px;gap:2px}._btn_176y2_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_176y2_11:hover{color:var(--on-surface)}._btn_176y2_11:focus-visible{outline:2px solid var(--primary);outline-offset:1px}._btn--active_176y2_37{background-color:var(--surface);color:var(--on-surface);box-shadow:var(--shadow-sm)}._icon_176y2_43{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}._icon_176y2_43>svg{width:100%;height:100%}._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}}._modal-overlay_m18cx_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}._modal-overlay_m18cx_4._is-active_m18cx_19{opacity:1;pointer-events:all}._modal-content_m18cx_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}._modal-overlay_m18cx_4._is-active_m18cx_19 ._modal-content_m18cx_25{transform:scale(1) translateY(0)}._modal-header_m18cx_46{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}._modal-header-title_m18cx_55{margin:0;font-family:var(--font-clash);font-weight:500;font-size:1.25rem;line-height:1.75rem;color:var(--on-surface)}._modal-body_m18cx_65{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}._modal-body_m18cx_65::-webkit-scrollbar{width:4px}._modal-body_m18cx_65::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:2px}._modal-footer_m18cx_84{padding:1rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem;background:var(--surface-hover);flex-shrink:0}._view-group_m18cx_95{display:flex;flex-direction:column;gap:.375rem}._view-label_m18cx_101{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_m18cx_111{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-start}._view-task-title_m18cx_118{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_m18cx_127{font-family:var(--font-grotesk);font-weight:500;font-size:.9375rem;color:var(--on-surface)}._view-description_m18cx_134{font-size:.875rem;line-height:1.6;margin:0;color:var(--on-surface);font-family:var(--font-inter)}._text-muted_m18cx_142{color:var(--on-surface-variant);font-style:italic}._form-group_m18cx_148{display:flex;flex-direction:column;gap:.5rem}._form-row_m18cx_154{display:grid;grid-template-columns:1fr 1fr;gap:1rem}._form-label_m18cx_160{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)}._form-control_m18cx_170{width:100%;padding:.625rem .75rem;border:1px solid var(--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;appearance:auto}._form-control_m18cx_170:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary),transparent 88%)}._textarea_m18cx_191{resize:vertical;min-height:80px}._icon_m18cx_197{width:1.25rem;height:1.25rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-pencil_m18cx_207{width:.875rem;height:.875rem;fill:currentColor}@media(max-width:640px){._form-row_m18cx_154{grid-template-columns:1fr}}:root{--surface: #ffffff;--surface-variant: #f0f1f2;--surface-hover: #f7f7f7;--border: #e0e4eb;--border-variant: rgba(0, 20, 41, .1);--on-surface: #001429;--on-surface-variant: #576472;--on-surface-light: #9aa2aa;--primary: #0073e6;--primary-variant: rgba(0, 115, 230, .07);--primary-container: rgba(0, 115, 230, .05);--error: #bd0c38;--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(--error);--lifecycle-production: var(--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(--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;--border: #14181f;--border-variant: rgba(255, 255, 255, .1);--on-surface: #ffffff;--on-surface-variant: #9aa2aa;--on-surface-light: #576472;--primary: #0073e6;--primary-variant: rgba(0, 115, 230, .07);--primary-container: rgba(0, 115, 230, .05);--error: #bd0c38;--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)}}._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}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { jsx as e, jsxs as c, Fragment as Re } from "react/jsx-runtime";
-import p, { useCallback as Pe, useState as j, useRef as Te, useEffect as le, useMemo as Z } from "react";
-function pe(t) {
-  var a, n, r = "";
+(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 at(t) {
+  var n, a, r = "";
   if (typeof t == "string" || typeof t == "number") r += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
-    var i = t.length;
-    for (a = 0; a < i; a++) t[a] && (n = pe(t[a])) && (r && (r += " "), r += n);
-  } else for (n in t) t[n] && (r && (r += " "), r += n);
+    var l = t.length;
+    for (n = 0; n < l; n++) t[n] && (a = at(t[n])) && (r && (r += " "), r += a);
+  } else for (a in t) t[a] && (r && (r += " "), r += a);
   return r;
 }
-function g() {
-  for (var t, a, n = 0, r = "", i = arguments.length; n < i; n++) (t = arguments[n]) && (a = pe(t)) && (r && (r += " "), r += a);
+function v() {
+  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 De = "_tableContainer_133qi_4", Me = "_table_133qi_4", Ee = "_table__head_133qi_18", Be = "_sortable_133qi_32", Fe = "_sortIndicator_133qi_48", Oe = "_colResizeHandle_133qi_61", We = "_table__row_133qi_87", $ = {
-  tableContainer: De,
-  table: Me,
-  table__head: Ee,
-  sortable: Be,
-  sortIndicator: Fe,
-  colResizeHandle: Oe,
-  "table--resizing": "_table--resizing_133qi_77",
-  table__row: We,
-  "table__row--animated": "_table__row--animated_133qi_108",
-  "col-hide-tablet": "_col-hide-tablet_133qi_131",
-  "col-hide-mobile": "_col-hide-mobile_133qi_137"
+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 = {
+  tableContainer: Tt,
+  table: Ot,
+  table__head: zt,
+  sortable: Mt,
+  sortIndicator: Wt,
+  colResizeHandle: qt,
+  "table--resizing": "_table--resizing_uxpjj_77",
+  table__row: Vt,
+  "table__row--animated": "_table__row--animated_uxpjj_108",
+  "col-hide-tablet": "_col-hide-tablet_uxpjj_131",
+  "col-hide-mobile": "_col-hide-mobile_uxpjj_137"
 };
-function Ve({
+function Gt({
   columns: t,
-  rows: a,
-  rowKey: n,
+  rows: n,
+  rowKey: a,
   renderCell: r,
-  sortColumn: i,
+  sortColumn: l,
   sortDirection: u,
-  onSort: l,
+  onSort: s,
   resizable: h = !1,
-  columnWidths: _ = {},
-  onColumnResize: m,
-  renderExpandedRow: o,
-  rowAnimation: w = !1,
-  rowClassName: x,
-  rowDataAttributes: C,
-  ariaLabel: f,
-  className: k,
-  ...v
-}, y) {
-  const b = Pe(
-    (s, N, I) => {
-      const L = N.offsetWidth, B = N.closest("table"), S = (Q) => {
-        const ze = Q.clientX - I, J = Math.max(60, L + ze);
-        N.style.width = `${J}px`, N.style.minWidth = `${J}px`, m?.(s, J);
-      }, z = () => {
-        B?.classList.remove($["table--resizing"]), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", z);
+  columnWidths: i = {},
+  onColumnResize: c,
+  renderExpandedRow: d,
+  rowAnimation: f = !1,
+  rowClassName: y,
+  rowDataAttributes: k,
+  ariaLabel: p,
+  className: g,
+  ...o
+}, 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);
       };
-      B?.classList.add($["table--resizing"]), document.addEventListener("mousemove", S), document.addEventListener("mouseup", z);
+      C?.classList.add(B["table--resizing"]), document.addEventListener("mousemove", L), document.addEventListener("mouseup", A);
     },
-    [m]
+    [c]
   );
-  return /* @__PURE__ */ e("div", { ref: y, className: g($.tableContainer, k), tabIndex: 0, ...v, children: /* @__PURE__ */ c("table", { className: $.table, "aria-label": f, children: [
-    /* @__PURE__ */ e("thead", { className: $.table__head, children: /* @__PURE__ */ e("tr", { children: t.map((s) => {
-      const N = g({
-        [$["col-hide-tablet"]]: s.hideTablet,
-        [$["col-hide-mobile"]]: s.hideMobile
-      }), I = _[s.key] ? { width: `${_[s.key]}px`, minWidth: `${_[s.key]}px` } : s.width != null ? { width: typeof s.width == "number" ? `${s.width}px` : s.width, minWidth: typeof s.width == "number" ? `${s.width}px` : s.width } : void 0, L = i === s.key, B = L ? u === "asc" ? "ascending" : "descending" : void 0;
-      return /* @__PURE__ */ c(
+  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__ */ m(
         "th",
         {
           scope: "col",
-          className: g(N || void 0, { [$.sortable]: s.sortable }),
-          style: I,
-          "aria-sort": B,
-          tabIndex: s.sortable ? 0 : void 0,
-          onClick: (S) => {
-            h && S.target.closest(`.${$.colResizeHandle}`) || s.sortable && l && l(s.key);
+          className: v(x || void 0, { [B.sortable]: _.sortable }),
+          style: S,
+          "aria-sort": C,
+          tabIndex: _.sortable ? 0 : void 0,
+          onClick: (L) => {
+            h && L.target.closest(`.${B.colResizeHandle}`) || _.sortable && s && s(_.key);
           },
-          onKeyDown: (S) => {
-            (S.key === "Enter" || S.key === " ") && s.sortable && l && (S.preventDefault(), l(s.key));
+          onKeyDown: (L) => {
+            (L.key === "Enter" || L.key === " ") && _.sortable && s && (L.preventDefault(), s(_.key));
           },
           children: [
-            s.headerContent != null ? s.headerContent : /* @__PURE__ */ c(Re, { children: [
-              s.label,
-              s.sortable && /* @__PURE__ */ e("span", { className: $.sortIndicator, "aria-hidden": "true", children: L ? u === "asc" ? "↑" : "↓" : "↕" })
+            _.headerContent != null ? _.headerContent : /* @__PURE__ */ m(Y, { children: [
+              _.label,
+              _.sortable && /* @__PURE__ */ e("span", { className: B.sortIndicator, "aria-hidden": "true", children: R ? u === "asc" ? "↑" : "↓" : "↕" })
             ] }),
             h && /* @__PURE__ */ e(
               "span",
               {
-                className: $.colResizeHandle,
-                "data-resize-col": s.key,
-                onMouseDown: (S) => {
-                  S.preventDefault(), S.stopPropagation();
-                  const z = S.target.closest("th");
-                  b(s.key, z, S.clientX);
+                className: B.colResizeHandle,
+                "data-resize-col": _.key,
+                onMouseDown: (L) => {
+                  L.preventDefault(), L.stopPropagation();
+                  const A = L.target.closest("th");
+                  w(_.key, A, L.clientX);
                 }
               }
             )
           ]
         },
-        s.key
+        _.key
       );
     }) }) }),
-    /* @__PURE__ */ e("tbody", { children: a.map((s, N) => {
-      const I = n(s, N), L = x?.(s, N), B = C?.(s) ?? {}, S = o?.(s, N) ?? null;
-      return /* @__PURE__ */ c(p.Fragment, { children: [
+    /* @__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(
           "tr",
           {
-            className: g(
-              $.table__row,
-              { [$["table__row--animated"]]: w },
-              L
+            className: v(
+              B.table__row,
+              { [B["table__row--animated"]]: f },
+              R
             ),
-            style: w ? { animationDelay: `${N * 20}ms` } : void 0,
-            ...B,
-            children: t.map((z) => {
-              const Q = g({
-                [$["col-hide-tablet"]]: z.hideTablet,
-                [$["col-hide-mobile"]]: z.hideMobile
+            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
               });
-              return /* @__PURE__ */ e("td", { className: Q || void 0, children: r(s, z, N) }, z.key);
+              return /* @__PURE__ */ e("td", { className: I || void 0, children: r(_, A, x) }, A.key);
             })
           }
         ),
-        S
-      ] }, I);
+        L
+      ] }, S);
     }) })
   ] }) });
 }
-const we = p.forwardRef(Ve);
-we.displayName = "BaseTable";
-const qe = "_widgetCard_gx9fj_4", He = "_fadeIn_gx9fj_1", Ge = "_widgetCard__header_gx9fj_23", Ke = "_widgetCard__title_gx9fj_37", Ue = "_widgetCard__content_gx9fj_52", M = {
-  widgetCard: qe,
-  fadeIn: He,
-  "widgetCard--half": "_widgetCard--half_gx9fj_18",
-  widgetCard__header: Ge,
-  "widgetCard--full": "_widgetCard--full_gx9fj_33",
-  widgetCard__title: Ke,
-  widgetCard__content: Ue,
-  "widgetCard__content--scrollable": "_widgetCard__content--scrollable_gx9fj_56",
-  "widgetCard__content--padded": "_widgetCard__content--padded_gx9fj_76"
-}, U = p.forwardRef(
+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 = {
+  widgetCard: Ht,
+  fadeIn: Ut,
+  "widgetCard--half": "_widgetCard--half_106xz_18",
+  widgetCard__header: Kt,
+  "widgetCard--full": "_widgetCard--full_106xz_33",
+  widgetCard__title: Qt,
+  widgetCard__content: Yt,
+  "widgetCard__content--scrollable": "_widgetCard__content--scrollable_106xz_56",
+  "widgetCard__content--padded": "_widgetCard__content--padded_106xz_76"
+}, be = b.forwardRef(
   ({
     title: t,
-    headerAction: a,
-    variant: n = "half",
+    headerAction: n,
+    variant: a = "half",
     scrollable: r = !1,
-    padded: i = !1,
+    padded: l = !1,
     as: u = "div",
-    children: l,
+    children: s,
     className: h,
-    ..._
-  }, m) => {
-    const o = t != null || a != null;
-    return /* @__PURE__ */ c(
+    ...i
+  }, c) => {
+    const d = t != null || n != null;
+    return /* @__PURE__ */ m(
       u,
       {
-        ref: m,
-        className: g(
-          M.widgetCard,
-          M[`widgetCard--${n}`],
+        ref: c,
+        className: v(
+          X.widgetCard,
+          X[`widgetCard--${a}`],
           h
         ),
-        ..._,
+        ...i,
         children: [
-          o && /* @__PURE__ */ c("header", { className: M.widgetCard__header, children: [
-            t != null && /* @__PURE__ */ e("h2", { className: M.widgetCard__title, children: t }),
-            a
+          d && /* @__PURE__ */ m("header", { className: X.widgetCard__header, children: [
+            t != null && /* @__PURE__ */ e("h2", { className: X.widgetCard__title, children: t }),
+            n
           ] }),
           /* @__PURE__ */ e(
             "div",
             {
-              className: g(
-                M.widgetCard__content,
-                { [M["widgetCard__content--scrollable"]]: r },
-                { [M["widgetCard__content--padded"]]: i }
+              className: v(
+                X.widgetCard__content,
+                { [X["widgetCard__content--scrollable"]]: r },
+                { [X["widgetCard__content--padded"]]: l }
               ),
-              children: l
+              children: s
             }
           )
         ]
@@ -183,153 +183,153 @@ const qe = "_widgetCard_gx9fj_4", He = "_fadeIn_gx9fj_1", Ge = "_widgetCard__hea
     );
   }
 );
-U.displayName = "WidgetCard";
-const Qe = "_dataCard_19cka_3", ue = {
-  dataCard: Qe,
-  "dataCard--clickable": "_dataCard--clickable_19cka_18"
-}, Je = p.forwardRef(
-  ({ onClick: t, className: a, children: n, ...r }, i) => {
+be.displayName = "WidgetCard";
+const Xt = "_dataCard_13ip1_3", Ue = {
+  dataCard: Xt,
+  "dataCard--clickable": "_dataCard--clickable_13ip1_18"
+}, nt = b.forwardRef(
+  ({ onClick: t, className: n, children: a, ...r }, l) => {
     const u = t != null;
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: i,
-        className: g(
-          ue.dataCard,
-          { [ue["dataCard--clickable"]]: u },
-          a
+        ref: l,
+        className: v(
+          Ue.dataCard,
+          { [Ue["dataCard--clickable"]]: u },
+          n
         ),
         onClick: t,
         tabIndex: u ? 0 : void 0,
         role: u ? "button" : void 0,
-        onKeyDown: u ? (l) => {
-          (l.key === "Enter" || l.key === " ") && (l.preventDefault(), t?.(l));
+        onKeyDown: u ? (s) => {
+          (s.key === "Enter" || s.key === " ") && (s.preventDefault(), t?.(s));
         } : void 0,
         ...r,
-        children: n
+        children: a
       }
     );
   }
 );
-Je.displayName = "DataCard";
-const Ze = "_baseList_47qml_3", me = {
-  baseList: Ze,
-  "baseList--scrollable": "_baseList--scrollable_47qml_8"
-}, ce = p.forwardRef(
-  ({ scrollable: t = !1, className: a, children: n, ...r }, i) => /* @__PURE__ */ e(
+nt.displayName = "DataCard";
+const Jt = "_baseList_1s0k1_3", Ke = {
+  baseList: Jt,
+  "baseList--scrollable": "_baseList--scrollable_1s0k1_8"
+}, ve = b.forwardRef(
+  ({ scrollable: t = !1, className: n, children: a, ...r }, l) => /* @__PURE__ */ e(
     "div",
     {
-      ref: i,
+      ref: l,
       role: "list",
-      className: g(
-        me.baseList,
-        { [me["baseList--scrollable"]]: t },
-        a
+      className: v(
+        Ke.baseList,
+        { [Ke["baseList--scrollable"]]: t },
+        n
       ),
       ...r,
-      children: n
+      children: a
     }
   )
 );
-ce.displayName = "BaseList";
-const Xe = "_listItem_1ssj2_3", Ye = "_listItem__leading_1ssj2_31", et = "_listItem__content_1ssj2_37", tt = "_listItem__trailing_1ssj2_42", F = {
-  listItem: Xe,
-  "listItem--clickable": "_listItem--clickable_1ssj2_21",
-  listItem__leading: Ye,
-  listItem__content: et,
-  listItem__trailing: tt
-}, Ne = p.forwardRef(
-  ({ leading: t, trailing: a, onClick: n, as: r = "div", className: i, children: u, ...l }, h) => {
-    const _ = n != null, m = (o) => {
-      _ && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), n?.());
+ve.displayName = "BaseList";
+const Zt = "_listItem_1x1io_3", ea = "_listItem__leading_1x1io_31", ta = "_listItem__content_1x1io_37", aa = "_listItem__trailing_1x1io_42", ie = {
+  listItem: Zt,
+  "listItem--clickable": "_listItem--clickable_1x1io_21",
+  listItem__leading: ea,
+  listItem__content: ta,
+  listItem__trailing: aa
+}, Ee = b.forwardRef(
+  ({ leading: t, trailing: n, onClick: a, as: r = "div", className: l, children: u, ...s }, h) => {
+    const i = a != null, c = (d) => {
+      i && (d.key === "Enter" || d.key === " ") && (d.preventDefault(), a?.());
     };
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ m(
       r,
       {
         ref: h,
         role: "listitem",
         tabIndex: 0,
-        className: g(
-          F.listItem,
-          { [F["listItem--clickable"]]: _ },
-          i
+        className: v(
+          ie.listItem,
+          { [ie["listItem--clickable"]]: i },
+          l
         ),
-        onClick: _ ? n : void 0,
-        onKeyDown: m,
-        ...l,
+        onClick: i ? a : void 0,
+        onKeyDown: c,
+        ...s,
         children: [
-          t != null && /* @__PURE__ */ e("div", { className: F.listItem__leading, children: t }),
-          /* @__PURE__ */ e("div", { className: F.listItem__content, children: u }),
-          a != null && /* @__PURE__ */ e("div", { className: F.listItem__trailing, children: a })
+          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 })
         ]
       }
     );
   }
 );
-Ne.displayName = "ListItem";
-const he = {
+Ee.displayName = "ListItem";
+const Qe = {
   "status-badge": "_status-badge_c7rzu_3",
   "status-badge--neu": "_status-badge--neu_c7rzu_26",
   "status-badge--offen": "_status-badge--offen_c7rzu_31",
   "status-badge--in-prufung": "_status-badge--in-prufung_c7rzu_36",
   "status-badge--validierung": "_status-badge--validierung_c7rzu_41",
   "status-badge--abgeschlossen": "_status-badge--abgeschlossen_c7rzu_46"
-}, at = {
+}, na = {
   neu: "Neu",
   offen: "Offen",
   "in-prufung": "In Prüfung",
   validierung: "Validierung",
   abgeschlossen: "Abgeschlossen"
-}, ke = p.forwardRef(
-  ({ status: t, color: a, backgroundColor: n, className: r, style: i, ...u }, l) => {
+}, rt = b.forwardRef(
+  ({ status: t, color: n, backgroundColor: a, className: r, style: l, ...u }, s) => {
     const h = {
-      ...i,
-      "--custom-color": a,
-      "--custom-bg": n
+      ...l,
+      "--custom-color": n,
+      "--custom-bg": a
     };
     return /* @__PURE__ */ e(
       "span",
       {
-        ref: l,
-        className: g(he["status-badge"], he[`status-badge--${t}`], r),
+        ref: s,
+        className: v(Qe["status-badge"], Qe[`status-badge--${t}`], r),
         style: h,
         ...u,
-        children: at[t]
+        children: na[t]
       }
     );
   }
 );
-ke.displayName = "StatusBadge";
-const X = {
+rt.displayName = "StatusBadge";
+const ye = {
   "favorite-btn": "_favorite-btn_1fvb2_3",
   "favorite-btn--active": "_favorite-btn--active_1fvb2_23",
   "favorite-btn--md": "_favorite-btn--md_1fvb2_28",
   "favorite-btn--sm": "_favorite-btn--sm_1fvb2_39"
-}, ye = p.forwardRef(
-  ({ pressed: t, projectName: a, onToggle: n, size: r = "md", color: i, activeColor: u, className: l, style: h, onClick: _, ...m }, o) => {
-    const w = {
+}, ue = b.forwardRef(
+  ({ pressed: t, projectName: n, onToggle: a, size: r = "md", color: l, activeColor: u, className: s, style: h, onClick: i, ...c }, d) => {
+    const f = {
       ...h,
-      "--custom-color": i,
+      "--custom-color": l,
       "--custom-active-color": u
-    }, x = t ? `Von Favoriten entfernen: ${a}` : `Zu Favoriten hinzufügen: ${a}`;
+    }, y = t ? `Von Favoriten entfernen: ${n}` : `Zu Favoriten hinzufügen: ${n}`;
     return /* @__PURE__ */ e(
       "button",
       {
-        ref: o,
+        ref: d,
         type: "button",
-        className: g(
-          X["favorite-btn"],
-          X[`favorite-btn--${r}`],
-          { [X["favorite-btn--active"]]: t },
-          l
+        className: v(
+          ye["favorite-btn"],
+          ye[`favorite-btn--${r}`],
+          { [ye["favorite-btn--active"]]: t },
+          s
         ),
-        style: w,
+        style: f,
         "aria-pressed": t,
-        "aria-label": x,
-        onClick: (C) => {
-          n?.(!t), _?.(C);
+        "aria-label": y,
+        onClick: (k) => {
+          a?.(!t), i?.(k);
         },
-        ...m,
+        ...c,
         children: /* @__PURE__ */ e(
           "svg",
           {
@@ -346,59 +346,59 @@ const X = {
     );
   }
 );
-ye.displayName = "FavoriteButton";
-const E = {
-  "status-legend__item": "_status-legend__item_1xv4z_3",
-  "status-legend__item--active": "_status-legend__item--active_1xv4z_22",
-  "status-legend__label-wrap": "_status-legend__label-wrap_1xv4z_27",
-  "status-legend__color": "_status-legend__color_1xv4z_33",
-  "status-legend__label": "_status-legend__label_1xv4z_27",
-  "status-legend__count": "_status-legend__count_1xv4z_47",
-  "color-neu": "_color-neu_1xv4z_57",
-  "color-offen": "_color-offen_1xv4z_61",
-  "color-in-prufung": "_color-in-prufung_1xv4z_65",
-  "color-validierung": "_color-validierung_1xv4z_69",
-  "color-abgeschlossen": "_color-abgeschlossen_1xv4z_73",
-  "color-alle": "_color-alle_1xv4z_77"
-}, Ce = p.forwardRef(
-  ({ status: t, label: a, count: n, active: r = !1, color: i, className: u, style: l, ...h }, _) => {
-    const m = {
-      ...l,
-      "--custom-color": i
+ue.displayName = "FavoriteButton";
+const J = {
+  "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",
+  "status-legend__color": "_status-legend__color_c03nc_33",
+  "status-legend__label": "_status-legend__label_c03nc_27",
+  "status-legend__count": "_status-legend__count_c03nc_47",
+  "color-neu": "_color-neu_c03nc_57",
+  "color-offen": "_color-offen_c03nc_61",
+  "color-in-prufung": "_color-in-prufung_c03nc_65",
+  "color-validierung": "_color-validierung_c03nc_69",
+  "color-abgeschlossen": "_color-abgeschlossen_c03nc_73",
+  "color-alle": "_color-alle_c03nc_77"
+}, st = b.forwardRef(
+  ({ status: t, label: n, count: a, active: r = !1, color: l, className: u, style: s, ...h }, i) => {
+    const c = {
+      ...s,
+      "--custom-color": l
     };
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ m(
       "button",
       {
-        ref: _,
+        ref: i,
         type: "button",
         role: "option",
         "aria-selected": r,
-        className: g(
-          E["status-legend__item"],
-          { [E["status-legend__item--active"]]: r },
+        className: v(
+          J["status-legend__item"],
+          { [J["status-legend__item--active"]]: r },
           u
         ),
-        style: m,
+        style: c,
         ...h,
         children: [
-          /* @__PURE__ */ c("div", { className: E["status-legend__label-wrap"], children: [
+          /* @__PURE__ */ m("div", { className: J["status-legend__label-wrap"], children: [
             /* @__PURE__ */ e(
               "span",
               {
-                className: g(E["status-legend__color"], E[`color-${t}`]),
+                className: v(J["status-legend__color"], J[`color-${t}`]),
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ e("span", { className: E["status-legend__label"], children: a })
+            /* @__PURE__ */ e("span", { className: J["status-legend__label"], children: n })
           ] }),
-          /* @__PURE__ */ e("span", { className: E["status-legend__count"], children: n })
+          /* @__PURE__ */ e("span", { className: J["status-legend__count"], children: a })
         ]
       }
     );
   }
 );
-Ce.displayName = "StatusLegendItem";
-const P = {
+st.displayName = "StatusLegendItem";
+const G = {
   "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,330 +407,330 @@ const P = {
   "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"
-}, xe = p.forwardRef(
-  ({ data: t, totalLabel: a = "Gesamt", onSegmentClick: n, className: r, ...i }, u) => {
-    const [l, h] = j(null), _ = t.reduce((k, v) => k + v.value, 0), m = 240, o = m / 2, w = 100, x = 40, C = w - x / 2, f = C * 2 * Math.PI;
-    return /* @__PURE__ */ c(
+}, lt = b.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;
+    return /* @__PURE__ */ m(
       "div",
       {
         ref: u,
-        className: g(P["status-overview__chart-container"], r),
-        ...i,
+        className: v(G["status-overview__chart-container"], r),
+        ...l,
         children: [
           /* @__PURE__ */ e(
             "svg",
             {
-              viewBox: `0 0 ${m} ${m}`,
-              className: P["status-chart-svg"],
+              viewBox: `0 0 ${c} ${c}`,
+              className: G["status-chart-svg"],
               role: "img",
               "aria-label": "Kreisdiagramm der Projektstatus-Verteilung",
               overflow: "visible",
-              children: _ === 0 ? /* @__PURE__ */ e(
+              children: i === 0 ? /* @__PURE__ */ e(
                 "circle",
                 {
-                  cx: o,
-                  cy: o,
-                  r: C,
+                  cx: d,
+                  cy: d,
+                  r: k,
                   fill: "none",
                   stroke: "hsl(var(--border))",
-                  strokeWidth: x
+                  strokeWidth: y
                 }
               ) : (() => {
-                let k = 0;
-                return t.map((v) => {
-                  if (v.value === 0) return null;
-                  const y = v.value / _ * 100, b = y / 100 * f, s = k / 100 * f;
-                  return k += y, /* @__PURE__ */ e(
+                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(
                     "circle",
                     {
-                      cx: o,
-                      cy: o,
-                      r: C,
+                      cx: d,
+                      cy: d,
+                      r: k,
                       fill: "none",
-                      stroke: v.color,
-                      strokeWidth: x,
-                      strokeDasharray: `${b} ${f}`,
-                      strokeDashoffset: -s,
-                      transform: `rotate(-90 ${o} ${o})`,
-                      className: g(P["status-chart__segment"], {
-                        [P["status-chart__segment--hovered"]]: l === v.status,
-                        [P["status-chart__segment--dimmed"]]: l && l !== v.status
+                      stroke: o.color,
+                      strokeWidth: y,
+                      strokeDasharray: `${w} ${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
                       }),
-                      onClick: () => n?.(v.status),
-                      onMouseEnter: () => h(v.status),
+                      onClick: () => a?.(o.status),
+                      onMouseEnter: () => h(o.status),
                       onMouseLeave: () => h(null),
-                      style: { cursor: n ? "pointer" : "default" },
-                      children: /* @__PURE__ */ e("title", { children: `${v.label}: ${v.value}` })
+                      style: { cursor: a ? "pointer" : "default" },
+                      children: /* @__PURE__ */ e("title", { children: `${o.label}: ${o.value}` })
                     },
-                    v.status
+                    o.status
                   );
                 });
               })()
             }
           ),
-          /* @__PURE__ */ c("div", { className: P["status-chart__hole"], children: [
-            /* @__PURE__ */ e("span", { className: P["status-chart__total-value"], children: _ }),
-            /* @__PURE__ */ e("span", { className: P["status-chart__total-label"], children: a })
+          /* @__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 })
           ] })
         ]
       }
     );
   }
 );
-xe.displayName = "StatusChart";
-function ve(t) {
-  const a = new Date(t);
-  if (isNaN(a.getTime())) return "Ungültiges Datum";
-  const r = (/* @__PURE__ */ new Date()).getTime() - a.getTime(), i = Math.floor(r / (1e3 * 60 * 60 * 24));
-  if (i === 0) return "Heute";
-  if (i === 1) return "Gestern";
-  if (i < 7) return `vor ${i} Tagen`;
-  const u = Math.floor(i / 7);
+lt.displayName = "StatusChart";
+function Ye(t) {
+  const n = new Date(t);
+  if (isNaN(n.getTime())) return "Ungültiges Datum";
+  const r = (/* @__PURE__ */ new Date()).getTime() - n.getTime(), l = Math.floor(r / (1e3 * 60 * 60 * 24));
+  if (l === 0) return "Heute";
+  if (l === 1) return "Gestern";
+  if (l < 7) return `vor ${l} Tagen`;
+  const u = Math.floor(l / 7);
   if (u < 4)
     return u === 1 ? "vor einer Woche" : `vor ${u} Wochen`;
-  const l = Math.floor(i / 30);
-  if (l < 12)
-    return l === 1 ? "vor einem Monat" : `vor ${l} Monaten`;
-  const h = Math.floor(i / 365);
+  const s = Math.floor(l / 30);
+  if (s < 12)
+    return s === 1 ? "vor einem Monat" : `vor ${s} Monaten`;
+  const h = Math.floor(l / 365);
   return h === 1 ? "vor einem Jahr" : `vor ${h} Jahren`;
 }
-const st = "_nameCell_1n6hv_4", lt = "_favorite_1n6hv_10", nt = "_nameWrapper_1n6hv_14", it = "_name_1n6hv_4", rt = "_secondary_1n6hv_31", ot = "_client_1n6hv_41", ct = "_dateMain_1n6hv_51", T = {
-  nameCell: st,
-  favorite: lt,
-  nameWrapper: nt,
-  name: it,
-  secondary: rt,
-  client: ot,
-  dateMain: ct
-}, dt = [
+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 = {
+  nameCell: ra,
+  favorite: sa,
+  nameWrapper: la,
+  name: ia,
+  secondary: oa,
+  client: ca,
+  dateMain: da
+}, _a = [
   { key: "name", label: "Projekt / Applikation" },
   { key: "client", label: "Kunde", width: "20%" },
   { key: "status", label: "Status", width: 150 },
   { key: "activity", label: "Aktivität", width: 160 }
-], Ie = p.forwardRef(
-  ({ rows: t, onToggleFavorite: a, className: n, ...r }, i) => /* @__PURE__ */ e(
-    we,
+], it = b.forwardRef(
+  ({ rows: t, onToggleFavorite: n, className: a, ...r }, l) => /* @__PURE__ */ e(
+    Fe,
     {
-      ref: i,
-      columns: dt,
+      ref: l,
+      columns: _a,
       rows: t,
-      rowKey: (l) => l.id,
-      renderCell: (l, h) => {
+      rowKey: (s) => s.id,
+      renderCell: (s, h) => {
         switch (h.key) {
           case "name":
-            return /* @__PURE__ */ c("div", { className: T.nameCell, children: [
+            return /* @__PURE__ */ m("div", { className: H.nameCell, children: [
               /* @__PURE__ */ e(
-                ye,
+                ue,
                 {
-                  pressed: l.favorite,
-                  projectName: l.name,
+                  pressed: s.favorite,
+                  projectName: s.name,
                   size: "sm",
-                  onToggle: (_) => a?.(l.id, _),
-                  className: T.favorite
+                  onToggle: (i) => n?.(s.id, i),
+                  className: H.favorite
                 }
               ),
-              /* @__PURE__ */ c("div", { className: T.nameWrapper, title: `${l.name}
-${l.app}`, children: [
-                /* @__PURE__ */ e("div", { className: T.name, children: l.name }),
-                /* @__PURE__ */ e("div", { className: T.secondary, children: l.app })
+              /* @__PURE__ */ m("div", { className: H.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 })
               ] })
             ] });
           case "client":
-            return /* @__PURE__ */ e("span", { className: T.client, title: l.client, children: l.client });
+            return /* @__PURE__ */ e("span", { className: H.client, title: s.client, children: s.client });
           case "status":
-            return /* @__PURE__ */ e(ke, { status: l.status });
+            return /* @__PURE__ */ e(rt, { status: s.status });
           case "activity":
-            return /* @__PURE__ */ c("div", { title: `Geändert: ${ve(l.updatedAt)}
-Erstellt: ${l.createdAt}`, children: [
-              /* @__PURE__ */ e("div", { className: T.dateMain, children: ve(l.updatedAt) }),
-              /* @__PURE__ */ c("div", { className: T.secondary, children: [
+            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: [
                 "Erstellt: ",
-                l.createdAt
+                s.createdAt
               ] })
             ] });
           default:
             return null;
         }
       },
-      rowDataAttributes: (l) => ({ "data-status": l.status }),
-      className: n,
+      rowDataAttributes: (s) => ({ "data-status": s.status }),
+      className: a,
       ...r
     }
   )
 );
-Ie.displayName = "ProjectTable";
-const _t = "_avatar_17ic7_3", ne = {
-  avatar: _t,
-  "avatar-group": "_avatar-group_17ic7_18",
-  "group-member": "_group-member_17ic7_23"
-}, q = p.forwardRef(
-  ({ initials: t, name: a, className: n, ...r }, i) => /* @__PURE__ */ e(
+it.displayName = "ProjectTable";
+const ua = "_avatar_1elxr_3", Ie = {
+  avatar: ua,
+  "avatar-group": "_avatar-group_1elxr_18",
+  "group-member": "_group-member_1elxr_23"
+}, _e = b.forwardRef(
+  ({ initials: t, name: n, className: a, ...r }, l) => /* @__PURE__ */ e(
     "div",
     {
-      ref: i,
-      className: g(ne.avatar, n),
-      title: a,
-      "aria-label": a,
+      ref: l,
+      className: v(Ie.avatar, a),
+      title: n,
+      "aria-label": n,
       ...r,
       children: t
     }
   )
 );
-q.displayName = "Avatar";
-const de = p.forwardRef(
-  ({ children: t, className: a, ...n }, r) => /* @__PURE__ */ e(
+_e.displayName = "Avatar";
+const Pe = b.forwardRef(
+  ({ children: t, className: n, ...a }, r) => /* @__PURE__ */ e(
     "div",
     {
       ref: r,
-      className: g(ne["avatar-group"], a),
-      ...n,
-      children: p.Children.map(t, (i) => p.isValidElement(i) ? p.cloneElement(i, {
-        className: g(i.props.className, ne["group-member"])
-      }) : i)
+      className: v(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"])
+      }) : l)
     }
   )
 );
-de.displayName = "AvatarGroup";
-const ut = "_btn_7bh63_3", Y = {
-  btn: ut,
-  "btn--primary": "_btn--primary_7bh63_27",
-  "btn--outline": "_btn--outline_7bh63_39",
-  "btn--ghost": "_btn--ghost_7bh63_52",
-  "btn--sm": "_btn--sm_7bh63_63"
-}, R = p.forwardRef(
-  ({ variant: t, size: a = "md", className: n, children: r, ...i }, u) => /* @__PURE__ */ e(
+Pe.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(
+  ({ variant: t, size: n = "md", className: a, children: r, ...l }, u) => /* @__PURE__ */ e(
     "button",
     {
       ref: u,
-      className: g(
-        Y.btn,
+      className: v(
+        ke.btn,
         {
-          [Y[`btn--${t}`]]: t,
-          [Y[`btn--${a}`]]: a && a !== "md"
+          [ke[`btn--${t}`]]: t,
+          [ke[`btn--${n}`]]: n && n !== "md"
         },
-        n
+        a
       ),
-      ...i,
+      ...l,
       children: r
     }
   )
 );
-R.displayName = "Button";
-const mt = "_badge_1e35x_3", ee = {
-  badge: mt,
-  "badge--high": "_badge--high_1e35x_12",
-  "badge--medium": "_badge--medium_1e35x_18",
-  "badge--low": "_badge--low_1e35x_24",
-  "badge--size-small": "_badge--size-small_1e35x_30",
-  "badge--size-large": "_badge--size-large_1e35x_37"
-}, ht = {
+V.displayName = "Button";
+const ma = "_badge_aax9r_3", Ne = {
+  badge: ma,
+  "badge--high": "_badge--high_aax9r_12",
+  "badge--medium": "_badge--medium_aax9r_18",
+  "badge--low": "_badge--low_aax9r_24",
+  "badge--size-small": "_badge--size-small_aax9r_30",
+  "badge--size-large": "_badge--size-large_aax9r_37"
+}, pa = {
   high: "!!",
   medium: "!",
   low: "-"
-}, vt = {
+}, fa = {
   high: "Hohe Priorität",
   medium: "Mittlere Priorität",
   low: "Niedrige Priorität"
-}, _e = p.forwardRef(
-  ({ level: t, size: a = "small", className: n, "aria-label": r, ...i }, u) => {
-    const l = vt[t];
+}, Te = b.forwardRef(
+  ({ level: t, size: n = "small", className: a, "aria-label": r, ...l }, u) => {
+    const s = fa[t];
     return /* @__PURE__ */ e(
       "span",
       {
         ref: u,
-        className: g(
-          ee.badge,
-          ee[`badge--${t}`],
-          ee[`badge--size-${a}`],
-          n
+        className: v(
+          Ne.badge,
+          Ne[`badge--${t}`],
+          Ne[`badge--size-${n}`],
+          a
         ),
-        "aria-label": r || l,
-        ...i,
-        children: ht[t]
+        "aria-label": r || s,
+        ...l,
+        children: pa[t]
       }
     );
   }
 );
-_e.displayName = "PriorityBadge";
-const gt = "_badge_1j9lv_3", bt = {
-  badge: gt
-}, ie = p.forwardRef(
-  ({ className: t, children: a, ...n }, r) => /* @__PURE__ */ e(
+Te.displayName = "PriorityBadge";
+const ba = "_badge_1j9lv_3", ga = {
+  badge: ba
+}, Le = b.forwardRef(
+  ({ className: t, children: n, ...a }, r) => /* @__PURE__ */ e(
     "span",
     {
       ref: r,
-      className: g(bt.badge, t),
-      ...n,
-      children: a
+      className: v(ga.badge, t),
+      ...a,
+      children: n
     }
   )
 );
-ie.displayName = "Badge";
-const ft = "_icon_15zae_56", D = {
-  "status-dropdown": "_status-dropdown_15zae_3",
-  "status-trigger": "_status-trigger_15zae_9",
-  "status-menu": "_status-menu_15zae_14",
-  "is-open": "_is-open_15zae_31",
-  "status-menu-item": "_status-menu-item_15zae_35",
-  "is-active": "_is-active_15zae_52",
-  icon: ft,
-  "icon-sm": "_icon-sm_15zae_65"
-}, Se = p.forwardRef(
-  ({ value: t, onChange: a, options: n, className: r, "aria-label": i, ...u }, l) => {
-    const [h, _] = j(!1), m = Te(null), o = (f) => {
-      typeof l == "function" ? l(f) : l && (l.current = f), m.current = f;
-    }, w = n.find((f) => f.value === t) || n[0];
-    le(() => {
-      const f = (k) => {
-        m.current && !m.current.contains(k.target) && _(!1);
+Le.displayName = "Badge";
+const va = "_icon_6t2ce_56", U = {
+  "status-dropdown": "_status-dropdown_6t2ce_3",
+  "status-trigger": "_status-trigger_6t2ce_9",
+  "status-menu": "_status-menu_6t2ce_14",
+  "is-open": "_is-open_6t2ce_31",
+  "status-menu-item": "_status-menu-item_6t2ce_35",
+  "is-active": "_is-active_6t2ce_52",
+  icon: va,
+  "icon-sm": "_icon-sm_6t2ce_65"
+}, ot = b.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;
+    }, f = a.find((p) => p.value === t) || a[0];
+    Be(() => {
+      const p = (g) => {
+        c.current && !c.current.contains(g.target) && i(!1);
       };
-      return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+      return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
     }, []);
-    const x = (f) => {
-      f.stopPropagation(), _(!h);
-    }, C = (f, k) => {
-      f.stopPropagation(), a && a(k.value), _(!1);
+    const y = (p) => {
+      p.stopPropagation(), i(!h);
+    }, k = (p, g) => {
+      p.stopPropagation(), n && n(g.value), i(!1);
     };
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ m(
       "div",
       {
-        ref: o,
-        className: g(D["status-dropdown"], r),
+        ref: d,
+        className: v(U["status-dropdown"], r),
         ...u,
         children: [
-          /* @__PURE__ */ c(
-            R,
+          /* @__PURE__ */ m(
+            V,
             {
               variant: "outline",
               size: "sm",
-              className: D["status-trigger"],
-              onClick: x,
+              className: U["status-trigger"],
+              onClick: y,
               "aria-haspopup": "listbox",
               "aria-expanded": h,
-              "aria-label": i,
+              "aria-label": l,
               children: [
-                w?.label,
-                /* @__PURE__ */ e("svg", { className: g(D.icon, D["icon-sm"]), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) })
+                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(
             "div",
             {
-              className: g(D["status-menu"], { [D["is-open"]]: h }),
+              className: v(U["status-menu"], { [U["is-open"]]: h }),
               role: "listbox",
-              children: n.map((f) => /* @__PURE__ */ e(
+              children: a.map((p) => /* @__PURE__ */ e(
                 "button",
                 {
-                  className: g(D["status-menu-item"], {
-                    [D["is-active"]]: f.value === w?.value
+                  className: v(U["status-menu-item"], {
+                    [U["is-active"]]: p.value === f?.value
                   }),
                   role: "option",
-                  "aria-selected": f.value === w?.value,
-                  onClick: (k) => C(k, f),
-                  children: f.label
+                  "aria-selected": p.value === f?.value,
+                  onClick: (g) => k(g, p),
+                  children: p.label
                 },
-                f.value
+                p.value
               ))
             }
           )
@@ -739,70 +739,70 @@ const ft = "_icon_15zae_56", D = {
     );
   }
 );
-Se.displayName = "StatusDropdown";
-const pt = "_checklist_1iobh_3", wt = "_checkItem_1iobh_7", Nt = "_formControl_1iobh_39", O = {
-  checklist: pt,
-  checkItem: wt,
-  "is-done": "_is-done_1iobh_26",
-  "checklist--readonly": "_checklist--readonly_1iobh_31",
-  formControl: Nt
-}, re = p.forwardRef(
-  ({ items: t, onChange: a, editable: n = !1, className: r, ...i }, u) => {
-    const l = (_, m) => {
-      a && a(t.map((o) => o.id === _ ? { ...o, checked: m } : o));
-    }, h = (_, m) => {
-      a && a(t.map((o) => o.id === _ ? { ...o, text: m } : o));
+ot.displayName = "StatusDropdown";
+const wa = "_checklist_19mhr_3", ya = "_checkItem_19mhr_7", ka = "_formControl_19mhr_39", oe = {
+  checklist: wa,
+  checkItem: ya,
+  "is-done": "_is-done_19mhr_26",
+  "checklist--readonly": "_checklist--readonly_19mhr_31",
+  formControl: ka
+}, Re = b.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));
     };
     return /* @__PURE__ */ e(
-      ce,
+      ve,
       {
         ref: u,
-        className: g(O.checklist, { [O["checklist--readonly"]]: !n }, r),
-        ...i,
-        children: t.map((_) => /* @__PURE__ */ c("div", { role: "listitem", className: g(O.checkItem, { [O["is-done"]]: _.checked }), children: [
+        className: v(oe.checklist, { [oe["checklist--readonly"]]: !a }, r),
+        ...l,
+        children: t.map((i) => /* @__PURE__ */ m("div", { role: "listitem", className: v(oe.checkItem, { [oe["is-done"]]: i.checked }), children: [
           /* @__PURE__ */ e(
             "input",
             {
               type: "checkbox",
-              id: _.id,
-              checked: _.checked,
-              onChange: (m) => l(_.id, m.target.checked)
+              id: i.id,
+              checked: i.checked,
+              onChange: (c) => s(i.id, c.target.checked)
             }
           ),
-          n ? /* @__PURE__ */ e(
+          a ? /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              className: O.formControl,
-              value: _.text,
-              onChange: (m) => h(_.id, m.target.value),
+              className: oe.formControl,
+              value: i.text,
+              onChange: (c) => h(i.id, c.target.value),
               placeholder: "Was ist zu tun?",
               "aria-label": "Aufgabenbeschreibung bearbeiten"
             }
-          ) : /* @__PURE__ */ e("label", { htmlFor: _.id, children: _.text })
-        ] }, _.id))
+          ) : /* @__PURE__ */ e("label", { htmlFor: i.id, children: i.text })
+        ] }, i.id))
       }
     );
   }
 );
-re.displayName = "Checklist";
-const kt = "_searchInput_16e7c_3", yt = "_icon_16e7c_20", Ct = "_field_16e7c_27", te = {
-  searchInput: kt,
-  icon: yt,
-  field: Ct
-}, $e = p.forwardRef(
+Re.displayName = "Checklist";
+const Na = "_searchInput_1ms0w_3", xa = "_icon_1ms0w_20", Ca = "_field_1ms0w_27", xe = {
+  searchInput: Na,
+  icon: xa,
+  field: Ca
+}, Oe = b.forwardRef(
   ({
     value: t,
-    placeholder: a = "Suche...",
-    onChange: n,
+    placeholder: n = "Suche...",
+    onChange: a,
     "aria-label": r = "Daten durchsuchen",
-    id: i,
+    id: l,
     className: u
-  }, l) => /* @__PURE__ */ c("label", { className: g(te.searchInput, u), htmlFor: i, children: [
-    /* @__PURE__ */ c(
+  }, s) => /* @__PURE__ */ m("label", { className: v(xe.searchInput, u), htmlFor: l, children: [
+    /* @__PURE__ */ m(
       "svg",
       {
-        className: te.icon,
+        className: xe.icon,
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
@@ -819,46 +819,46 @@ const kt = "_searchInput_16e7c_3", yt = "_icon_16e7c_20", Ct = "_field_16e7c_27"
     /* @__PURE__ */ e(
       "input",
       {
-        ref: l,
-        className: te.field,
+        ref: s,
+        className: xe.field,
         type: "search",
-        id: i,
+        id: l,
         value: t,
-        placeholder: a,
+        placeholder: n,
         "aria-label": r,
-        onChange: (h) => n?.(h.target.value)
+        onChange: (h) => a?.(h.target.value)
       }
     )
   ] })
 );
-$e.displayName = "SearchInput";
-const xt = "_btn_6gx9b_3", It = "_chevron_6gx9b_30", ae = {
-  btn: xt,
-  chevron: It,
-  "btn--open": "_btn--open_6gx9b_37"
-}, St = p.forwardRef(
+Oe.displayName = "SearchInput";
+const Sa = "_btn_1do3o_3", Da = "_chevron_1do3o_30", Ce = {
+  btn: Sa,
+  chevron: Da,
+  "btn--open": "_btn--open_1do3o_37"
+}, we = b.forwardRef(
   ({
     expanded: t = !1,
-    count: a,
-    label: n,
+    count: n,
+    label: a,
     onClick: r,
-    "aria-label": i,
+    "aria-label": l,
     className: u
-  }, l) => {
-    const h = n ? `${a ?? ""} ${n}`.trim() : a != null ? String(a) : "";
-    return /* @__PURE__ */ c(
+  }, s) => {
+    const h = a ? `${n ?? ""} ${a}`.trim() : n != null ? String(n) : "";
+    return /* @__PURE__ */ m(
       "button",
       {
-        ref: l,
-        className: g(ae.btn, { [ae["btn--open"]]: t }, u),
+        ref: s,
+        className: v(Ce.btn, { [Ce["btn--open"]]: t }, u),
         onClick: r,
         "aria-expanded": t,
-        "aria-label": i,
+        "aria-label": l,
         children: [
           /* @__PURE__ */ e(
             "svg",
             {
-              className: ae.chevron,
+              className: Ce.chevron,
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
@@ -875,125 +875,543 @@ const xt = "_btn_6gx9b_3", It = "_chevron_6gx9b_30", ae = {
     );
   }
 );
-St.displayName = "ExpandButton";
-const $t = "_circle_gvt69_3", At = "_svg_gvt69_12", jt = "_track_gvt69_18", Lt = "_fill_gvt69_24", zt = "_label_gvt69_31", W = {
-  circle: $t,
-  svg: At,
-  track: jt,
-  fill: Lt,
-  label: zt
-}, oe = 14, se = 2 * Math.PI * oe;
-function Rt(t) {
+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 = {
+  circle: Ia,
+  svg: La,
+  track: Ra,
+  fill: Aa,
+  label: ja
+}, Ae = 14, Se = 2 * Math.PI * Ae;
+function $a(t) {
   return t >= 75 ? "var(--color-success)" : t >= 50 ? "var(--color-warning)" : "var(--error)";
 }
-const Pt = p.forwardRef(
-  ({ value: t, className: a }, n) => {
-    const r = Math.max(0, Math.min(100, t)), i = se - r / 100 * se;
-    return /* @__PURE__ */ c("div", { ref: n, className: g(W.circle, a), role: "meter", "aria-valuenow": r, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `${r}%`, children: [
-      /* @__PURE__ */ c("svg", { className: W.svg, viewBox: "0 0 36 36", children: [
-        /* @__PURE__ */ e("circle", { className: W.track, cx: "18", cy: "18", r: oe }),
+const ct = b.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 }),
         /* @__PURE__ */ e(
           "circle",
           {
-            className: W.fill,
+            className: ce.fill,
             cx: "18",
             cy: "18",
-            r: oe,
-            stroke: Rt(r),
-            strokeDasharray: se,
-            strokeDashoffset: i
+            r: Ae,
+            stroke: $a(r),
+            strokeDasharray: Se,
+            strokeDashoffset: l
           }
         )
       ] }),
-      /* @__PURE__ */ c("span", { className: W.label, children: [
+      /* @__PURE__ */ m("span", { className: ce.label, children: [
         r,
         "%"
       ] })
     ] });
   }
 );
-Pt.displayName = "ProgressCircle";
-const Tt = "_bar_l0q8t_3", Dt = "_track_l0q8t_9", Mt = "_fill_l0q8t_17", Et = "_value_l0q8t_23", H = {
-  bar: Tt,
-  track: Dt,
-  fill: Mt,
-  value: Et
-}, Bt = p.forwardRef(
-  ({ value: t, className: a }, n) => {
-    const r = typeof t == "number" && t <= 1 ? t * 100 : t, i = Math.round(r);
-    return /* @__PURE__ */ c("div", { ref: n, className: g(H.bar, a), role: "meter", "aria-valuenow": i, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `${i}%`, children: [
-      /* @__PURE__ */ e("div", { className: H.track, children: /* @__PURE__ */ e("div", { className: H.fill, style: { width: `${r}%` } }) }),
-      /* @__PURE__ */ c("span", { className: H.value, children: [
-        i,
+ct.displayName = "ProgressCircle";
+const Ba = "_bar_l0q8t_3", Fa = "_track_l0q8t_9", Ea = "_fill_l0q8t_17", Pa = "_value_l0q8t_23", me = {
+  bar: Ba,
+  track: Fa,
+  fill: Ea,
+  value: Pa
+}, dt = b.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: [
+      /* @__PURE__ */ e("div", { className: me.track, children: /* @__PURE__ */ e("div", { className: me.fill, style: { width: `${r}%` } }) }),
+      /* @__PURE__ */ m("span", { className: me.value, children: [
+        l,
         "%"
       ] })
     ] });
   }
 );
-Bt.displayName = "ScoreBar";
-const Ft = "_empty_26icj_3", Ot = "_icon_26icj_12", Wt = "_title_26icj_19", Vt = "_text_26icj_27", G = {
-  empty: Ft,
-  icon: Ot,
-  title: Wt,
-  text: Vt
-}, Ae = p.forwardRef(
-  ({ title: t, text: a, icon: n, className: r }, i) => /* @__PURE__ */ c("div", { ref: i, className: g(G.empty, r), role: "status", children: [
-    n && /* @__PURE__ */ e("div", { className: G.icon, "aria-hidden": "true", children: n }),
-    /* @__PURE__ */ e("div", { className: G.title, children: t }),
-    a && /* @__PURE__ */ e("div", { className: G.text, children: a })
+dt.displayName = "ScoreBar";
+const Ta = "_empty_26icj_3", Oa = "_icon_26icj_12", za = "_title_26icj_19", Ma = "_text_26icj_27", pe = {
+  empty: Ta,
+  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: [
+    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 })
   ] })
 );
-Ae.displayName = "EmptyState";
-const qt = "_toggle_176y2_3", Ht = "_btn_176y2_11", Gt = "_icon_176y2_43", K = {
-  toggle: qt,
-  btn: Ht,
-  "btn--active": "_btn--active_176y2_37",
-  icon: Gt
-}, Kt = p.forwardRef(
+ze.displayName = "EmptyState";
+const Wa = "_toggle_1uawr_3", qa = "_btn_1uawr_11", Va = "_icon_1uawr_43", fe = {
+  toggle: Wa,
+  btn: qa,
+  "btn--active": "_btn--active_1uawr_37",
+  icon: Va
+}, Me = b.forwardRef(
   ({
     options: t,
-    value: a,
-    onChange: n,
+    value: n,
+    onChange: a,
     "aria-label": r,
-    role: i = "tablist",
+    role: l = "tablist",
     className: u
-  }, l) => {
-    const h = i === "tablist" ? "tab" : "radio", _ = i === "tablist" ? "aria-selected" : "aria-checked";
+  }, s) => {
+    const h = l === "tablist" ? "tab" : "radio", i = l === "tablist" ? "aria-selected" : "aria-checked";
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: l,
-        className: g(K.toggle, u),
-        role: i,
+        ref: s,
+        className: v(fe.toggle, u),
+        role: l,
         "aria-label": r,
-        children: t.map((m) => {
-          const o = m.value === a;
-          return /* @__PURE__ */ c(
+        children: t.map((c) => {
+          const d = c.value === n;
+          return /* @__PURE__ */ m(
             "button",
             {
-              className: g(K.btn, { [K["btn--active"]]: o }),
+              className: v(fe.btn, { [fe["btn--active"]]: d }),
               role: h,
-              [_]: o,
-              onClick: () => n?.(m.value),
+              [i]: d,
+              onClick: () => a?.(c.value),
               children: [
-                m.icon && /* @__PURE__ */ e("span", { className: K.icon, "aria-hidden": "true", children: m.icon }),
-                m.label
+                c.icon && /* @__PURE__ */ e("span", { className: fe.icon, "aria-hidden": "true", children: c.icon }),
+                c.label
               ]
             },
-            m.value
+            c.value
           );
         })
       }
     );
   }
 );
-Kt.displayName = "SegmentedControl";
-const Ut = "_dashboard_avuww_4", Qt = "_sectionTitle_avuww_18", Jt = "_statusLegend_avuww_27", Zt = "_projectList_avuww_34", V = {
-  dashboard: Ut,
-  sectionTitle: Qt,
-  statusLegend: Jt,
-  projectList: Zt
-}, Xt = [
+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 = {
+  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,
+  "filterDropdown--open": "_filterDropdown--open_43db3_76",
+  filterDropdown__item: Ya,
+  "filterDropdown__item--selected": "_filterDropdown__item--selected_43db3_101",
+  filterDropdown__check: Xa,
+  filterDropdown__search: Ja,
+  filterDropdown__searchIcon: Za,
+  filterDropdown__searchInput: en
+}, _t = b.forwardRef(
+  ({
+    label: t,
+    options: n,
+    value: a,
+    onChange: r,
+    searchable: l = !0,
+    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(""));
+      }
+      if (i)
+        return document.addEventListener("click", o), () => document.removeEventListener("click", o);
+    }, [i]), /* @__PURE__ */ m(
+      "button",
+      {
+        ref: k,
+        className: v(
+          j.filterChip,
+          { [j["filterChip--active"]]: g, [j["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);
+        },
+        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" }) }),
+          i && /* @__PURE__ */ m(
+            "div",
+            {
+              className: v(j.filterDropdown, j["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: [
+                    /* @__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,
+                      type: "text",
+                      placeholder: "Suchen...",
+                      "aria-label": "Filteroptionen durchsuchen",
+                      value: d,
+                      onChange: (o) => f(o.target.value),
+                      onClick: (o) => o.stopPropagation()
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ m(
+                  "div",
+                  {
+                    role: "option",
+                    "aria-selected": !a,
+                    className: v(j.filterDropdown__item, {
+                      [j["filterDropdown__item--selected"]]: !a
+                    }),
+                    onClick: (o) => {
+                      o.stopPropagation(), r?.(null), c(!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" }) }),
+                      "Alle"
+                    ]
+                  }
+                ),
+                p.map((o) => /* @__PURE__ */ m(
+                  "div",
+                  {
+                    role: "option",
+                    "aria-selected": a === o,
+                    className: v(j.filterDropdown__item, {
+                      [j["filterDropdown__item--selected"]]: a === o
+                    }),
+                    "data-value": o,
+                    onClick: (N) => {
+                      N.stopPropagation(), r?.(o), c(!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
+                    ]
+                  },
+                  o
+                ))
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+_t.displayName = "FilterChip";
+const tn = "_popover_jepnf_3", Xe = {
+  popover: tn,
+  "popover--open": "_popover--open_jepnf_15"
+}, We = b.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) {
+        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 _ = 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 });
+    }, [n, a, t]);
+    Et(() => {
+      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;
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: d,
+        className: v(Xe.popover, { [Xe["popover--open"]]: t }, l),
+        style: y,
+        role: "dialog",
+        ...u,
+        children: r
+      }
+    );
+  }
+);
+We.displayName = "Popover";
+function an(...t) {
+  return le(
+    (n) => {
+      for (const a of t)
+        typeof a == "function" ? a(n) : a && typeof a == "object" && (a.current = n);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    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 = {
+  checkbox: nn,
+  checkbox__input: rn,
+  checkbox__box: sn,
+  "checkbox--checked": "_checkbox--checked_shqzk_35",
+  checkbox__icon: ln,
+  checkbox__label: on
+}, ut = b.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),
+      htmlFor: r,
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            className: ne.checkbox__input,
+            type: "checkbox",
+            id: r,
+            checked: t,
+            onChange: (s) => n?.(s.target.checked)
+          }
+        ),
+        /* @__PURE__ */ e("span", { className: ne.checkbox__box, children: /* @__PURE__ */ e(
+          "svg",
+          {
+            className: ne.checkbox__icon,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
+          }
+        ) }),
+        a && /* @__PURE__ */ e("span", { className: ne.checkbox__label, children: a })
+      ]
+    }
+  )
+);
+ut.displayName = "Checkbox";
+const cn = "_formField_v7ze9_3", dn = "_formField__label_v7ze9_9", _n = "_formField__error_v7ze9_19", De = {
+  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: [
+    /* @__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";
+const un = "_textInput_ix759_3", hn = {
+  textInput: un
+}, je = b.forwardRef(
+  ({ value: t, onChange: n, className: a, type: r = "text", ...l }, u) => /* @__PURE__ */ e(
+    "input",
+    {
+      ref: u,
+      type: r,
+      className: v(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 = {
+  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,
+  dropdown__item: vn,
+  "dropdown__item--selected": "_dropdown__item--selected_sbg8z_101",
+  dropdown__check: wn
+}, se = b.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) {
+        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());
+      }
+      return document.addEventListener("keydown", o), () => document.removeEventListener("keydown", o);
+    }, [c]), /* @__PURE__ */ m(
+      "button",
+      {
+        ref: y,
+        id: s,
+        type: "button",
+        role: "combobox",
+        "aria-label": h,
+        "aria-haspopup": "listbox",
+        "aria-expanded": c,
+        disabled: l,
+        className: v(
+          z.select,
+          {
+            [z["select--open"]]: c,
+            [z["select--disabled"]]: l
+          },
+          u
+        ),
+        onClick: () => !l && d(!c),
+        children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: v(z.select__label, {
+                [z.select__placeholder]: g
+              }),
+              children: p || " "
+            }
+          ),
+          /* @__PURE__ */ e(
+            "svg",
+            {
+              className: z.select__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" })
+            }
+          ),
+          c && /* @__PURE__ */ e(
+            "div",
+            {
+              className: z.dropdown,
+              role: "listbox",
+              "aria-label": h ?? r ?? "Auswahl",
+              children: t.map((o) => /* @__PURE__ */ m(
+                "div",
+                {
+                  role: "option",
+                  "aria-selected": n === o.value,
+                  className: v(z.dropdown__item, {
+                    [z["dropdown__item--selected"]]: n === o.value
+                  }),
+                  onClick: (N) => {
+                    N.stopPropagation(), a?.(o.value), d(!1);
+                  },
+                  children: [
+                    /* @__PURE__ */ e(
+                      "svg",
+                      {
+                        className: z.dropdown__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.label
+                  ]
+                },
+                o.value
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+se.displayName = "Select";
+const yn = "_textArea_kwln7_3", kn = {
+  textArea: yn
+}, ht = b.forwardRef(
+  ({ value: t, onChange: n, className: a, ...r }, l) => /* @__PURE__ */ e(
+    "textarea",
+    {
+      ref: l,
+      className: v(kn.textArea, a),
+      value: t,
+      onChange: (u) => n?.(u.target.value),
+      ...r
+    }
+  )
+);
+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 = {
+  overlay: Nn,
+  "overlay--active": "_overlay--active_1wnad_19",
+  content: xn,
+  header: Cn,
+  header__title: Sn,
+  body: Dn,
+  footer: In,
+  icon: Ln
+}, mt = b.forwardRef(
+  ({ isOpen: t, onClose: n, title: a, footer: r, children: l, className: u, ...s }, h) => {
+    if (Be(() => {
+      const c = (d) => {
+        d.key === "Escape" && t && n();
+      };
+      return document.addEventListener("keydown", c), () => document.removeEventListener("keydown", c);
+    }, [t, n]), !t) return null;
+    const i = (c) => {
+      c.target === c.currentTarget && n();
+    };
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: h,
+        className: v(K.overlay, { [K["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" }) }) })
+          ] }),
+          /* @__PURE__ */ e("div", { className: K.body, children: l }),
+          r && /* @__PURE__ */ e("footer", { className: K.footer, children: r })
+        ] })
+      }
+    );
+  }
+);
+mt.displayName = "Modal";
+const Rn = "_dashboard_avuww_4", An = "_sectionTitle_avuww_18", jn = "_statusLegend_avuww_27", $n = "_projectList_avuww_34", de = {
+  dashboard: Rn,
+  sectionTitle: An,
+  statusLegend: jn,
+  projectList: $n
+}, 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() },
   { id: "3", name: "Data Analytics Dashboard", client: "DataViz AG", app: "React / Supabase", status: "in-prufung", favorite: !1, createdAt: "20.02.2026", updatedAt: new Date(Date.now() - 10080 * 60 * 1e3).toISOString() },
@@ -1020,93 +1438,93 @@ const Ut = "_dashboard_avuww_4", Qt = "_sectionTitle_avuww_18", Jt = "_statusLeg
     createdAt: "05.01.2026",
     updatedAt: (/* @__PURE__ */ new Date()).toISOString()
   }
-], Yt = [
+], Fn = [
   { 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" }
-], ea = {
+], En = {
   neu: "Neu",
   offen: "Offen",
   "in-prufung": "In Prüfung",
   validierung: "Validierung",
   abgeschlossen: "Abgeschlossen"
-}, ta = p.forwardRef(
-  ({ initialRows: t = Xt, className: a, ...n }, r) => {
-    const [i, u] = j(t), [l, h] = j("alle"), [_, m] = j(""), o = Z(() => {
-      const v = {
-        alle: i.length,
+}, Pn = b.forwardRef(
+  ({ initialRows: t = Bn, className: n, ...a }, r) => {
+    const [l, u] = E(t), [s, h] = E("alle"), [i, c] = E(""), d = te(() => {
+      const o = {
+        alle: l.length,
         neu: 0,
         offen: 0,
         "in-prufung": 0,
         validierung: 0,
         abgeschlossen: 0
       };
-      return i.forEach((y) => {
-        v[y.status]++;
-      }), v;
-    }, [i]), w = Z(() => {
-      let v = i;
-      if (l !== "alle" && (v = v.filter((y) => y.status === l)), _.trim() !== "") {
-        const y = _.toLowerCase().trim();
-        v = v.filter(
-          (b) => b.name.toLowerCase().includes(y) || b.client.toLowerCase().includes(y) || b.app.toLowerCase().includes(y)
+      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() !== "") {
+        const N = i.toLowerCase().trim();
+        o = o.filter(
+          (w) => w.name.toLowerCase().includes(N) || w.client.toLowerCase().includes(N) || w.app.toLowerCase().includes(N)
         );
       }
-      return l === "alle" && (v = [...v].sort((y, b) => Number(b.favorite) - Number(y.favorite))), v;
-    }, [i, l, _]), x = l === "alle" ? "Alle Projekte" : `Projekte: ${ea[l]}`, C = (v, y) => {
-      u((b) => b.map((s) => s.id === v ? { ...s, favorite: y } : s));
-    }, f = Z(() => [
-      { status: "neu", label: "Neu", value: o.neu, color: "var(--status-neu)" },
-      { status: "offen", label: "Offen", value: o.offen, color: "var(--status-offen)" },
-      { status: "in-prufung", label: "In Prüfung", value: o["in-prufung"], color: "var(--status-in-prufung)" },
-      { status: "validierung", label: "Validierung", value: o.validierung, color: "var(--status-validierung)" },
-      { status: "abgeschlossen", label: "Abgeschlossen", value: o.abgeschlossen, color: "var(--status-abgeschlossen)" }
-    ], [o]), k = (v) => {
-      h(v);
+      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(() => [
+      { 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);
     };
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ m(
       "main",
       {
         ref: r,
-        className: g(V.dashboard, a),
-        ...n,
+        className: v(de.dashboard, n),
+        ...a,
         children: [
-          /* @__PURE__ */ c(
-            U,
+          /* @__PURE__ */ m(
+            be,
             {
               as: "section",
               variant: "full",
               padded: !0,
               "aria-label": "Projektstatus Übersicht",
-              className: V.statusOverview,
+              className: de.statusOverview,
               children: [
-                /* @__PURE__ */ e("h1", { className: V.sectionTitle, children: "Projekte" }),
+                /* @__PURE__ */ e("h1", { className: de.sectionTitle, children: "Projekte" }),
                 /* @__PURE__ */ e(
-                  xe,
+                  lt,
                   {
-                    data: f,
-                    onSegmentClick: k
+                    data: p,
+                    onSegmentClick: g
                   }
                 ),
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    className: V.statusLegend,
+                    className: de.statusLegend,
                     role: "listbox",
                     "aria-label": "Nach Status filtern",
-                    children: Yt.map(({ status: v, label: y }) => /* @__PURE__ */ e(
-                      Ce,
+                    children: Fn.map(({ status: o, label: N }) => /* @__PURE__ */ e(
+                      st,
                       {
-                        status: v,
-                        label: y,
-                        count: o[v],
-                        active: l === v,
-                        onClick: () => h(v)
+                        status: o,
+                        label: N,
+                        count: d[o],
+                        active: s === o,
+                        onClick: () => h(o)
                       },
-                      v
+                      o
                     ))
                   }
                 )
@@ -1114,27 +1532,27 @@ const Ut = "_dashboard_avuww_4", Qt = "_sectionTitle_avuww_18", Jt = "_statusLeg
             }
           ),
           /* @__PURE__ */ e(
-            U,
+            be,
             {
               as: "section",
               variant: "full",
               "aria-label": "Projektliste",
-              className: V.projectList,
-              title: x,
+              className: de.projectList,
+              title: y,
               headerAction: /* @__PURE__ */ e(
-                $e,
+                Oe,
                 {
-                  value: _,
-                  onChange: m,
+                  value: i,
+                  onChange: c,
                   placeholder: "Projekte durchsuchen...",
                   "aria-label": "Projekte durchsuchen"
                 }
               ),
-              children: w.length > 0 ? /* @__PURE__ */ e(Ie, { rows: w, onToggleFavorite: C }) : /* @__PURE__ */ e(
-                Ae,
+              children: f.length > 0 ? /* @__PURE__ */ e(it, { rows: f, onToggleFavorite: k }) : /* @__PURE__ */ e(
+                ze,
                 {
                   title: "Keine Projekte gefunden",
-                  text: _ ? `Keine Ergebnisse für „${_}"` : void 0
+                  text: i ? `Keine Ergebnisse für „${i}"` : void 0
                 }
               )
             }
@@ -1144,56 +1562,56 @@ const Ut = "_dashboard_avuww_4", Qt = "_sectionTitle_avuww_18", Jt = "_statusLeg
     );
   }
 );
-ta.displayName = "DashboardPage";
-const aa = "_taskItem_77jzk_4", sa = "_taskItem__content_77jzk_14", la = "_taskItem__titleGroup_77jzk_21", na = "_taskItem__title_77jzk_21", ia = "_taskItem__meta_77jzk_41", ra = "_metaUser_77jzk_52", oa = "_metaProject_77jzk_58", ca = "_taskItem__deadline_77jzk_76", da = "_taskItem__actions_77jzk_95", A = {
-  taskItem: aa,
-  taskItem__content: sa,
-  taskItem__titleGroup: la,
-  taskItem__title: na,
-  taskItem__meta: ia,
-  metaUser: ra,
-  metaProject: oa,
+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 = {
+  taskItem: Tn,
+  taskItem__content: On,
+  taskItem__titleGroup: zn,
+  taskItem__title: Mn,
+  taskItem__meta: Wn,
+  metaUser: qn,
+  metaProject: Vn,
   "icon-sm": "_icon-sm_77jzk_71",
-  taskItem__deadline: ca,
+  taskItem__deadline: Gn,
   "deadline-urgent": "_deadline-urgent_77jzk_85",
   "deadline-normal": "_deadline-normal_77jzk_90",
-  taskItem__actions: da
-}, _a = [
+  taskItem__actions: Hn
+}, Un = [
   { value: "Offen", label: "Offen" },
   { value: "In Arbeit", label: "In Arbeit" },
   { value: "Erledigt", label: "Erledigt" }
-], je = p.forwardRef(
-  ({ title: t, project: a, projectLabel: n, status: r, deadline: i, deadlineType: u = "normal", priority: l, assignees: h, description: _, onClick: m, onStatusChange: o, className: w, ...x }, C) => {
-    const f = (k) => {
-      k.stopPropagation();
+], 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();
     };
-    return /* @__PURE__ */ c(
-      Ne,
+    return /* @__PURE__ */ m(
+      Ee,
       {
-        ref: C,
+        ref: k,
         as: "article",
-        onClick: m,
-        className: g(A.taskItem, w),
-        ...x,
+        onClick: c,
+        className: v(T.taskItem, f),
+        ...y,
         children: [
-          /* @__PURE__ */ c("div", { className: A.taskItem__content, children: [
-            /* @__PURE__ */ e("div", { className: A.taskItem__titleGroup, children: /* @__PURE__ */ e("h3", { className: A.taskItem__title, children: t }) }),
-            /* @__PURE__ */ c("div", { className: A.taskItem__meta, children: [
-              h.length > 0 && /* @__PURE__ */ e("div", { className: A.metaUser, children: /* @__PURE__ */ e(de, { children: h.map((k, v) => /* @__PURE__ */ e(q, { initials: k.initials, name: k.name }, v)) }) }),
-              /* @__PURE__ */ c("div", { className: A.metaProject, "aria-label": `Projekt: ${n || a}`, children: [
-                /* @__PURE__ */ e("svg", { className: A["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" }) }),
-                n || a
+          /* @__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" }) }),
+                a || n
               ] }),
-              l && l !== "low" && /* @__PURE__ */ e(_e, { level: l, size: "small" })
+              s && s !== "low" && /* @__PURE__ */ e(Te, { level: s, size: "small" })
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: g(A.taskItem__deadline, A[`deadline-${u}`]), children: i }),
-          /* @__PURE__ */ e("div", { className: A.taskItem__actions, onClick: f, children: /* @__PURE__ */ e(
-            Se,
+          /* @__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(
+            ot,
             {
-              options: _a,
+              options: Un,
               value: r,
-              onChange: o
+              onChange: d
             }
           ) })
         ]
@@ -1201,278 +1619,226 @@ const aa = "_taskItem_77jzk_4", sa = "_taskItem__content_77jzk_14", la = "_taskI
     );
   }
 );
-je.displayName = "TaskItem";
-const ua = "_textarea_m18cx_191", ma = "_icon_m18cx_197", d = {
-  "modal-overlay": "_modal-overlay_m18cx_4",
-  "is-active": "_is-active_m18cx_19",
-  "modal-content": "_modal-content_m18cx_25",
-  "modal-header": "_modal-header_m18cx_46",
-  "modal-header-title": "_modal-header-title_m18cx_55",
-  "modal-body": "_modal-body_m18cx_65",
-  "modal-footer": "_modal-footer_m18cx_84",
-  "view-group": "_view-group_m18cx_95",
-  "view-label": "_view-label_m18cx_101",
-  "view-badge-row": "_view-badge-row_m18cx_111",
-  "view-task-title": "_view-task-title_m18cx_118",
-  "view-value-strong": "_view-value-strong_m18cx_127",
-  "view-description": "_view-description_m18cx_134",
-  "text-muted": "_text-muted_m18cx_142",
-  "form-group": "_form-group_m18cx_148",
-  "form-row": "_form-row_m18cx_154",
-  "form-label": "_form-label_m18cx_160",
-  "form-control": "_form-control_m18cx_170",
-  textarea: ua,
-  icon: ma,
-  "icon-pencil": "_icon-pencil_m18cx_207"
-}, ge = [
+pt.displayName = "TaskItem";
+const D = {
+  "view-group": "_view-group_1lp4x_4",
+  "view-label": "_view-label_1lp4x_10",
+  "view-badge-row": "_view-badge-row_1lp4x_20",
+  "view-task-title": "_view-task-title_1lp4x_27",
+  "view-value-strong": "_view-value-strong_1lp4x_36",
+  "view-description": "_view-description_1lp4x_43",
+  "text-muted": "_text-muted_1lp4x_51",
+  "form-row": "_form-row_1lp4x_57",
+  "assignee-row": "_assignee-row_1lp4x_63",
+  "assignee-select": "_assignee-select_1lp4x_69",
+  "add-checklist-btn": "_add-checklist-btn_1lp4x_73",
+  "icon-pencil": "_icon-pencil_1lp4x_79",
+  "icon-sm": "_icon-sm_1lp4x_85"
+}, Je = [
   { value: "Q1", label: "Q1 Roadmap" },
   { value: "FR", label: "Frontend Relaunch" },
   { value: "UR", label: "User Research" }
-], be = [
+], Kn = [
+  { value: "Offen", label: "Offen" },
+  { value: "In Arbeit", label: "In Arbeit" },
+  { value: "Erledigt", label: "Erledigt" }
+], Qn = [
+  { value: "", label: "Keine" },
+  { value: "high", label: "Hoch (!!)" },
+  { value: "medium", label: "Medium (!)" },
+  { value: "low", label: "Niedrig" }
+], ft = [
   { initials: "FV", name: "Fabian Venmann" },
   { initials: "LV", name: "Luca Vitiello" },
   { initials: "AS", name: "Anna Schmidt" }
-], Le = p.forwardRef(
-  ({ isOpen: t, onClose: a, task: n, onSave: r, initialMode: i = "view", className: u, ...l }, h) => {
-    const [_, m] = j(i), [o, w] = j(null);
-    if (le(() => {
-      t && n && (w({ ...n, checklist: [...n.checklist] }), m(i));
-    }, [t, n, i]), le(() => {
-      const s = (N) => {
-        N.key === "Escape" && t && a();
-      };
-      return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
-    }, [t, a]), !t || !n || !o) return null;
-    const x = () => {
-      r && r(o), m("view");
-    }, C = () => {
-      a();
-    }, f = (s) => {
-      w({ ...o, checklist: s });
-    }, k = (s) => {
-      const N = ge.find((I) => I.value === s.target.value);
-      w({
-        ...o,
-        project: s.target.value,
-        projectLabel: N?.label || s.target.value
+], Yn = ft.map((t) => ({
+  value: t.initials.toLowerCase(),
+  label: t.name
+})), bt = b.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);
+    if (Be(() => {
+      t && a && (f({ ...a, checklist: [...a.checklist] }), c(l));
+    }, [t, a, l]), !t || !a || !d) return null;
+    const y = () => {
+      r && r(d), c("view");
+    }, k = (_) => {
+      f({ ...d, checklist: _ });
+    }, p = (_) => {
+      const x = Je.find((S) => S.value === _);
+      f({
+        ...d,
+        project: _,
+        projectLabel: x?.label || _
       });
-    }, v = (s) => {
-      const N = be.find((I) => I.initials.toLowerCase() === s.target.value);
-      N && w({ ...o, assignees: [N] });
-    }, y = () => {
-      const s = {
+    }, g = (_) => {
+      const x = ft.find((S) => S.initials.toLowerCase() === _);
+      x && f({ ...d, assignees: [x] });
+    }, o = () => {
+      const _ = {
         id: `check-${Date.now()}`,
         text: "",
         checked: !1
       };
-      w({
-        ...o,
-        checklist: [...o.checklist, s]
+      f({
+        ...d,
+        checklist: [...d.checklist, _]
       });
-    }, b = (s) => {
-      s.target === s.currentTarget && C();
-    };
+    }, 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" }) }),
+        "Bearbeiten"
+      ] })
+    ] }) : /* @__PURE__ */ m(Y, { children: [
+      /* @__PURE__ */ e(V, { variant: "outline", onClick: () => c("view"), children: "Abbrechen" }),
+      /* @__PURE__ */ e(V, { variant: "primary", onClick: y, children: "Speichern" })
+    ] });
     return /* @__PURE__ */ e(
-      "div",
+      mt,
       {
         ref: h,
-        className: g(d["modal-overlay"], { [d["is-active"]]: t }, u),
-        onClick: b,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": "modalTitle",
-        ...l,
-        children: /* @__PURE__ */ c("div", { className: d["modal-content"], "data-mode": _, children: [
-          /* @__PURE__ */ c("header", { className: d["modal-header"], children: [
-            /* @__PURE__ */ e("h2", { className: d["modal-header-title"], id: "modalTitle", children: _ === "edit" ? "Aufgabe bearbeiten" : "Aufgaben-Details" }),
-            /* @__PURE__ */ e(R, { variant: "ghost", onClick: C, "aria-label": "Schließen", children: /* @__PURE__ */ e("svg", { className: d.icon, viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
+        isOpen: t,
+        onClose: n,
+        title: N,
+        footer: w,
+        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 })
           ] }),
-          _ === "view" ? /* @__PURE__ */ c("div", { className: d["modal-body"], children: [
-            /* @__PURE__ */ c("div", { className: d["view-group"], children: [
-              /* @__PURE__ */ e("span", { className: d["view-label"], children: "Titel" }),
-              /* @__PURE__ */ e("h3", { className: d["view-task-title"], children: o.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__ */ c("div", { className: d["view-badge-row"], children: [
-              /* @__PURE__ */ c("div", { className: d["view-group"], children: [
-                /* @__PURE__ */ e("span", { className: d["view-label"], children: "Verantwortlich" }),
-                o.assignees.length > 0 ? /* @__PURE__ */ e(de, { children: o.assignees.map((s, N) => /* @__PURE__ */ e(q, { initials: s.initials, name: s.name }, N)) }) : /* @__PURE__ */ e(q, { initials: "?", name: "Nicht zugewiesen" })
-              ] }),
-              /* @__PURE__ */ c("div", { className: d["view-group"], children: [
-                /* @__PURE__ */ e("span", { className: d["view-label"], children: "Projekt" }),
-                /* @__PURE__ */ c(ie, { 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" }) }),
-                  o.projectLabel || o.project
-                ] })
-              ] }),
-              /* @__PURE__ */ c("div", { className: d["view-group"], children: [
-                /* @__PURE__ */ e("span", { className: d["view-label"], children: "Priorität" }),
-                o.priority ? /* @__PURE__ */ e(_e, { level: o.priority, size: "large" }) : /* @__PURE__ */ e("div", { className: d["text-muted"], children: "Keine" })
-              ] }),
-              /* @__PURE__ */ c("div", { className: d["view-group"], children: [
-                /* @__PURE__ */ e("span", { className: d["view-label"], children: "Status" }),
-                /* @__PURE__ */ e(ie, { children: o.status })
-              ] }),
-              /* @__PURE__ */ c("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: o.deadline })
+            /* @__PURE__ */ m("div", { className: D["view-group"], children: [
+              /* @__PURE__ */ e("span", { className: D["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" }) }),
+                d.projectLabel || d.project
               ] })
             ] }),
-            /* @__PURE__ */ c("div", { className: d["view-group"], children: [
-              /* @__PURE__ */ e("span", { className: d["view-label"], children: "Beschreibung" }),
-              /* @__PURE__ */ e("p", { className: d["view-description"], children: o.description || /* @__PURE__ */ e("span", { className: d["text-muted"], children: "Keine Beschreibung vorhanden." }) })
-            ] }),
-            /* @__PURE__ */ c("div", { className: d["view-group"], children: [
-              /* @__PURE__ */ e("span", { className: d["view-label"], children: "To-Do Checkliste" }),
-              /* @__PURE__ */ e(re, { items: o.checklist, onChange: f, editable: !1 })
-            ] })
-          ] }) : /* @__PURE__ */ c("div", { className: d["modal-body"], children: [
-            /* @__PURE__ */ c("div", { className: d["form-group"], children: [
-              /* @__PURE__ */ e("label", { className: d["form-label"], htmlFor: "taskTitle", children: "Titel" }),
-              /* @__PURE__ */ e(
-                "input",
-                {
-                  type: "text",
-                  id: "taskTitle",
-                  className: d["form-control"],
-                  value: o.title,
-                  onChange: (s) => w({ ...o, title: s.target.value })
-                }
-              )
+            /* @__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__ */ c("div", { className: d["form-row"], children: [
-              /* @__PURE__ */ c("div", { className: d["form-group"], children: [
-                /* @__PURE__ */ e("label", { className: d["form-label"], htmlFor: "taskProject", children: "Projekt" }),
-                /* @__PURE__ */ e(
-                  "select",
-                  {
-                    id: "taskProject",
-                    className: d["form-control"],
-                    value: o.project,
-                    onChange: k,
-                    children: ge.map((s) => /* @__PURE__ */ e("option", { value: s.value, children: s.label }, s.value))
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ c("div", { className: d["form-group"], children: [
-                /* @__PURE__ */ e("label", { className: d["form-label"], htmlFor: "taskStatus", children: "Status" }),
-                /* @__PURE__ */ c(
-                  "select",
-                  {
-                    id: "taskStatus",
-                    className: d["form-control"],
-                    value: o.status,
-                    onChange: (s) => w({ ...o, status: s.target.value }),
-                    children: [
-                      /* @__PURE__ */ e("option", { value: "Offen", children: "Offen" }),
-                      /* @__PURE__ */ e("option", { value: "In Arbeit", children: "In Arbeit" }),
-                      /* @__PURE__ */ e("option", { value: "Erledigt", children: "Erledigt" })
-                    ]
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ c("div", { className: d["form-row"], children: [
-              /* @__PURE__ */ c("div", { className: d["form-group"], children: [
-                /* @__PURE__ */ e("label", { className: d["form-label"], htmlFor: "taskDate", children: "Fälligkeitsdatum" }),
-                /* @__PURE__ */ e(
-                  "input",
-                  {
-                    type: "text",
-                    id: "taskDate",
-                    className: d["form-control"],
-                    value: o.deadline,
-                    onChange: (s) => w({ ...o, deadline: s.target.value })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ c("div", { className: d["form-group"], children: [
-                /* @__PURE__ */ e("label", { className: d["form-label"], htmlFor: "taskPriority", children: "Priorität" }),
-                /* @__PURE__ */ c(
-                  "select",
-                  {
-                    id: "taskPriority",
-                    className: d["form-control"],
-                    value: o.priority || "",
-                    onChange: (s) => w({ ...o, priority: s.target.value || void 0 }),
-                    children: [
-                      /* @__PURE__ */ e("option", { value: "", children: "Keine" }),
-                      /* @__PURE__ */ e("option", { value: "high", children: "Hoch (!!)" }),
-                      /* @__PURE__ */ e("option", { value: "medium", children: "Medium (!)" }),
-                      /* @__PURE__ */ e("option", { value: "low", children: "Niedrig" })
-                    ]
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ c("div", { className: d["form-group"], children: [
-              /* @__PURE__ */ e("label", { className: d["form-label"], htmlFor: "taskAssignee", children: "Verantwortlich" }),
-              /* @__PURE__ */ c("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
-                /* @__PURE__ */ e(q, { initials: o.assignees[0]?.initials || "?" }),
-                /* @__PURE__ */ e(
-                  "select",
-                  {
-                    id: "taskAssignee",
-                    className: d["form-control"],
-                    style: { flex: 1 },
-                    value: o.assignees[0]?.initials.toLowerCase() || "",
-                    onChange: v,
-                    children: be.map((s) => /* @__PURE__ */ e("option", { value: s.initials.toLowerCase(), children: s.name }, s.initials))
-                  }
-                )
-              ] })
-            ] }),
-            /* @__PURE__ */ c("div", { className: d["form-group"], children: [
-              /* @__PURE__ */ e("label", { className: d["form-label"], htmlFor: "taskDescription", children: "Beschreibung" }),
-              /* @__PURE__ */ e(
-                "textarea",
-                {
-                  id: "taskDescription",
-                  className: g(d["form-control"], d.textarea),
-                  placeholder: "Weitere Details zur Aufgabe...",
-                  value: o.description || "",
-                  onChange: (s) => w({ ...o, description: s.target.value })
-                }
-              )
+            /* @__PURE__ */ m("div", { className: D["view-group"], children: [
+              /* @__PURE__ */ e("span", { className: D["view-label"], children: "Status" }),
+              /* @__PURE__ */ e(Le, { children: d.status })
             ] }),
-            /* @__PURE__ */ c("div", { className: d["form-group"], children: [
-              /* @__PURE__ */ e("label", { className: d["form-label"], children: "To-Do Checkliste" }),
-              /* @__PURE__ */ e(re, { items: o.checklist, onChange: f, editable: !0 }),
-              /* @__PURE__ */ e(
-                R,
-                {
-                  variant: "ghost",
-                  onClick: y,
-                  style: { alignSelf: "flex-start", marginTop: "0.25rem" },
-                  children: "+ Neues Element"
-                }
-              )
+            /* @__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 })
             ] })
           ] }),
-          _ === "view" ? /* @__PURE__ */ c("footer", { className: d["modal-footer"], children: [
-            /* @__PURE__ */ e(R, { variant: "outline", onClick: C, children: "Schließen" }),
-            /* @__PURE__ */ c(R, { variant: "primary", onClick: () => m("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" }) }),
-              "Bearbeiten"
-            ] })
-          ] }) : /* @__PURE__ */ c("footer", { className: d["modal-footer"], children: [
-            /* @__PURE__ */ e(R, { variant: "outline", onClick: () => m("view"), children: "Abbrechen" }),
-            /* @__PURE__ */ e(R, { variant: "primary", onClick: x, children: "Speichern" })
+          /* @__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: 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(Y, { children: [
+          /* @__PURE__ */ e(W, { label: "Titel", htmlFor: "taskTitle", children: /* @__PURE__ */ e(
+            je,
+            {
+              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,
+              {
+                id: "taskProject",
+                options: Je,
+                value: d.project,
+                onChange: p
+              }
+            ) }),
+            /* @__PURE__ */ e(W, { label: "Status", htmlFor: "taskStatus", children: /* @__PURE__ */ e(
+              se,
+              {
+                id: "taskStatus",
+                options: Kn,
+                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,
+              {
+                id: "taskDate",
+                value: d.deadline,
+                onChange: (_) => f({ ...d, deadline: _ })
+              }
+            ) }),
+            /* @__PURE__ */ e(W, { label: "Priorität", htmlFor: "taskPriority", children: /* @__PURE__ */ e(
+              se,
+              {
+                id: "taskPriority",
+                options: Qn,
+                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(
+              se,
+              {
+                id: "taskAssignee",
+                options: Yn,
+                value: d.assignees[0]?.initials.toLowerCase() || "",
+                onChange: g,
+                className: D["assignee-select"]
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ e(W, { label: "Beschreibung", htmlFor: "taskDescription", children: /* @__PURE__ */ e(
+            ht,
+            {
+              id: "taskDescription",
+              placeholder: "Weitere Details zur Aufgabe...",
+              value: d.description || "",
+              onChange: (_) => f({ ...d, description: _ })
+            }
+          ) }),
+          /* @__PURE__ */ m(W, { label: "To-Do Checkliste", children: [
+            /* @__PURE__ */ e(Re, { items: d.checklist, onChange: k, editable: !0 }),
+            /* @__PURE__ */ e(
+              V,
+              {
+                variant: "ghost",
+                onClick: o,
+                className: D["add-checklist-btn"],
+                children: "+ Neues Element"
+              }
+            )
           ] })
         ] })
       }
     );
   }
 );
-Le.displayName = "TaskDetailModal";
-const ha = "_icon_1rthp_4", fe = {
-  icon: ha,
+bt.displayName = "TaskDetailModal";
+const Xn = "_icon_1rthp_4", Ze = {
+  icon: Xn,
   "icon-sm": "_icon-sm_1rthp_14"
-}, va = p.forwardRef(
-  ({ tasks: t, onTaskUpdate: a, onTaskAdd: n, className: r, ...i }, u) => {
-    const [l, h] = j(t), [_, m] = j(!1), [o, w] = j(null), [x, C] = j("view"), f = (b) => {
-      w(b), C("view"), m(!0);
-    }, k = () => {
-      const b = {
+}, Jn = b.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 = {
         id: `new-${Date.now()}`,
         title: "Neue Aufgabe",
         project: "Q1",
@@ -1484,98 +1850,1193 @@ const ha = "_icon_1rthp_4", fe = {
         description: "",
         checklist: []
       };
-      w(b), C("edit"), m(!0);
-    }, v = (b) => {
-      if (l.some((N) => N.id === b.id)) {
-        const N = l.map((I) => I.id === b.id ? b : I);
-        h(N), a && a(b);
+      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);
       } else
-        h([...l, b]), n && n(b);
-      w(b);
-    }, y = (b, s) => {
-      const N = l.map((I) => {
-        if (I.id === b) {
-          const L = { ...I, status: s };
-          return a && a(L), L;
+        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;
         }
-        return I;
+        return S;
       });
-      h(N);
+      h(x);
     };
-    return /* @__PURE__ */ c(
-      U,
+    return /* @__PURE__ */ m(
+      be,
       {
         ref: u,
         as: "main",
         title: "Aufgaben",
         variant: "half",
         scrollable: !0,
-        headerAction: /* @__PURE__ */ c(R, { variant: "primary", onClick: k, "aria-label": "Neue Aufgabe erstellen", children: [
-          /* @__PURE__ */ e("svg", { className: g(fe.icon, fe["icon-sm"]), viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M12 5v14M5 12h14" }) }),
+        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" }) }),
           "Neu"
         ] }),
         className: r,
-        ...i,
+        ...l,
         children: [
-          /* @__PURE__ */ e(ce, { "aria-label": "Aufgabenliste", children: l.map((b) => /* @__PURE__ */ e(
-            je,
+          /* @__PURE__ */ e(ve, { "aria-label": "Aufgabenliste", children: s.map((w) => /* @__PURE__ */ e(
+            pt,
             {
-              title: b.title,
-              project: b.project,
-              projectLabel: b.projectLabel,
-              status: b.status,
-              deadline: b.deadline,
-              deadlineType: b.deadlineType,
-              priority: b.priority,
-              assignees: b.assignees,
-              description: b.description,
-              onClick: () => f(b),
-              onStatusChange: (s) => y(b.id, s)
+              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, _)
             },
-            b.id
+            w.id
           )) }),
           /* @__PURE__ */ e(
-            Le,
+            bt,
+            {
+              isOpen: i,
+              onClose: () => c(!1),
+              task: d,
+              initialMode: y,
+              onSave: o
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Jn.displayName = "TaskWidget";
+const Zn = "_page_1c5lq_3", er = {
+  page: Zn
+}, tr = "_domainSwitcher_abrin_3", ar = "_domainSwitcher__label_abrin_11", et = {
+  domainSwitcher: tr,
+  domainSwitcher__label: ar
+}, gt = b.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: [
+      /* @__PURE__ */ e("span", { className: et.domainSwitcher__label, children: "Datenquelle" }),
+      /* @__PURE__ */ e(
+        Me,
+        {
+          options: u,
+          value: n,
+          onChange: a,
+          role: "radiogroup",
+          "aria-label": "Datenquelle wechseln"
+        }
+      )
+    ] });
+  }
+);
+gt.displayName = "DomainSwitcher";
+const nr = "_dataGrid_1teg2_3", rr = "_dataGrid__viewPanel_1teg2_11", sr = "_resultCount_1teg2_15", lr = "_resultCount__number_1teg2_24", ge = {
+  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 = {
+  toolbar: ir,
+  toolbar__row: or,
+  "toolbar__row--filters": "_toolbar__row--filters_1vf8q_20",
+  toolbar__left: cr,
+  toolbar__right: dr,
+  settingsBtn: _r,
+  settingsBtn__icon: ur,
+  filterMore: hr,
+  filterMore__btn: mr,
+  filterMore__badge: pr
+}, fr = /* @__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: "18", height: "18", rx: "2" }),
+  /* @__PURE__ */ e("line", { x1: "3", y1: "9", x2: "21", y2: "9" }),
+  /* @__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: [
+  /* @__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: [
+  /* @__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(
+  ({
+    currentView: t,
+    onViewChange: n,
+    searchQuery: a,
+    onSearchChange: r,
+    columns: l,
+    filters: u,
+    filterOptions: s,
+    onFilterChange: h,
+    onSettingsClick: i,
+    settingsExpanded: c = !1,
+    settingsBtnRef: d,
+    onMoreFiltersClick: f,
+    moreFiltersExpanded: y = !1,
+    moreFiltersBtnRef: k,
+    activeSecondaryFilterCount: p = 0,
+    className: g
+  }, o) => {
+    const N = l.filter(
+      ([, w]) => w.filterable && w.primaryFilter && w.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(
+          Me,
+          {
+            options: vr,
+            value: t,
+            onChange: (w) => n?.(w),
+            role: "tablist",
+            "aria-label": "Ansicht wechseln"
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: F.toolbar__right, children: /* @__PURE__ */ m(
+          "button",
+          {
+            ref: d,
+            className: F.settingsBtn,
+            "aria-label": "Datenfelder konfigurieren",
+            "aria-haspopup": "true",
+            "aria-expanded": c,
+            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__ */ 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" })
+              ] }),
+              "Konfigurieren"
+            ]
+          }
+        ) })
+      ] }),
+      /* @__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];
+            return /* @__PURE__ */ e(
+              _t,
+              {
+                label: _.label,
+                options: x,
+                value: S,
+                onChange: (R) => h?.(w, R),
+                dataFilter: w
+              },
+              w
+            );
+          }),
+          /* @__PURE__ */ e("div", { className: F.filterMore, children: /* @__PURE__ */ m(
+            "button",
+            {
+              ref: k,
+              className: F.filterMore__btn,
+              "aria-label": "Weitere Filter anzeigen",
+              "aria-haspopup": "true",
+              "aria-expanded": y,
+              onClick: f,
+              children: [
+                "+ mehr Filter",
+                p > 0 && /* @__PURE__ */ e("span", { className: F.filterMore__badge, children: p })
+              ]
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: F.toolbar__right, children: /* @__PURE__ */ e(
+          Oe,
+          {
+            value: a,
+            onChange: r,
+            "aria-label": "Daten durchsuchen"
+          }
+        ) })
+      ] })
+    ] });
+  }
+);
+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 = {
+  expansionDrawer: wr,
+  "expansionDrawer--open": "_expansionDrawer--open_1bj98_8",
+  expansionDrawer__cell: yr,
+  expansionDrawer__content: kr,
+  expansionDrawer__title: Nr,
+  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 = {
+  cellDouble: Dr,
+  cellDouble__primary: Ir,
+  cellDouble__secondary: Lr,
+  cellLink: Rr,
+  cellPrice: Ar,
+  cellPrice__currency: jr,
+  inventoryBadge: $r,
+  "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--active": "_statusBadge--active_1y1lm_119",
+  "statusBadge--nrnd": "_statusBadge--nrnd_1y1lm_128",
+  "statusBadge--eol": "_statusBadge--eol_1y1lm_137",
+  "statusBadge--production": "_statusBadge--production_1y1lm_146",
+  "statusBadge--neu": "_statusBadge--neu_1y1lm_156",
+  "statusBadge--offen": "_statusBadge--offen_1y1lm_165",
+  "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.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 })
+);
+yt.displayName = "CellLink";
+function Pr(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 })
+  ] })
+);
+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" }),
+    n
+  ] })
+);
+$e.displayName = "InventoryBadge";
+const Nt = b.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" }),
+      t
+    ] });
+  }
+);
+Nt.displayName = "LifecycleStatusBadge";
+function Tr(t, n, a, r, l, u, s) {
+  const h = a[t];
+  switch (n.type) {
+    case "text":
+      return /* @__PURE__ */ e("span", { children: h ?? "" });
+    case "double-text": {
+      const i = n.secondary ? a[n.secondary] ?? "" : "";
+      return /* @__PURE__ */ e(wt, { primary: h ?? "", secondary: i });
+    }
+    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 });
+    }
+    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 });
+    }
+    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] });
+    }
+    case "progress":
+      return /* @__PURE__ */ e(ct, { value: h });
+    case "favorite": {
+      const i = r.has(a.id);
+      return /* @__PURE__ */ e(
+        ue,
+        {
+          pressed: i,
+          projectName: a.id,
+          size: "sm",
+          onToggle: () => u?.(a.id),
+          onClick: (c) => c.stopPropagation()
+        }
+      );
+    }
+    case "expand": {
+      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";
+      return /* @__PURE__ */ e(
+        we,
+        {
+          expanded: d,
+          count: i.length,
+          label: f,
+          "aria-label": `${i.length} ${f} anzeigen`,
+          onClick: () => s?.(c)
+        }
+      );
+    }
+    default:
+      return /* @__PURE__ */ e("span", { children: String(h ?? "") });
+  }
+}
+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;
+  return /* @__PURE__ */ e(
+    "tr",
+    {
+      className: v(Q.expansionDrawer, { [Q["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: [
+          /* @__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);
+            }),
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ m(
+              "button",
+              {
+                className: Q.quickAddBtn,
+                "aria-label": `${d[i[0]?.key] || ""} hinzufügen`,
+                children: [
+                  /* @__PURE__ */ m(
+                    "svg",
+                    {
+                      className: Q.quickAddBtn__icon,
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2.5",
+                      "aria-hidden": "true",
+                      children: [
+                        /* @__PURE__ */ e("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+                        /* @__PURE__ */ e("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+                      ]
+                    }
+                  ),
+                  "Hinzufügen"
+                ]
+              }
+            ) })
+          ] }, f)) })
+        ] })
+      ] }) })
+    },
+    s
+  );
+}
+const xt = b.forwardRef(
+  ({
+    rows: t,
+    columns: n,
+    sortColumn: a,
+    sortDirection: r,
+    onSort: l,
+    expandedRows: u,
+    onToggleExpand: s,
+    favorites: h,
+    onToggleFavorite: i,
+    columnWidths: c = {},
+    onColumnResize: d,
+    className: f
+  }, y) => {
+    const k = n.filter(([, _]) => _.visible), p = k.filter(([, _]) => _.type === "expand"), g = k.length, o = k.map(([_, x]) => ({
+      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
+    }));
+    return /* @__PURE__ */ e(
+      Fe,
+      {
+        ref: y,
+        columns: o,
+        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;
+        },
+        sortColumn: a,
+        sortDirection: r ?? void 0,
+        onSort: l,
+        resizable: !0,
+        columnWidths: c,
+        onColumnResize: d,
+        renderExpandedRow: (_) => {
+          if (p.length === 0) return null;
+          const x = p.map(
+            ([S, R]) => Or(_, S, R, g, u)
+          );
+          return x.some(Boolean) ? /* @__PURE__ */ e(Y, { children: x }) : null;
+        },
+        rowAnimation: !0,
+        rowDataAttributes: (_) => ({ "data-row-id": _.id }),
+        ariaLabel: "Datentabelle",
+        className: f
+      }
+    );
+  }
+);
+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 = {
+  listView: zr,
+  listItem: Mr,
+  title: Wr,
+  meta: qr,
+  metaDivider: Vr,
+  badges: Gr,
+  price: Hr
+}, Ct = b.forwardRef(
+  ({
+    rows: t,
+    columns: n,
+    visibleColumns: a,
+    titleField: r,
+    metaFields: l = [],
+    badgeFields: u = [],
+    valueField: s,
+    expandField: h,
+    favorites: i,
+    onToggleFavorite: c,
+    expandedRows: d,
+    onToggleExpand: f,
+    renderCell: y,
+    className: k
+  }, 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,
+        {
+          pressed: N,
+          projectName: o.id,
+          size: "sm",
+          onToggle: () => c?.(o.id),
+          onClick: (C) => C.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);
+        }) }),
+        s && a.has(s) && /* @__PURE__ */ e("div", { className: Z.price, children: g[s] && y ? y(s, g[s], o) : String(o[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}`;
+          return /* @__PURE__ */ e(
+            we,
+            {
+              expanded: d.has(I),
+              count: C.length,
+              "aria-label": `${C.length} ${A}`,
+              onClick: () => f?.(I)
+            }
+          );
+        })()
+      ] });
+      return /* @__PURE__ */ m(
+        Ee,
+        {
+          leading: S,
+          trailing: R,
+          className: Z.listItem,
+          "data-row-id": o.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);
+            }) })
+          ]
+        },
+        o.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 = {
+  cardGrid: Ur,
+  header: Kr,
+  title: Qr,
+  subtitle: Yr,
+  badges: Xr,
+  row: Jr,
+  label: Zr,
+  value: es,
+  footer: ts,
+  footerLink: as
+}, St = b.forwardRef(
+  ({
+    rows: t,
+    columns: n,
+    visibleColumns: a,
+    titleField: r,
+    subtitleField: l,
+    badgeFields: u = [],
+    cardRows: s = [],
+    footerField: h,
+    expandField: i,
+    favorites: c,
+    onToggleFavorite: d,
+    expandedRows: f,
+    onToggleExpand: y,
+    renderCell: k,
+    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] ?? "" : "";
+      return /* @__PURE__ */ m(nt, { "data-row-id": _.id, children: [
+        /* @__PURE__ */ m("div", { className: M.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(
+            ue,
             {
-              isOpen: _,
-              onClose: () => m(!1),
-              task: o,
-              initialMode: x,
-              onSave: v
+              pressed: x,
+              projectName: _.id,
+              size: "sm",
+              onToggle: () => d?.(_.id),
+              onClick: (I) => I.stopPropagation()
             }
           )
+        ] }),
+        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);
+        }) }),
+        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 })
+          ] }, I.field);
+        }),
+        (A || i && a.has(i)) && /* @__PURE__ */ m("div", { className: M.footer, children: [
+          /* @__PURE__ */ e("span", { className: M.footerLink, children: A }),
+          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}`;
+            return /* @__PURE__ */ e(
+              we,
+              {
+                expanded: f.has(he),
+                count: I.length,
+                "aria-label": `${I.length} ${q}`,
+                onClick: () => y?.(he)
+              }
+            );
+          })()
+        ] })
+      ] }, _.id);
+    }) });
+  }
+);
+St.displayName = "CardView";
+const ns = "_configPopover__title_1u5mf_3", rs = "_configPopover__item_1u5mf_12", ss = "_configPopover__dragHandle_1u5mf_38", ee = {
+  configPopover__title: ns,
+  configPopover__item: rs,
+  configPopover__dragHandle: ss
+}, Dt = b.forwardRef(
+  ({
+    open: t,
+    anchorRef: n,
+    columns: a,
+    columnOrder: r,
+    visibleColumns: l,
+    onToggleColumn: u,
+    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));
+      },
+      [r, s]
+    );
+    return /* @__PURE__ */ m(
+      We,
+      {
+        ref: i,
+        open: t,
+        anchorRef: n,
+        align: "end",
+        "aria-label": "Datenfelder konfigurieren",
+        className: v(ee.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
+            );
+          })
+        ]
+      }
+    );
+  }
+);
+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(
+  ({
+    open: t,
+    anchorRef: n,
+    columns: a,
+    filters: r,
+    filterOptions: l,
+    onFilterChange: u,
+    onClearAll: s,
+    className: h
+  }, i) => {
+    const c = a.filter(
+      ([, f]) => f.filterable && !f.primaryFilter
+    ), d = c.filter(
+      ([f]) => r[f] != null
+    ).length;
+    return /* @__PURE__ */ m(
+      We,
+      {
+        ref: i,
+        open: t,
+        anchorRef: n,
+        align: "start",
+        "aria-label": "Weitere Filter",
+        className: v(re.moreFilters, h),
+        children: [
+          /* @__PURE__ */ m("div", { className: re.moreFilters__header, children: [
+            /* @__PURE__ */ e("span", { className: re.moreFilters__title, children: "Weitere Filter" }),
+            d > 0 && /* @__PURE__ */ e(
+              "button",
+              {
+                className: re.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 }));
+            return /* @__PURE__ */ e(
+              W,
+              {
+                label: y.label,
+                htmlFor: `filter-${f}`,
+                className: re.moreFilters__group,
+                children: /* @__PURE__ */ e(
+                  se,
+                  {
+                    id: `filter-${f}`,
+                    options: g,
+                    value: p ?? "",
+                    onChange: (o) => u?.(f, o === "" ? null : o),
+                    placeholder: "Alle",
+                    className: re.moreFilters__select
+                  }
+                )
+              },
+              f
+            );
+          })
         ]
       }
     );
   }
 );
-va.displayName = "TaskWidget";
+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 }),
+    " von ",
+    n,
+    " ",
+    a,
+    " angezeigt"
+  ] })
+);
+Lt.displayName = "ResultCount";
+const Rt = b.forwardRef(
+  ({
+    rows: t,
+    totalRows: n,
+    columns: a,
+    columnOrder: r,
+    visibleColumns: l,
+    layout: u,
+    resultLabel: s = "Einträge",
+    currentView: h,
+    onViewChange: i,
+    searchQuery: c,
+    onSearchChange: d,
+    filters: f,
+    filterOptions: y,
+    onFilterChange: k,
+    sortColumn: p,
+    sortDirection: g,
+    onSort: o,
+    expandedRows: N,
+    onToggleExpand: w,
+    favorites: _,
+    onToggleFavorite: x,
+    columnWidths: S,
+    onColumnResize: R,
+    onToggleColumn: C,
+    onReorderColumns: L,
+    onClearSecondaryFilters: A,
+    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
+    ).filter(
+      ([$]) => f[$] != null
+    ).length;
+    return /* @__PURE__ */ m("div", { ref: he, className: v(ge.dataGrid, q), children: [
+      /* @__PURE__ */ e(
+        vt,
+        {
+          currentView: h,
+          onViewChange: i,
+          searchQuery: c,
+          onSearchChange: d,
+          columns: ae,
+          filters: f,
+          filterOptions: y,
+          onFilterChange: k,
+          onSettingsClick: () => jt(($) => !$),
+          settingsExpanded: qe,
+          settingsBtnRef: Ge,
+          onMoreFiltersClick: () => $t(($) => !$),
+          moreFiltersExpanded: Ve,
+          moreFiltersBtnRef: He,
+          activeSecondaryFilterCount: Ft
+        }
+      ),
+      /* @__PURE__ */ e(
+        Dt,
+        {
+          open: qe,
+          anchorRef: Ge,
+          columns: a,
+          columnOrder: r,
+          visibleColumns: l,
+          onToggleColumn: C,
+          onReorder: L
+        }
+      ),
+      /* @__PURE__ */ e(
+        It,
+        {
+          open: Ve,
+          anchorRef: He,
+          columns: ae,
+          filters: f,
+          filterOptions: y,
+          onFilterChange: k,
+          onClearAll: A
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: ge.dataGrid__viewPanel, children: t.length === 0 ? /* @__PURE__ */ e(
+        ze,
+        {
+          title: "Keine Ergebnisse",
+          text: "Versuche andere Filter oder Suchbegriffe."
+        }
+      ) : /* @__PURE__ */ m(Y, { children: [
+        h === "table" && /* @__PURE__ */ e(
+          xt,
+          {
+            rows: t,
+            columns: Bt,
+            sortColumn: p,
+            sortDirection: g,
+            onSort: o,
+            expandedRows: N,
+            onToggleExpand: w,
+            favorites: _,
+            onToggleFavorite: x,
+            columnWidths: S,
+            onColumnResize: R
+          }
+        ),
+        h === "list" && /* @__PURE__ */ e(
+          Ct,
+          {
+            rows: t,
+            columns: ae,
+            visibleColumns: l,
+            titleField: u.list.titleField,
+            metaFields: u.list.metaFields,
+            badgeFields: u.list.badgeFields,
+            valueField: u.list.valueField,
+            expandField: u.list.expandField,
+            favorites: _,
+            onToggleFavorite: x,
+            expandedRows: N,
+            onToggleExpand: w,
+            renderCell: I
+          }
+        ),
+        h === "cards" && /* @__PURE__ */ e(
+          St,
+          {
+            rows: t,
+            columns: ae,
+            visibleColumns: l,
+            titleField: u.card.titleField,
+            subtitleField: u.card.subtitleField,
+            badgeFields: u.card.badgeFields,
+            cardRows: u.card.rows,
+            footerField: u.card.footerField,
+            expandField: u.card.expandField,
+            favorites: _,
+            onToggleFavorite: x,
+            expandedRows: N,
+            onToggleExpand: w,
+            renderCell: O
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ e(
+        Lt,
+        {
+          count: t.length,
+          total: n,
+          label: s
+        }
+      )
+    ] });
+  }
+);
+Rt.displayName = "DataGrid";
+function At(t, n) {
+  return {
+    currentView: "table",
+    searchQuery: "",
+    filters: {},
+    sortColumn: null,
+    sortDirection: "asc",
+    expandedRows: /* @__PURE__ */ new Set(),
+    favorites: /* @__PURE__ */ new Set(),
+    visibleColumns: new Set(
+      n.filter((a) => t[a]?.visible !== !1)
+    ),
+    columnOrder: n,
+    columnWidths: {}
+  };
+}
+function us(t, n) {
+  switch (n.type) {
+    case "SET_VIEW":
+      return { ...t, currentView: n.view, expandedRows: /* @__PURE__ */ new Set() };
+    case "SET_SEARCH":
+      return { ...t, searchQuery: n.query };
+    case "SET_FILTER": {
+      const a = { ...t.filters };
+      return n.value === null ? delete a[n.key] : a[n.key] = n.value, { ...t, filters: a, expandedRows: /* @__PURE__ */ new Set() };
+    }
+    case "SET_SORT": {
+      let { sortColumn: a, sortDirection: r } = t;
+      return a === n.column ? r = r === "asc" ? "desc" : "asc" : (a = n.column, r = "asc"), { ...t, sortColumn: a, sortDirection: r };
+    }
+    case "TOGGLE_EXPAND": {
+      const a = new Set(t.expandedRows);
+      return a.has(n.compositeKey) ? a.delete(n.compositeKey) : a.add(n.compositeKey), { ...t, expandedRows: a };
+    }
+    case "TOGGLE_FAVORITE": {
+      const a = new Set(t.favorites);
+      return a.has(n.id) ? a.delete(n.id) : a.add(n.id), { ...t, favorites: a };
+    }
+    case "SET_COLUMN_WIDTH":
+      return {
+        ...t,
+        columnWidths: { ...t.columnWidths, [n.colKey]: n.width }
+      };
+    case "TOGGLE_COLUMN": {
+      const a = new Set(t.visibleColumns);
+      return a.has(n.key) ? a.delete(n.key) : a.add(n.key), { ...t, visibleColumns: a };
+    }
+    case "REORDER_COLUMNS":
+      return { ...t, columnOrder: n.newOrder };
+    case "CLEAR_SECONDARY_FILTERS": {
+      const a = { ...t.filters };
+      return Object.keys(a).forEach((r) => {
+        n.primaryFilterKeys.has(r) || delete a[r];
+      }), { ...t, filters: a };
+    }
+    case "SWITCH_SOURCE":
+      return {
+        ...At(n.columns, n.columnOrder),
+        favorites: t.favorites
+      };
+    default:
+      return t;
+  }
+}
+function hs(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);
+    r = r.filter(
+      (s) => u.some((h) => {
+        const i = s[h];
+        return i != null && String(i).toLowerCase().includes(l);
+      })
+    );
+  }
+  if (Object.entries(a.filters).forEach(([l, u]) => {
+    if (u == null) return;
+    const s = n[l];
+    s && (s.filterFn ? r = r.filter((h) => s.filterFn(h, u)) : r = r.filter((h) => String(h[l]) === u));
+  }), 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;
+    });
+  }
+  return r;
+}
+function ms(t, n) {
+  const a = {};
+  return Object.entries(n).forEach(([r, l]) => {
+    if (!l.filterable) return;
+    if (l.filterOptions) {
+      a[r] = l.filterOptions;
+      return;
+    }
+    const u = /* @__PURE__ */ new Set();
+    t.forEach((s) => {
+      const h = s[r];
+      h != null && u.add(String(h));
+    }), a[r] = [...u].sort();
+  }), a;
+}
+const ps = b.forwardRef(
+  ({ sources: t, initialSourceKey: n, className: a }, r) => {
+    const [l, u] = b.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,
+      { columns: s.columns, columnOrder: h },
+      ({ columns: p, columnOrder: g }) => At(p, g)
+    ), d = le(
+      (p) => {
+        const g = t.find((N) => N.key === p);
+        if (!g) return;
+        u(p);
+        const o = Object.keys(g.columns);
+        c({
+          type: "SWITCH_SOURCE",
+          columns: g.columns,
+          columnOrder: o
+        });
+      },
+      [t]
+    ), f = te(
+      () => hs(s.data, s.columns, i),
+      [s.data, s.columns, i]
+    ), y = te(
+      () => ms(s.data, s.columns),
+      [s.data, s.columns]
+    ), k = te(
+      () => 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: [
+      /* @__PURE__ */ e(
+        gt,
+        {
+          sources: t,
+          activeSourceKey: l,
+          onSourceChange: d
+        }
+      ),
+      /* @__PURE__ */ e(
+        Rt,
+        {
+          rows: f,
+          totalRows: s.data.length,
+          columns: s.columns,
+          columnOrder: i.columnOrder,
+          visibleColumns: i.visibleColumns,
+          layout: s.layout,
+          resultLabel: s.resultLabel,
+          currentView: i.currentView,
+          onViewChange: (p) => c({ type: "SET_VIEW", view: p }),
+          searchQuery: i.searchQuery,
+          onSearchChange: (p) => c({ type: "SET_SEARCH", query: p }),
+          filters: i.filters,
+          filterOptions: y,
+          onFilterChange: (p, g) => c({ type: "SET_FILTER", key: p, value: g }),
+          sortColumn: i.sortColumn,
+          sortDirection: i.sortDirection,
+          onSort: (p) => c({ type: "SET_SORT", column: p }),
+          expandedRows: i.expandedRows,
+          onToggleExpand: (p) => c({ type: "TOGGLE_EXPAND", compositeKey: p }),
+          favorites: i.favorites,
+          onToggleFavorite: (p) => c({ 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 })
+        }
+      )
+    ] });
+  }
+);
+ps.displayName = "DataVisualizationPage";
 export {
-  q as Avatar,
-  de as AvatarGroup,
-  ie as Badge,
-  ce as BaseList,
-  we as BaseTable,
-  R as Button,
-  re as Checklist,
-  ta as DashboardPage,
-  Je as DataCard,
-  Ae as EmptyState,
-  St as ExpandButton,
-  ye as FavoriteButton,
-  Ne as ListItem,
-  _e as PriorityBadge,
-  Pt as ProgressCircle,
-  Ie as ProjectTable,
-  Bt as ScoreBar,
-  $e as SearchInput,
-  Kt as SegmentedControl,
-  ke as StatusBadge,
-  xe as StatusChart,
-  Se as StatusDropdown,
-  Ce as StatusLegendItem,
-  Le as TaskDetailModal,
-  je as TaskItem,
-  va as TaskWidget,
-  U as WidgetCard
+  _e as Avatar,
+  Pe as AvatarGroup,
+  Le as Badge,
+  ve as BaseList,
+  Fe as BaseTable,
+  V as Button,
+  St as CardView,
+  ut as Checkbox,
+  Re as Checklist,
+  Dt as ConfigPopover,
+  Pn as DashboardPage,
+  nt as DataCard,
+  Rt as DataGrid,
+  xt as DataTable,
+  ps as DataVisualizationPage,
+  gt as DomainSwitcher,
+  ze as EmptyState,
+  we as ExpandButton,
+  ue as FavoriteButton,
+  _t as FilterChip,
+  W as FormField,
+  Ee as ListItem,
+  Ct as ListView,
+  mt as Modal,
+  It as MoreFiltersPopover,
+  We as Popover,
+  Te as PriorityBadge,
+  ct as ProgressCircle,
+  it as ProjectTable,
+  dt as ScoreBar,
+  Oe as SearchInput,
+  Me as SegmentedControl,
+  se as Select,
+  rt as StatusBadge,
+  lt as StatusChart,
+  ot as StatusDropdown,
+  st as StatusLegendItem,
+  bt as TaskDetailModal,
+  pt as TaskItem,
+  Jn as TaskWidget,
+  ht as TextArea,
+  je as TextInput,
+  vt as Toolbar,
+  be as WidgetCard
 };