@fastnd/components 1.0.12 → 1.0.13

package/dist/components.js

@@ -1,77 +1,333 @@
-(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('._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_1jlmc_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_1jlmc_3:hover,._favorite-btn_1jlmc_3:focus-visible{background-color:var(--surface-variant);color:var(--custom-active-color, var(--color-warning));outline:none}._favorite-btn--active_1jlmc_23{color:var(--custom-active-color, var(--color-warning))}._favorite-btn_1jlmc_3 svg{width:18px;height:18px;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}._table-container_y8cqq_3{overflow-x:auto}._project-table_y8cqq_7{width:100%;border-collapse:separate;border-spacing:0;text-align:left;table-layout:fixed}._project-table__head_y8cqq_15 th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._project-table__head_y8cqq_15 th:nth-child(1){width:auto}._project-table__head_y8cqq_15 th:nth-child(2){width:20%}._project-table__head_y8cqq_15 th:nth-child(3){width:150px}._project-table__head_y8cqq_15 th:nth-child(4){width:160px}._project-table__row_y8cqq_33{transition:background-color .15s ease;cursor:default}._project-table__row_y8cqq_33:hover{background-color:var(--surface-hover)}._project-table__row_y8cqq_33 td{padding:1rem;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--on-surface);vertical-align:middle}._project-table__row_y8cqq_33 td:nth-child(1),._project-table__row_y8cqq_33 td:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__row_y8cqq_33 td:nth-child(3),._project-table__row_y8cqq_33 td:nth-child(4){overflow:visible}._project-table__row_y8cqq_33:last-child td{border-bottom:none}._project-table__name-cell_y8cqq_66{display:flex;align-items:center;gap:.5rem}._project-table__favorite_y8cqq_72{margin-left:-.5rem}._project-table__name-wrapper_y8cqq_76{display:flex;flex-direction:column;overflow:hidden;min-width:0}._project-table__name_y8cqq_66{font-weight:500;color:var(--on-surface);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__app_y8cqq_92,._project-table__date-secondary_y8cqq_93{font-size:.75rem;color:var(--on-surface-variant);margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__client_y8cqq_102,._project-table__date-main_y8cqq_103{color:var(--on-surface-variant);font-size:.8125rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._project-table__date-main_y8cqq_103{color:var(--on-surface);font-weight:500}._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_ulozz_3{display:flex;flex-direction:column;gap:.5rem}._check-item_ulozz_9{display:flex;align-items:center;gap:.5rem;font-size:.875rem}._check-item_ulozz_9 input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}._check-item_ulozz_9 label{cursor:pointer}._check-item_ulozz_9._is-done_ulozz_27 label{text-decoration:line-through;color:var(--on-surface-variant)}._checklist--readonly_ulozz_32 ._check-item_ulozz_9 label{cursor:pointer}._checklist--readonly_ulozz_32 ._check-item_ulozz_9 input[type=checkbox]{pointer-events:all}._form-control_ulozz_40{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}._form-control_ulozz_40:focus{outline:none;background-color:var(--surface)}._is-done_ulozz_27 ._form-control_ulozz_40{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_1mbco_4{width:100%;display:grid;grid-template-columns:35% 65%;gap:1.5rem}@media(max-width:1024px){._dashboard_1mbco_4{grid-template-columns:1fr}}._dashboard-card_1mbco_17{background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--border);padding:1.5rem 2.5%;display:flex;flex-direction:column}._dashboard-card__header_1mbco_27{margin-bottom:1.5rem}._dashboard-card__title_1mbco_31{font-family:var(--font-clash);font-size:1.5rem;font-weight:500;color:var(--on-surface);margin:0}._status-legend_1mbco_39{display:flex;flex-direction:column;gap:.75rem}._project-filters_1mbco_45{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}._project-filters__search_1mbco_54{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface-variant);font-family:var(--font-inter);font-size:.875rem;color:var(--on-surface);width:250px;transition:border-color .2s,box-shadow .2s}._project-filters__search_1mbco_54:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary),transparent 80%)}._task-item_15khb_4{display:grid;grid-template-columns:55% 15% 30%;align-items:center;gap:0;padding:.75rem 5%;border-bottom:1px solid var(--border);transition:background-color .2s ease;cursor:pointer;font-family:var(--font-inter)}._task-item_15khb_4:last-child{border-bottom:none}._task-item_15khb_4:hover{background-color:var(--surface-hover)}._task-item__content_15khb_25{display:flex;flex-direction:column;gap:.375rem;min-width:0}._task-item__title-group_15khb_32{display:flex;align-items:center;gap:.375rem;min-width:0}._task-item__title_15khb_32{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)}._task-item__meta_15khb_52{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}._meta-user_15khb_64{display:flex;align-items:center;flex-shrink:0}._meta-project_15khb_70{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}._meta-project_15khb_70 ._icon-sm_15khb_83{flex-shrink:0}._task-item__deadline_15khb_88{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right;font-family:var(--font-grotesk);font-size:.75rem;line-height:1rem}._deadline-urgent_15khb_97{color:var(--color-danger);font-weight:500}._deadline-normal_15khb_102{color:var(--on-surface-variant)}._task-item__actions_15khb_107{display:flex;align-items:center;gap:.5rem;justify-content:flex-end}._icon_15khb_83{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-sm_15khb_83{width:.875rem;height:.875rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:640px){._task-item_15khb_4{grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-template-areas:"content actions" "deadline actions";gap:.25rem .75rem}._task-item__content_15khb_25{grid-area:content}._task-item__deadline_15khb_88{grid-area:deadline;text-align:left}._task-item__actions_15khb_107{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)}}._widget-card_gqjal_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%;max-width:520px;overflow:hidden;font-family:var(--font-inter);animation:_fadeIn_gqjal_1 .4s ease-out}._widget-header_gqjal_20{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}._widget-header__title_gqjal_30{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}._task-list_gqjal_41{display:flex;flex-direction:column;overflow-y:auto;flex:1 1 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}._task-list_gqjal_41::-webkit-scrollbar{width:4px}._task-list_gqjal_41::-webkit-scrollbar-track{background:transparent}._task-list_gqjal_41::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:2px}._icon_gqjal_64{width:1rem;height:1rem;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}._icon-sm_gqjal_74{width:.875rem;height:.875rem}@keyframes _fadeIn_gqjal_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}')),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import N, { useState as $, useRef as ge, useEffect as Q, useMemo as O } from "react";
-function ie(a) {
-  var t, s, n = "";
-  if (typeof a == "string" || typeof a == "number") n += a;
-  else if (typeof a == "object") if (Array.isArray(a)) {
-    var l = a.length;
-    for (t = 0; t < l; t++) a[t] && (s = ie(a[t])) && (n && (n += " "), n += s);
-  } else for (s in a) a[s] && (n && (n += " "), n += s);
-  return n;
+(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_wq6z7_4{width:100%;display:grid;grid-template-columns:35% 65%;gap:1.5rem}@media(max-width:1024px){._dashboard_wq6z7_4{grid-template-columns:1fr}}._sectionTitle_wq6z7_18{font-family:var(--font-clash);font-size:1.5rem;font-weight:500;color:var(--on-surface);margin:0 0 1.5rem}._statusLegend_wq6z7_27{display:flex;flex-direction:column;gap:.75rem}._projectFilters_wq6z7_34{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 2.5%;flex-wrap:wrap;gap:1rem}._projectFilters_wq6z7_34 ._sectionTitle_wq6z7_18{margin-bottom:0}._projectFilters__search_wq6z7_48{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface-variant);font-family:var(--font-inter);font-size:.875rem;color:var(--on-surface);width:250px;transition:border-color .2s,box-shadow .2s}._projectFilters__search_wq6z7_48:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary),transparent 80%)}._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 Le } from "react/jsx-runtime";
+import p, { useCallback as ze, useState as A, useRef as Re, useEffect as le, useMemo as Z } from "react";
+function pe(t) {
+  var a, n, 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);
+  return r;
 }
-function b() {
-  for (var a, t, s = 0, n = "", l = arguments.length; s < l; s++) (a = arguments[s]) && (t = ie(a)) && (n && (n += " "), n += t);
-  return n;
+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);
+  return r;
 }
-const te = {
+const Te = "_tableContainer_133qi_4", De = "_table_133qi_4", Pe = "_table__head_133qi_18", Me = "_sortable_133qi_32", Ee = "_sortIndicator_133qi_48", Be = "_colResizeHandle_133qi_61", Fe = "_table__row_133qi_87", j = {
+  tableContainer: Te,
+  table: De,
+  table__head: Pe,
+  sortable: Me,
+  sortIndicator: Ee,
+  colResizeHandle: Be,
+  "table--resizing": "_table--resizing_133qi_77",
+  table__row: Fe,
+  "table__row--animated": "_table__row--animated_133qi_108",
+  "col-hide-tablet": "_col-hide-tablet_133qi_131",
+  "col-hide-mobile": "_col-hide-mobile_133qi_137"
+};
+function Oe({
+  columns: t,
+  rows: a,
+  rowKey: n,
+  renderCell: r,
+  sortColumn: i,
+  sortDirection: u,
+  onSort: l,
+  resizable: h = !1,
+  columnWidths: _ = {},
+  onColumnResize: m,
+  renderExpandedRow: o,
+  rowAnimation: w = !1,
+  rowClassName: x,
+  rowDataAttributes: C,
+  ariaLabel: f,
+  className: k,
+  ...v
+}, y) {
+  const b = ze(
+    (s, N, I) => {
+      const L = N.offsetWidth, F = N.closest("table"), S = (Q) => {
+        const Ae = Q.clientX - I, J = Math.max(60, L + Ae);
+        N.style.width = `${J}px`, N.style.minWidth = `${J}px`, m?.(s, J);
+      }, z = () => {
+        F?.classList.remove(j["table--resizing"]), document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", z);
+      };
+      F?.classList.add(j["table--resizing"]), document.addEventListener("mousemove", S), document.addEventListener("mouseup", z);
+    },
+    [m]
+  );
+  return /* @__PURE__ */ e("div", { ref: y, className: g(j.tableContainer, k), tabIndex: 0, ...v, children: /* @__PURE__ */ c("table", { className: j.table, "aria-label": f, children: [
+    /* @__PURE__ */ e("thead", { className: j.table__head, children: /* @__PURE__ */ e("tr", { children: t.map((s) => {
+      const N = g({
+        [j["col-hide-tablet"]]: s.hideTablet,
+        [j["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, F = L ? u === "asc" ? "ascending" : "descending" : void 0;
+      return /* @__PURE__ */ c(
+        "th",
+        {
+          scope: "col",
+          className: g(N || void 0, { [j.sortable]: s.sortable }),
+          style: I,
+          "aria-sort": F,
+          tabIndex: s.sortable ? 0 : void 0,
+          onClick: (S) => {
+            h && S.target.closest(`.${j.colResizeHandle}`) || s.sortable && l && l(s.key);
+          },
+          onKeyDown: (S) => {
+            (S.key === "Enter" || S.key === " ") && s.sortable && l && (S.preventDefault(), l(s.key));
+          },
+          children: [
+            s.headerContent != null ? s.headerContent : /* @__PURE__ */ c(Le, { children: [
+              s.label,
+              s.sortable && /* @__PURE__ */ e("span", { className: j.sortIndicator, "aria-hidden": "true", children: L ? u === "asc" ? "↑" : "↓" : "↕" })
+            ] }),
+            h && /* @__PURE__ */ e(
+              "span",
+              {
+                className: j.colResizeHandle,
+                "data-resize-col": s.key,
+                onMouseDown: (S) => {
+                  S.preventDefault(), S.stopPropagation();
+                  const z = S.target.closest("th");
+                  b(s.key, z, S.clientX);
+                }
+              }
+            )
+          ]
+        },
+        s.key
+      );
+    }) }) }),
+    /* @__PURE__ */ e("tbody", { children: a.map((s, N) => {
+      const I = n(s, N), L = x?.(s, N), F = C?.(s) ?? {}, S = o?.(s, N) ?? null;
+      return /* @__PURE__ */ c(p.Fragment, { children: [
+        /* @__PURE__ */ e(
+          "tr",
+          {
+            className: g(
+              j.table__row,
+              { [j["table__row--animated"]]: w },
+              L
+            ),
+            style: w ? { animationDelay: `${N * 20}ms` } : void 0,
+            ...F,
+            children: t.map((z) => {
+              const Q = g({
+                [j["col-hide-tablet"]]: z.hideTablet,
+                [j["col-hide-mobile"]]: z.hideMobile
+              });
+              return /* @__PURE__ */ e("td", { className: Q || void 0, children: r(s, z, N) }, z.key);
+            })
+          }
+        ),
+        S
+      ] }, I);
+    }) })
+  ] }) });
+}
+const we = p.forwardRef(Oe);
+we.displayName = "BaseTable";
+const qe = "_widgetCard_gx9fj_4", We = "_fadeIn_gx9fj_1", Ve = "_widgetCard__header_gx9fj_23", He = "_widgetCard__title_gx9fj_37", Ge = "_widgetCard__content_gx9fj_52", E = {
+  widgetCard: qe,
+  fadeIn: We,
+  "widgetCard--half": "_widgetCard--half_gx9fj_18",
+  widgetCard__header: Ve,
+  "widgetCard--full": "_widgetCard--full_gx9fj_33",
+  widgetCard__title: He,
+  widgetCard__content: Ge,
+  "widgetCard__content--scrollable": "_widgetCard__content--scrollable_gx9fj_56",
+  "widgetCard__content--padded": "_widgetCard__content--padded_gx9fj_76"
+}, U = p.forwardRef(
+  ({
+    title: t,
+    headerAction: a,
+    variant: n = "half",
+    scrollable: r = !1,
+    padded: i = !1,
+    as: u = "div",
+    children: l,
+    className: h,
+    ..._
+  }, m) => {
+    const o = t != null || a != null;
+    return /* @__PURE__ */ c(
+      u,
+      {
+        ref: m,
+        className: g(
+          E.widgetCard,
+          E[`widgetCard--${n}`],
+          h
+        ),
+        ..._,
+        children: [
+          o && /* @__PURE__ */ c("header", { className: E.widgetCard__header, children: [
+            t != null && /* @__PURE__ */ e("h2", { className: E.widgetCard__title, children: t }),
+            a
+          ] }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: g(
+                E.widgetCard__content,
+                { [E["widgetCard__content--scrollable"]]: r },
+                { [E["widgetCard__content--padded"]]: i }
+              ),
+              children: l
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+U.displayName = "WidgetCard";
+const Ke = "_dataCard_19cka_3", ue = {
+  dataCard: Ke,
+  "dataCard--clickable": "_dataCard--clickable_19cka_18"
+}, Ue = p.forwardRef(
+  ({ onClick: t, className: a, children: n, ...r }, i) => {
+    const u = t != null;
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: i,
+        className: g(
+          ue.dataCard,
+          { [ue["dataCard--clickable"]]: u },
+          a
+        ),
+        onClick: t,
+        tabIndex: u ? 0 : void 0,
+        role: u ? "button" : void 0,
+        onKeyDown: u ? (l) => {
+          (l.key === "Enter" || l.key === " ") && (l.preventDefault(), t?.(l));
+        } : void 0,
+        ...r,
+        children: n
+      }
+    );
+  }
+);
+Ue.displayName = "DataCard";
+const Qe = "_baseList_47qml_3", me = {
+  baseList: Qe,
+  "baseList--scrollable": "_baseList--scrollable_47qml_8"
+}, ce = p.forwardRef(
+  ({ scrollable: t = !1, className: a, children: n, ...r }, i) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: i,
+      role: "list",
+      className: g(
+        me.baseList,
+        { [me["baseList--scrollable"]]: t },
+        a
+      ),
+      ...r,
+      children: n
+    }
+  )
+);
+ce.displayName = "BaseList";
+const Je = "_listItem_1ssj2_3", Ze = "_listItem__leading_1ssj2_31", Xe = "_listItem__content_1ssj2_37", Ye = "_listItem__trailing_1ssj2_42", O = {
+  listItem: Je,
+  "listItem--clickable": "_listItem--clickable_1ssj2_21",
+  listItem__leading: Ze,
+  listItem__content: Xe,
+  listItem__trailing: Ye
+}, 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?.());
+    };
+    return /* @__PURE__ */ c(
+      r,
+      {
+        ref: h,
+        role: "listitem",
+        tabIndex: 0,
+        className: g(
+          O.listItem,
+          { [O["listItem--clickable"]]: _ },
+          i
+        ),
+        onClick: _ ? n : void 0,
+        onKeyDown: m,
+        ...l,
+        children: [
+          t != null && /* @__PURE__ */ e("div", { className: O.listItem__leading, children: t }),
+          /* @__PURE__ */ e("div", { className: O.listItem__content, children: u }),
+          a != null && /* @__PURE__ */ e("div", { className: O.listItem__trailing, children: a })
+        ]
+      }
+    );
+  }
+);
+Ne.displayName = "ListItem";
+const he = {
   "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"
-}, be = {
+}, et = {
   neu: "Neu",
   offen: "Offen",
   "in-prufung": "In Prüfung",
   validierung: "Validierung",
   abgeschlossen: "Abgeschlossen"
-}, ce = N.forwardRef(
-  ({ status: a, color: t, backgroundColor: s, className: n, style: l, ...o }, d) => {
-    const g = {
-      ...l,
-      "--custom-color": t,
-      "--custom-bg": s
+}, ke = p.forwardRef(
+  ({ status: t, color: a, backgroundColor: n, className: r, style: i, ...u }, l) => {
+    const h = {
+      ...i,
+      "--custom-color": a,
+      "--custom-bg": n
     };
     return /* @__PURE__ */ e(
       "span",
       {
-        ref: d,
-        className: b(te["status-badge"], te[`status-badge--${a}`], n),
-        style: g,
-        ...o,
-        children: be[a]
+        ref: l,
+        className: g(he["status-badge"], he[`status-badge--${t}`], r),
+        style: h,
+        ...u,
+        children: et[t]
       }
     );
   }
 );
-ce.displayName = "StatusBadge";
-const le = {
-  "favorite-btn": "_favorite-btn_1jlmc_3",
-  "favorite-btn--active": "_favorite-btn--active_1jlmc_23"
-}, oe = N.forwardRef(
-  ({ pressed: a, projectName: t, onToggle: s, color: n, activeColor: l, className: o, style: d, onClick: g, ...m }, h) => {
-    const r = {
-      ...d,
-      "--custom-color": n,
-      "--custom-active-color": l
-    }, f = a ? `Von Favoriten entfernen: ${t}` : `Zu Favoriten hinzufügen: ${t}`;
+ke.displayName = "StatusBadge";
+const X = {
+  "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 = {
+      ...h,
+      "--custom-color": i,
+      "--custom-active-color": u
+    }, x = t ? `Von Favoriten entfernen: ${a}` : `Zu Favoriten hinzufügen: ${a}`;
     return /* @__PURE__ */ e(
       "button",
       {
-        ref: h,
+        ref: o,
         type: "button",
-        className: b(
-          le["favorite-btn"],
-          { [le["favorite-btn--active"]]: a },
-          o
+        className: g(
+          X["favorite-btn"],
+          X[`favorite-btn--${r}`],
+          { [X["favorite-btn--active"]]: t },
+          l
         ),
-        style: r,
-        "aria-pressed": a,
-        "aria-label": f,
-        onClick: (x) => {
-          s?.(!a), g?.(x);
+        style: w,
+        "aria-pressed": t,
+        "aria-label": x,
+        onClick: (C) => {
+          n?.(!t), _?.(C);
         },
         ...m,
         children: /* @__PURE__ */ e(
@@ -90,8 +346,8 @@ const le = {
     );
   }
 );
-oe.displayName = "FavoriteButton";
-const D = {
+ye.displayName = "FavoriteButton";
+const B = {
   "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",
@@ -104,45 +360,45 @@ const D = {
   "color-validierung": "_color-validierung_1xv4z_69",
   "color-abgeschlossen": "_color-abgeschlossen_1xv4z_73",
   "color-alle": "_color-alle_1xv4z_77"
-}, de = N.forwardRef(
-  ({ status: a, label: t, count: s, active: n = !1, color: l, className: o, style: d, ...g }, m) => {
-    const h = {
-      ...d,
-      "--custom-color": l
+}, 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
     };
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ c(
       "button",
       {
-        ref: m,
+        ref: _,
         type: "button",
         role: "option",
-        "aria-selected": n,
-        className: b(
-          D["status-legend__item"],
-          { [D["status-legend__item--active"]]: n },
-          o
+        "aria-selected": r,
+        className: g(
+          B["status-legend__item"],
+          { [B["status-legend__item--active"]]: r },
+          u
         ),
-        style: h,
-        ...g,
+        style: m,
+        ...h,
         children: [
-          /* @__PURE__ */ i("div", { className: D["status-legend__label-wrap"], children: [
+          /* @__PURE__ */ c("div", { className: B["status-legend__label-wrap"], children: [
             /* @__PURE__ */ e(
               "span",
               {
-                className: b(D["status-legend__color"], D[`color-${a}`]),
+                className: g(B["status-legend__color"], B[`color-${t}`]),
                 "aria-hidden": "true"
               }
             ),
-            /* @__PURE__ */ e("span", { className: D["status-legend__label"], children: t })
+            /* @__PURE__ */ e("span", { className: B["status-legend__label"], children: a })
           ] }),
-          /* @__PURE__ */ e("span", { className: D["status-legend__count"], children: s })
+          /* @__PURE__ */ e("span", { className: B["status-legend__count"], children: n })
         ]
       }
     );
   }
 );
-de.displayName = "StatusLegendItem";
-const P = {
+Ce.displayName = "StatusLegendItem";
+const T = {
   "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",
@@ -151,334 +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"
-}, _e = N.forwardRef(
-  ({ data: a, totalLabel: t = "Gesamt", onSegmentClick: s, className: n, ...l }, o) => {
-    const [d, g] = $(null), m = a.reduce((w, _) => w + _.value, 0), h = 240, r = h / 2, f = 100, x = 40, y = f - x / 2, p = y * 2 * Math.PI;
-    return /* @__PURE__ */ i(
+}, xe = p.forwardRef(
+  ({ data: t, totalLabel: a = "Gesamt", onSegmentClick: n, className: r, ...i }, u) => {
+    const [l, h] = A(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(
       "div",
       {
-        ref: o,
-        className: b(P["status-overview__chart-container"], n),
-        ...l,
+        ref: u,
+        className: g(T["status-overview__chart-container"], r),
+        ...i,
         children: [
           /* @__PURE__ */ e(
             "svg",
             {
-              viewBox: `0 0 ${h} ${h}`,
-              className: P["status-chart-svg"],
+              viewBox: `0 0 ${m} ${m}`,
+              className: T["status-chart-svg"],
               role: "img",
               "aria-label": "Kreisdiagramm der Projektstatus-Verteilung",
               overflow: "visible",
-              children: m === 0 ? /* @__PURE__ */ e(
+              children: _ === 0 ? /* @__PURE__ */ e(
                 "circle",
                 {
-                  cx: r,
-                  cy: r,
-                  r: y,
+                  cx: o,
+                  cy: o,
+                  r: C,
                   fill: "none",
                   stroke: "hsl(var(--border))",
                   strokeWidth: x
                 }
               ) : (() => {
-                let w = 0;
-                return a.map((_) => {
-                  if (_.value === 0) return null;
-                  const k = _.value / m * 100, v = k / 100 * p, u = w / 100 * p;
-                  return w += k, /* @__PURE__ */ e(
+                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(
                     "circle",
                     {
-                      cx: r,
-                      cy: r,
-                      r: y,
+                      cx: o,
+                      cy: o,
+                      r: C,
                       fill: "none",
-                      stroke: _.color,
+                      stroke: v.color,
                       strokeWidth: x,
-                      strokeDasharray: `${v} ${p}`,
-                      strokeDashoffset: -u,
-                      transform: `rotate(-90 ${r} ${r})`,
-                      className: b(P["status-chart__segment"], {
-                        [P["status-chart__segment--hovered"]]: d === _.status,
-                        [P["status-chart__segment--dimmed"]]: d && d !== _.status
+                      strokeDasharray: `${b} ${f}`,
+                      strokeDashoffset: -s,
+                      transform: `rotate(-90 ${o} ${o})`,
+                      className: g(T["status-chart__segment"], {
+                        [T["status-chart__segment--hovered"]]: l === v.status,
+                        [T["status-chart__segment--dimmed"]]: l && l !== v.status
                       }),
-                      onClick: () => s?.(_.status),
-                      onMouseEnter: () => g(_.status),
-                      onMouseLeave: () => g(null),
-                      style: { cursor: s ? "pointer" : "default" },
-                      children: /* @__PURE__ */ e("title", { children: `${_.label}: ${_.value}` })
+                      onClick: () => n?.(v.status),
+                      onMouseEnter: () => h(v.status),
+                      onMouseLeave: () => h(null),
+                      style: { cursor: n ? "pointer" : "default" },
+                      children: /* @__PURE__ */ e("title", { children: `${v.label}: ${v.value}` })
                     },
-                    _.status
+                    v.status
                   );
                 });
               })()
             }
           ),
-          /* @__PURE__ */ i("div", { className: P["status-chart__hole"], children: [
-            /* @__PURE__ */ e("span", { className: P["status-chart__total-value"], children: m }),
-            /* @__PURE__ */ e("span", { className: P["status-chart__total-label"], children: t })
+          /* @__PURE__ */ c("div", { className: T["status-chart__hole"], children: [
+            /* @__PURE__ */ e("span", { className: T["status-chart__total-value"], children: _ }),
+            /* @__PURE__ */ e("span", { className: T["status-chart__total-label"], children: a })
           ] })
         ]
       }
     );
   }
 );
-_e.displayName = "StatusChart";
-function se(a) {
-  const t = new Date(a);
-  if (isNaN(t.getTime())) return "Ungültiges Datum";
-  const n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), l = Math.floor(n / (1e3 * 60 * 60 * 24));
-  if (l === 0) return "Heute";
-  if (l === 1) return "Gestern";
-  if (l < 7) return `vor ${l} Tagen`;
-  const o = Math.floor(l / 7);
-  if (o < 4)
-    return o === 1 ? "vor einer Woche" : `vor ${o} Wochen`;
-  const d = Math.floor(l / 30);
-  if (d < 12)
-    return d === 1 ? "vor einem Monat" : `vor ${d} Monaten`;
-  const g = Math.floor(l / 365);
-  return g === 1 ? "vor einem Jahr" : `vor ${g} Jahren`;
+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);
+  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);
+  return h === 1 ? "vor einem Jahr" : `vor ${h} Jahren`;
 }
-const S = {
-  "table-container": "_table-container_y8cqq_3",
-  "project-table": "_project-table_y8cqq_7",
-  "project-table__head": "_project-table__head_y8cqq_15",
-  "project-table__row": "_project-table__row_y8cqq_33",
-  "project-table__name-cell": "_project-table__name-cell_y8cqq_66",
-  "project-table__favorite": "_project-table__favorite_y8cqq_72",
-  "project-table__name-wrapper": "_project-table__name-wrapper_y8cqq_76",
-  "project-table__name": "_project-table__name_y8cqq_66",
-  "project-table__app": "_project-table__app_y8cqq_92",
-  "project-table__date-secondary": "_project-table__date-secondary_y8cqq_93",
-  "project-table__client": "_project-table__client_y8cqq_102",
-  "project-table__date-main": "_project-table__date-main_y8cqq_103"
-}, ue = N.forwardRef(
-  ({ rows: a, onToggleFavorite: t, className: s, ...n }, l) => /* @__PURE__ */ e(
-    "div",
+const tt = "_nameCell_1n6hv_4", at = "_favorite_1n6hv_10", st = "_nameWrapper_1n6hv_14", lt = "_name_1n6hv_4", nt = "_secondary_1n6hv_31", it = "_client_1n6hv_41", rt = "_dateMain_1n6hv_51", D = {
+  nameCell: tt,
+  favorite: at,
+  nameWrapper: st,
+  name: lt,
+  secondary: nt,
+  client: it,
+  dateMain: rt
+}, ot = [
+  { 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,
     {
-      ref: l,
-      className: b(S["table-container"], s),
-      tabIndex: 0,
-      ...n,
-      children: /* @__PURE__ */ i("table", { className: S["project-table"], children: [
-        /* @__PURE__ */ e("thead", { className: S["project-table__head"], children: /* @__PURE__ */ i("tr", { children: [
-          /* @__PURE__ */ e("th", { scope: "col", children: "Projekt / Applikation" }),
-          /* @__PURE__ */ e("th", { scope: "col", children: "Kunde" }),
-          /* @__PURE__ */ e("th", { scope: "col", children: "Status" }),
-          /* @__PURE__ */ e("th", { scope: "col", children: "Aktivität" })
-        ] }) }),
-        /* @__PURE__ */ e("tbody", { className: S["project-table__body"], children: a.map((o) => /* @__PURE__ */ i(
-          "tr",
-          {
-            className: S["project-table__row"],
-            "data-status": o.status,
-            children: [
-              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ i("div", { className: S["project-table__name-cell"], children: [
-                /* @__PURE__ */ e(
-                  oe,
-                  {
-                    pressed: o.favorite,
-                    projectName: o.name,
-                    onToggle: (d) => t?.(o.id, d),
-                    className: S["project-table__favorite"]
-                  }
-                ),
-                /* @__PURE__ */ i("div", { className: S["project-table__name-wrapper"], title: `${o.name}
-${o.app}`, children: [
-                  /* @__PURE__ */ e("div", { className: S["project-table__name"], children: o.name }),
-                  /* @__PURE__ */ e("div", { className: S["project-table__app"], children: o.app })
-                ] })
-              ] }) }),
-              /* @__PURE__ */ e("td", { title: o.client, children: /* @__PURE__ */ e("span", { className: S["project-table__client"], children: o.client }) }),
-              /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(ce, { status: o.status }) }),
-              /* @__PURE__ */ i("td", { title: `Geändert: ${se(o.updatedAt)}
-Erstellt: ${o.createdAt}`, children: [
-                /* @__PURE__ */ e("div", { className: S["project-table__date-main"], children: se(o.updatedAt) }),
-                /* @__PURE__ */ i("div", { className: S["project-table__date-secondary"], children: [
-                  "Erstellt: ",
-                  o.createdAt
-                ] })
+      ref: i,
+      columns: ot,
+      rows: t,
+      rowKey: (l) => l.id,
+      renderCell: (l, h) => {
+        switch (h.key) {
+          case "name":
+            return /* @__PURE__ */ c("div", { className: D.nameCell, children: [
+              /* @__PURE__ */ e(
+                ye,
+                {
+                  pressed: l.favorite,
+                  projectName: l.name,
+                  size: "sm",
+                  onToggle: (_) => a?.(l.id, _),
+                  className: D.favorite
+                }
+              ),
+              /* @__PURE__ */ c("div", { className: D.nameWrapper, title: `${l.name}
+${l.app}`, children: [
+                /* @__PURE__ */ e("div", { className: D.name, children: l.name }),
+                /* @__PURE__ */ e("div", { className: D.secondary, children: l.app })
               ] })
-            ]
-          },
-          o.id
-        )) })
-      ] })
+            ] });
+          case "client":
+            return /* @__PURE__ */ e("span", { className: D.client, title: l.client, children: l.client });
+          case "status":
+            return /* @__PURE__ */ e(ke, { status: l.status });
+          case "activity":
+            return /* @__PURE__ */ c("div", { title: `Geändert: ${ve(l.updatedAt)}
+Erstellt: ${l.createdAt}`, children: [
+              /* @__PURE__ */ e("div", { className: D.dateMain, children: ve(l.updatedAt) }),
+              /* @__PURE__ */ c("div", { className: D.secondary, children: [
+                "Erstellt: ",
+                l.createdAt
+              ] })
+            ] });
+          default:
+            return null;
+        }
+      },
+      rowDataAttributes: (l) => ({ "data-status": l.status }),
+      className: n,
+      ...r
     }
   )
 );
-ue.displayName = "ProjectTable";
-const pe = "_avatar_17ic7_3", U = {
-  avatar: pe,
+Ie.displayName = "ProjectTable";
+const ct = "_avatar_17ic7_3", ne = {
+  avatar: ct,
   "avatar-group": "_avatar-group_17ic7_18",
   "group-member": "_group-member_17ic7_23"
-}, B = N.forwardRef(
-  ({ initials: a, name: t, className: s, ...n }, l) => /* @__PURE__ */ e(
+}, V = p.forwardRef(
+  ({ initials: t, name: a, className: n, ...r }, i) => /* @__PURE__ */ e(
     "div",
     {
-      ref: l,
-      className: b(U.avatar, s),
-      title: t,
-      "aria-label": t,
-      ...n,
-      children: a
+      ref: i,
+      className: g(ne.avatar, n),
+      title: a,
+      "aria-label": a,
+      ...r,
+      children: t
     }
   )
 );
-B.displayName = "Avatar";
-const X = N.forwardRef(
-  ({ children: a, className: t, ...s }, n) => /* @__PURE__ */ e(
+V.displayName = "Avatar";
+const de = p.forwardRef(
+  ({ children: t, className: a, ...n }, r) => /* @__PURE__ */ e(
     "div",
     {
-      ref: n,
-      className: b(U["avatar-group"], t),
-      ...s,
-      children: N.Children.map(a, (l) => N.isValidElement(l) ? N.cloneElement(l, {
-        className: b(l.props.className, U["group-member"])
-      }) : l)
+      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)
     }
   )
 );
-X.displayName = "AvatarGroup";
-const fe = "_btn_7bh63_3", V = {
-  btn: fe,
+de.displayName = "AvatarGroup";
+const dt = "_btn_7bh63_3", Y = {
+  btn: dt,
   "btn--primary": "_btn--primary_7bh63_27",
   "btn--outline": "_btn--outline_7bh63_39",
   "btn--ghost": "_btn--ghost_7bh63_52",
   "btn--sm": "_btn--sm_7bh63_63"
-}, z = N.forwardRef(
-  ({ variant: a, size: t = "md", className: s, children: n, ...l }, o) => /* @__PURE__ */ e(
+}, R = p.forwardRef(
+  ({ variant: t, size: a = "md", className: n, children: r, ...i }, u) => /* @__PURE__ */ e(
     "button",
     {
-      ref: o,
-      className: b(
-        V.btn,
+      ref: u,
+      className: g(
+        Y.btn,
         {
-          [V[`btn--${a}`]]: a,
-          [V[`btn--${t}`]]: t && t !== "md"
+          [Y[`btn--${t}`]]: t,
+          [Y[`btn--${a}`]]: a && a !== "md"
         },
-        s
+        n
       ),
-      ...l,
-      children: n
+      ...i,
+      children: r
     }
   )
 );
-z.displayName = "Button";
-const Ne = "_badge_1e35x_3", W = {
-  badge: Ne,
+R.displayName = "Button";
+const _t = "_badge_1e35x_3", ee = {
+  badge: _t,
   "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"
-}, ke = {
+}, ut = {
   high: "!!",
   medium: "!",
   low: "-"
-}, we = {
+}, mt = {
   high: "Hohe Priorität",
   medium: "Mittlere Priorität",
   low: "Niedrige Priorität"
-}, ee = N.forwardRef(
-  ({ level: a, size: t = "small", className: s, "aria-label": n, ...l }, o) => {
-    const d = we[a];
+}, _e = p.forwardRef(
+  ({ level: t, size: a = "small", className: n, "aria-label": r, ...i }, u) => {
+    const l = mt[t];
     return /* @__PURE__ */ e(
       "span",
       {
-        ref: o,
-        className: b(
-          W.badge,
-          W[`badge--${a}`],
-          W[`badge--size-${t}`],
-          s
+        ref: u,
+        className: g(
+          ee.badge,
+          ee[`badge--${t}`],
+          ee[`badge--size-${a}`],
+          n
         ),
-        "aria-label": n || d,
-        ...l,
-        children: ke[a]
+        "aria-label": r || l,
+        ...i,
+        children: ut[t]
       }
     );
   }
 );
-ee.displayName = "PriorityBadge";
-const ye = "_badge_1j9lv_3", xe = {
-  badge: ye
-}, Z = N.forwardRef(
-  ({ className: a, children: t, ...s }, n) => /* @__PURE__ */ e(
+_e.displayName = "PriorityBadge";
+const ht = "_badge_1j9lv_3", vt = {
+  badge: ht
+}, ie = p.forwardRef(
+  ({ className: t, children: a, ...n }, r) => /* @__PURE__ */ e(
     "span",
     {
-      ref: n,
-      className: b(xe.badge, a),
-      ...s,
-      children: t
+      ref: r,
+      className: g(vt.badge, t),
+      ...n,
+      children: a
     }
   )
 );
-Z.displayName = "Badge";
-const je = "_icon_15zae_56", L = {
+ie.displayName = "Badge";
+const gt = "_icon_15zae_56", P = {
   "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: je,
+  icon: gt,
   "icon-sm": "_icon-sm_15zae_65"
-}, me = N.forwardRef(
-  ({ value: a, onChange: t, options: s, className: n, "aria-label": l, ...o }, d) => {
-    const [g, m] = $(!1), h = ge(null), r = (p) => {
-      typeof d == "function" ? d(p) : d && (d.current = p), h.current = p;
-    }, f = s.find((p) => p.value === a) || s[0];
-    Q(() => {
-      const p = (w) => {
-        h.current && !h.current.contains(w.target) && m(!1);
+}, Se = p.forwardRef(
+  ({ value: t, onChange: a, options: n, className: r, "aria-label": i, ...u }, l) => {
+    const [h, _] = A(!1), m = Re(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);
       };
-      return document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
+      return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
     }, []);
-    const x = (p) => {
-      p.stopPropagation(), m(!g);
-    }, y = (p, w) => {
-      p.stopPropagation(), t && t(w.value), m(!1);
+    const x = (f) => {
+      f.stopPropagation(), _(!h);
+    }, C = (f, k) => {
+      f.stopPropagation(), a && a(k.value), _(!1);
     };
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ c(
       "div",
       {
-        ref: r,
-        className: b(L["status-dropdown"], n),
-        ...o,
+        ref: o,
+        className: g(P["status-dropdown"], r),
+        ...u,
         children: [
-          /* @__PURE__ */ i(
-            z,
+          /* @__PURE__ */ c(
+            R,
             {
               variant: "outline",
               size: "sm",
-              className: L["status-trigger"],
+              className: P["status-trigger"],
               onClick: x,
               "aria-haspopup": "listbox",
-              "aria-expanded": g,
-              "aria-label": l,
+              "aria-expanded": h,
+              "aria-label": i,
               children: [
-                f?.label,
-                /* @__PURE__ */ e("svg", { className: b(L.icon, L["icon-sm"]), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", children: /* @__PURE__ */ e("path", { d: "m6 9 6 6 6-6" }) })
+                w?.label,
+                /* @__PURE__ */ e("svg", { className: g(P.icon, P["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: b(L["status-menu"], { [L["is-open"]]: g }),
+              className: g(P["status-menu"], { [P["is-open"]]: h }),
               role: "listbox",
-              children: s.map((p) => /* @__PURE__ */ e(
+              children: n.map((f) => /* @__PURE__ */ e(
                 "button",
                 {
-                  className: b(L["status-menu-item"], {
-                    [L["is-active"]]: p.value === f?.value
+                  className: g(P["status-menu-item"], {
+                    [P["is-active"]]: f.value === w?.value
                   }),
                   role: "option",
-                  "aria-selected": p.value === f?.value,
-                  onClick: (w) => y(w, p),
-                  children: p.label
+                  "aria-selected": f.value === w?.value,
+                  onClick: (k) => C(k, f),
+                  children: f.label
                 },
-                p.value
+                f.value
               ))
             }
           )
@@ -487,70 +739,70 @@ const je = "_icon_15zae_56", L = {
     );
   }
 );
-me.displayName = "StatusDropdown";
-const Se = "_checklist_ulozz_3", T = {
-  checklist: Se,
-  "check-item": "_check-item_ulozz_9",
-  "is-done": "_is-done_ulozz_27",
-  "checklist--readonly": "_checklist--readonly_ulozz_32",
-  "form-control": "_form-control_ulozz_40"
-}, J = N.forwardRef(
-  ({ items: a, onChange: t, editable: s = !1, className: n, ...l }, o) => {
-    const d = (m, h) => {
-      t && t(a.map((r) => r.id === m ? { ...r, checked: h } : r));
-    }, g = (m, h) => {
-      t && t(a.map((r) => r.id === m ? { ...r, text: h } : r));
+Se.displayName = "StatusDropdown";
+const bt = "_checklist_1iobh_3", ft = "_checkItem_1iobh_7", pt = "_formControl_1iobh_39", q = {
+  checklist: bt,
+  checkItem: ft,
+  "is-done": "_is-done_1iobh_26",
+  "checklist--readonly": "_checklist--readonly_1iobh_31",
+  formControl: pt
+}, 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));
     };
     return /* @__PURE__ */ e(
-      "div",
+      ce,
       {
-        ref: o,
-        className: b(T.checklist, { [T["checklist--readonly"]]: !s }, n),
-        ...l,
-        children: a.map((m) => /* @__PURE__ */ i("div", { className: b(T["check-item"], { [T["is-done"]]: m.checked }), children: [
+        ref: u,
+        className: g(q.checklist, { [q["checklist--readonly"]]: !n }, r),
+        ...i,
+        children: t.map((_) => /* @__PURE__ */ c("div", { role: "listitem", className: g(q.checkItem, { [q["is-done"]]: _.checked }), children: [
           /* @__PURE__ */ e(
             "input",
             {
               type: "checkbox",
-              id: m.id,
-              checked: m.checked,
-              onChange: (h) => d(m.id, h.target.checked)
+              id: _.id,
+              checked: _.checked,
+              onChange: (m) => l(_.id, m.target.checked)
             }
           ),
-          s ? /* @__PURE__ */ e(
+          n ? /* @__PURE__ */ e(
             "input",
             {
               type: "text",
-              className: T["form-control"],
-              value: m.text,
-              onChange: (h) => g(m.id, h.target.value),
+              className: q.formControl,
+              value: _.text,
+              onChange: (m) => h(_.id, m.target.value),
               placeholder: "Was ist zu tun?",
               "aria-label": "Aufgabenbeschreibung bearbeiten"
             }
-          ) : /* @__PURE__ */ e("label", { htmlFor: m.id, children: m.text })
-        ] }, m.id))
+          ) : /* @__PURE__ */ e("label", { htmlFor: _.id, children: _.text })
+        ] }, _.id))
       }
     );
   }
 );
-J.displayName = "Checklist";
-const Ae = "_searchInput_16e7c_3", Ce = "_icon_16e7c_20", $e = "_field_16e7c_27", G = {
-  searchInput: Ae,
-  icon: Ce,
-  field: $e
-}, Ie = N.forwardRef(
+re.displayName = "Checklist";
+const wt = "_searchInput_16e7c_3", Nt = "_icon_16e7c_20", kt = "_field_16e7c_27", te = {
+  searchInput: wt,
+  icon: Nt,
+  field: kt
+}, yt = p.forwardRef(
   ({
-    value: a,
-    placeholder: t = "Suche...",
-    onChange: s,
-    "aria-label": n = "Daten durchsuchen",
-    id: l,
-    className: o
-  }, d) => /* @__PURE__ */ i("label", { className: b(G.searchInput, o), htmlFor: l, children: [
-    /* @__PURE__ */ i(
+    value: t,
+    placeholder: a = "Suche...",
+    onChange: n,
+    "aria-label": r = "Daten durchsuchen",
+    id: i,
+    className: u
+  }, l) => /* @__PURE__ */ c("label", { className: g(te.searchInput, u), htmlFor: i, children: [
+    /* @__PURE__ */ c(
       "svg",
       {
-        className: G.icon,
+        className: te.icon,
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
@@ -567,46 +819,46 @@ const Ae = "_searchInput_16e7c_3", Ce = "_icon_16e7c_20", $e = "_field_16e7c_27"
     /* @__PURE__ */ e(
       "input",
       {
-        ref: d,
-        className: G.field,
+        ref: l,
+        className: te.field,
         type: "search",
-        id: l,
-        value: a,
-        placeholder: t,
-        "aria-label": n,
-        onChange: (g) => s?.(g.target.value)
+        id: i,
+        value: t,
+        placeholder: a,
+        "aria-label": r,
+        onChange: (h) => n?.(h.target.value)
       }
     )
   ] })
 );
-Ie.displayName = "SearchInput";
-const ze = "_btn_6gx9b_3", Pe = "_chevron_6gx9b_30", H = {
-  btn: ze,
-  chevron: Pe,
+yt.displayName = "SearchInput";
+const Ct = "_btn_6gx9b_3", xt = "_chevron_6gx9b_30", ae = {
+  btn: Ct,
+  chevron: xt,
   "btn--open": "_btn--open_6gx9b_37"
-}, Le = N.forwardRef(
+}, It = p.forwardRef(
   ({
-    expanded: a = !1,
-    count: t,
-    label: s,
-    onClick: n,
-    "aria-label": l,
-    className: o
-  }, d) => {
-    const g = s ? `${t ?? ""} ${s}`.trim() : t != null ? String(t) : "";
-    return /* @__PURE__ */ i(
+    expanded: t = !1,
+    count: a,
+    label: n,
+    onClick: r,
+    "aria-label": i,
+    className: u
+  }, l) => {
+    const h = n ? `${a ?? ""} ${n}`.trim() : a != null ? String(a) : "";
+    return /* @__PURE__ */ c(
       "button",
       {
-        ref: d,
-        className: b(H.btn, { [H["btn--open"]]: a }, o),
-        onClick: n,
-        "aria-expanded": a,
-        "aria-label": l,
+        ref: l,
+        className: g(ae.btn, { [ae["btn--open"]]: t }, u),
+        onClick: r,
+        "aria-expanded": t,
+        "aria-label": i,
         children: [
           /* @__PURE__ */ e(
             "svg",
             {
-              className: H.chevron,
+              className: ae.chevron,
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
@@ -617,134 +869,132 @@ const ze = "_btn_6gx9b_3", Pe = "_chevron_6gx9b_30", H = {
               children: /* @__PURE__ */ e("polyline", { points: "6 9 12 15 18 9" })
             }
           ),
-          g
+          h
         ]
       }
     );
   }
 );
-Le.displayName = "ExpandButton";
-const De = "_circle_gvt69_3", Re = "_svg_gvt69_12", Te = "_track_gvt69_18", Me = "_fill_gvt69_24", Be = "_label_gvt69_31", M = {
-  circle: De,
-  svg: Re,
-  track: Te,
-  fill: Me,
-  label: Be
-}, Y = 14, K = 2 * Math.PI * Y;
-function qe(a) {
-  return a >= 75 ? "var(--color-success)" : a >= 50 ? "var(--color-warning)" : "var(--error)";
+It.displayName = "ExpandButton";
+const St = "_circle_gvt69_3", jt = "_svg_gvt69_12", $t = "_track_gvt69_18", At = "_fill_gvt69_24", Lt = "_label_gvt69_31", W = {
+  circle: St,
+  svg: jt,
+  track: $t,
+  fill: At,
+  label: Lt
+}, oe = 14, se = 2 * Math.PI * oe;
+function zt(t) {
+  return t >= 75 ? "var(--color-success)" : t >= 50 ? "var(--color-warning)" : "var(--error)";
 }
-const Ee = N.forwardRef(
-  ({ value: a, className: t }, s) => {
-    const n = Math.max(0, Math.min(100, a)), l = K - n / 100 * K;
-    return /* @__PURE__ */ i("div", { ref: s, className: b(M.circle, t), role: "meter", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `${n}%`, children: [
-      /* @__PURE__ */ i("svg", { className: M.svg, viewBox: "0 0 36 36", children: [
-        /* @__PURE__ */ e("circle", { className: M.track, cx: "18", cy: "18", r: Y }),
+const Rt = 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 }),
         /* @__PURE__ */ e(
           "circle",
           {
-            className: M.fill,
+            className: W.fill,
             cx: "18",
             cy: "18",
-            r: Y,
-            stroke: qe(n),
-            strokeDasharray: K,
-            strokeDashoffset: l
+            r: oe,
+            stroke: zt(r),
+            strokeDasharray: se,
+            strokeDashoffset: i
           }
         )
       ] }),
-      /* @__PURE__ */ i("span", { className: M.label, children: [
-        n,
+      /* @__PURE__ */ c("span", { className: W.label, children: [
+        r,
         "%"
       ] })
     ] });
   }
 );
-Ee.displayName = "ProgressCircle";
-const Fe = "_bar_l0q8t_3", Oe = "_track_l0q8t_9", Ve = "_fill_l0q8t_17", We = "_value_l0q8t_23", q = {
-  bar: Fe,
-  track: Oe,
-  fill: Ve,
-  value: We
-}, Ge = N.forwardRef(
-  ({ value: a, className: t }, s) => {
-    const n = typeof a == "number" && a <= 1 ? a * 100 : a, l = Math.round(n);
-    return /* @__PURE__ */ i("div", { ref: s, className: b(q.bar, t), role: "meter", "aria-valuenow": l, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": `${l}%`, children: [
-      /* @__PURE__ */ e("div", { className: q.track, children: /* @__PURE__ */ e("div", { className: q.fill, style: { width: `${n}%` } }) }),
-      /* @__PURE__ */ i("span", { className: q.value, children: [
-        l,
+Rt.displayName = "ProgressCircle";
+const Tt = "_bar_l0q8t_3", Dt = "_track_l0q8t_9", Pt = "_fill_l0q8t_17", Mt = "_value_l0q8t_23", H = {
+  bar: Tt,
+  track: Dt,
+  fill: Pt,
+  value: Mt
+}, Et = 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,
         "%"
       ] })
     ] });
   }
 );
-Ge.displayName = "ScoreBar";
-const He = "_empty_26icj_3", Ke = "_icon_26icj_12", Qe = "_title_26icj_19", Ue = "_text_26icj_27", E = {
-  empty: He,
-  icon: Ke,
-  title: Qe,
-  text: Ue
-}, Ze = N.forwardRef(
-  ({ title: a, text: t, icon: s, className: n }, l) => /* @__PURE__ */ i("div", { ref: l, className: b(E.empty, n), role: "status", children: [
-    s && /* @__PURE__ */ e("div", { className: E.icon, "aria-hidden": "true", children: s }),
-    /* @__PURE__ */ e("div", { className: E.title, children: a }),
-    t && /* @__PURE__ */ e("div", { className: E.text, children: t })
+Et.displayName = "ScoreBar";
+const Bt = "_empty_26icj_3", Ft = "_icon_26icj_12", Ot = "_title_26icj_19", qt = "_text_26icj_27", G = {
+  empty: Bt,
+  icon: Ft,
+  title: Ot,
+  text: qt
+}, Wt = 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 })
   ] })
 );
-Ze.displayName = "EmptyState";
-const Je = "_toggle_176y2_3", Ye = "_btn_176y2_11", Xe = "_icon_176y2_43", F = {
-  toggle: Je,
-  btn: Ye,
+Wt.displayName = "EmptyState";
+const Vt = "_toggle_176y2_3", Ht = "_btn_176y2_11", Gt = "_icon_176y2_43", K = {
+  toggle: Vt,
+  btn: Ht,
   "btn--active": "_btn--active_176y2_37",
-  icon: Xe
-}, ea = N.forwardRef(
+  icon: Gt
+}, Kt = p.forwardRef(
   ({
-    options: a,
-    value: t,
-    onChange: s,
-    "aria-label": n,
-    role: l = "tablist",
-    className: o
-  }, d) => {
-    const g = l === "tablist" ? "tab" : "radio", m = l === "tablist" ? "aria-selected" : "aria-checked";
+    options: t,
+    value: a,
+    onChange: n,
+    "aria-label": r,
+    role: i = "tablist",
+    className: u
+  }, l) => {
+    const h = i === "tablist" ? "tab" : "radio", _ = i === "tablist" ? "aria-selected" : "aria-checked";
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: d,
-        className: b(F.toggle, o),
-        role: l,
-        "aria-label": n,
-        children: a.map((h) => {
-          const r = h.value === t;
-          return /* @__PURE__ */ i(
+        ref: l,
+        className: g(K.toggle, u),
+        role: i,
+        "aria-label": r,
+        children: t.map((m) => {
+          const o = m.value === a;
+          return /* @__PURE__ */ c(
             "button",
             {
-              className: b(F.btn, { [F["btn--active"]]: r }),
-              role: g,
-              [m]: r,
-              onClick: () => s?.(h.value),
+              className: g(K.btn, { [K["btn--active"]]: o }),
+              role: h,
+              [_]: o,
+              onClick: () => n?.(m.value),
               children: [
-                h.icon && /* @__PURE__ */ e("span", { className: F.icon, "aria-hidden": "true", children: h.icon }),
-                h.label
+                m.icon && /* @__PURE__ */ e("span", { className: K.icon, "aria-hidden": "true", children: m.icon }),
+                m.label
               ]
             },
-            h.value
+            m.value
           );
         })
       }
     );
   }
 );
-ea.displayName = "SegmentedControl";
-const aa = "_dashboard_1mbco_4", A = {
-  dashboard: aa,
-  "dashboard-card": "_dashboard-card_1mbco_17",
-  "dashboard-card__header": "_dashboard-card__header_1mbco_27",
-  "dashboard-card__title": "_dashboard-card__title_1mbco_31",
-  "status-legend": "_status-legend_1mbco_39",
-  "project-filters": "_project-filters_1mbco_45",
-  "project-filters__search": "_project-filters__search_1mbco_54"
-}, ta = [
+Kt.displayName = "SegmentedControl";
+const Ut = "_dashboard_wq6z7_4", Qt = "_sectionTitle_wq6z7_18", Jt = "_statusLegend_wq6z7_27", Zt = "_projectFilters_wq6z7_34", Xt = "_projectFilters__search_wq6z7_48", M = {
+  dashboard: Ut,
+  sectionTitle: Qt,
+  statusLegend: Jt,
+  projectFilters: Zt,
+  projectFilters__search: Xt
+}, Yt = [
   { 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() },
@@ -771,117 +1021,122 @@ const aa = "_dashboard_1mbco_4", A = {
     createdAt: "05.01.2026",
     updatedAt: (/* @__PURE__ */ new Date()).toISOString()
   }
-], la = [
+], ea = [
   { 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" }
-], sa = {
+], ta = {
   neu: "Neu",
   offen: "Offen",
   "in-prufung": "In Prüfung",
   validierung: "Validierung",
   abgeschlossen: "Abgeschlossen"
-}, na = N.forwardRef(
-  ({ initialRows: a = ta, className: t, ...s }, n) => {
-    const [l, o] = $(a), [d, g] = $("alle"), [m, h] = $(""), r = O(() => {
-      const _ = {
-        alle: l.length,
+}, aa = p.forwardRef(
+  ({ initialRows: t = Yt, className: a, ...n }, r) => {
+    const [i, u] = A(t), [l, h] = A("alle"), [_, m] = A(""), o = Z(() => {
+      const v = {
+        alle: i.length,
         neu: 0,
         offen: 0,
         "in-prufung": 0,
         validierung: 0,
         abgeschlossen: 0
       };
-      return l.forEach((k) => {
-        _[k.status]++;
-      }), _;
-    }, [l]), f = O(() => {
-      let _ = l;
-      if (d !== "alle" && (_ = _.filter((k) => k.status === d)), m.trim() !== "") {
-        const k = m.toLowerCase().trim();
-        _ = _.filter(
-          (v) => v.name.toLowerCase().includes(k) || v.client.toLowerCase().includes(k) || v.app.toLowerCase().includes(k)
+      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 d === "alle" && (_ = [..._].sort((k, v) => Number(v.favorite) - Number(k.favorite))), _;
-    }, [l, d, m]), x = d === "alle" ? "Alle Projekte" : `Projekte: ${sa[d]}`, y = (_, k) => {
-      o((v) => v.map((u) => u.id === _ ? { ...u, favorite: k } : u));
-    }, p = O(() => [
-      { status: "neu", label: "Neu", value: r.neu, color: "hsl(var(--status-neu))" },
-      { status: "offen", label: "Offen", value: r.offen, color: "hsl(var(--status-offen))" },
-      { status: "in-prufung", label: "In Prüfung", value: r["in-prufung"], color: "hsl(var(--status-in-prufung))" },
-      { status: "validierung", label: "Validierung", value: r.validierung, color: "hsl(var(--status-validierung))" },
-      { status: "abgeschlossen", label: "Abgeschlossen", value: r.abgeschlossen, color: "hsl(var(--status-abgeschlossen))" }
-    ], [r]), w = (_) => {
-      g(_);
+      return l === "alle" && (v = [...v].sort((y, b) => Number(b.favorite) - Number(y.favorite))), v;
+    }, [i, l, _]), x = l === "alle" ? "Alle Projekte" : `Projekte: ${ta[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: "hsl(var(--status-neu))" },
+      { status: "offen", label: "Offen", value: o.offen, color: "hsl(var(--status-offen))" },
+      { status: "in-prufung", label: "In Prüfung", value: o["in-prufung"], color: "hsl(var(--status-in-prufung))" },
+      { status: "validierung", label: "Validierung", value: o.validierung, color: "hsl(var(--status-validierung))" },
+      { status: "abgeschlossen", label: "Abgeschlossen", value: o.abgeschlossen, color: "hsl(var(--status-abgeschlossen))" }
+    ], [o]), k = (v) => {
+      h(v);
     };
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ c(
       "main",
       {
-        ref: n,
-        className: b(A.dashboard, t),
-        ...s,
+        ref: r,
+        className: g(M.dashboard, a),
+        ...n,
         children: [
-          /* @__PURE__ */ i(
-            "section",
+          /* @__PURE__ */ c(
+            U,
             {
-              className: b(A["dashboard-card"], A["status-overview"]),
+              as: "section",
+              variant: "full",
+              padded: !0,
               "aria-label": "Projektstatus Übersicht",
+              className: M.statusOverview,
               children: [
-                /* @__PURE__ */ e("header", { className: A["dashboard-card__header"], children: /* @__PURE__ */ e("h1", { className: A["dashboard-card__title"], children: "Projekte" }) }),
+                /* @__PURE__ */ e("h1", { className: M.sectionTitle, children: "Projekte" }),
                 /* @__PURE__ */ e(
-                  _e,
+                  xe,
                   {
-                    data: p,
-                    onSegmentClick: w
+                    data: f,
+                    onSegmentClick: k
                   }
                 ),
                 /* @__PURE__ */ e(
                   "div",
                   {
-                    className: A["status-legend"],
+                    className: M.statusLegend,
                     role: "listbox",
                     "aria-label": "Nach Status filtern",
-                    children: la.map(({ status: _, label: k }) => /* @__PURE__ */ e(
-                      de,
+                    children: ea.map(({ status: v, label: y }) => /* @__PURE__ */ e(
+                      Ce,
                       {
-                        status: _,
-                        label: k,
-                        count: r[_],
-                        active: d === _,
-                        onClick: () => g(_)
+                        status: v,
+                        label: y,
+                        count: o[v],
+                        active: l === v,
+                        onClick: () => h(v)
                       },
-                      _
+                      v
                     ))
                   }
                 )
               ]
             }
           ),
-          /* @__PURE__ */ i(
-            "section",
+          /* @__PURE__ */ c(
+            U,
             {
-              className: b(A["dashboard-card"], A["project-list"]),
+              as: "section",
+              variant: "full",
               "aria-label": "Projektliste",
+              className: M.projectList,
               children: [
-                /* @__PURE__ */ i("div", { className: A["project-filters"], children: [
-                  /* @__PURE__ */ e("h2", { className: A["dashboard-card__title"], children: x }),
+                /* @__PURE__ */ c("div", { className: M.projectFilters, children: [
+                  /* @__PURE__ */ e("h2", { className: M.sectionTitle, children: x }),
                   /* @__PURE__ */ e(
                     "input",
                     {
                       type: "search",
-                      className: A["project-filters__search"],
+                      className: M.projectFilters__search,
                       "aria-label": "Projekte durchsuchen",
                       placeholder: "Suchen...",
-                      value: m,
-                      onChange: (_) => h(_.target.value)
+                      value: _,
+                      onChange: (v) => m(v.target.value)
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e(ue, { rows: f, onToggleFavorite: y })
+                /* @__PURE__ */ e(Ie, { rows: w, onToggleFavorite: C })
               ]
             }
           )
@@ -890,61 +1145,56 @@ const aa = "_dashboard_1mbco_4", A = {
     );
   }
 );
-na.displayName = "DashboardPage";
-const ra = "_icon_15khb_83", C = {
-  "task-item": "_task-item_15khb_4",
-  "task-item__content": "_task-item__content_15khb_25",
-  "task-item__title-group": "_task-item__title-group_15khb_32",
-  "task-item__title": "_task-item__title_15khb_32",
-  "task-item__meta": "_task-item__meta_15khb_52",
-  "meta-user": "_meta-user_15khb_64",
-  "meta-project": "_meta-project_15khb_70",
-  "icon-sm": "_icon-sm_15khb_83",
-  "task-item__deadline": "_task-item__deadline_15khb_88",
-  "deadline-urgent": "_deadline-urgent_15khb_97",
-  "deadline-normal": "_deadline-normal_15khb_102",
-  "task-item__actions": "_task-item__actions_15khb_107",
-  icon: ra
-}, ia = [
+aa.displayName = "DashboardPage";
+const sa = "_taskItem_77jzk_4", la = "_taskItem__content_77jzk_14", na = "_taskItem__titleGroup_77jzk_21", ia = "_taskItem__title_77jzk_21", ra = "_taskItem__meta_77jzk_41", oa = "_metaUser_77jzk_52", ca = "_metaProject_77jzk_58", da = "_taskItem__deadline_77jzk_76", _a = "_taskItem__actions_77jzk_95", $ = {
+  taskItem: sa,
+  taskItem__content: la,
+  taskItem__titleGroup: na,
+  taskItem__title: ia,
+  taskItem__meta: ra,
+  metaUser: oa,
+  metaProject: ca,
+  "icon-sm": "_icon-sm_77jzk_71",
+  taskItem__deadline: da,
+  "deadline-urgent": "_deadline-urgent_77jzk_85",
+  "deadline-normal": "_deadline-normal_77jzk_90",
+  taskItem__actions: _a
+}, ua = [
   { value: "Offen", label: "Offen" },
   { value: "In Arbeit", label: "In Arbeit" },
   { value: "Erledigt", label: "Erledigt" }
-], he = N.forwardRef(
-  ({ title: a, project: t, projectLabel: s, status: n, deadline: l, deadlineType: o = "normal", priority: d, assignees: g, description: m, onClick: h, onStatusChange: r, className: f, ...x }, y) => {
-    const p = (_) => {
-      (_.key === "Enter" || _.key === " ") && (_.preventDefault(), h?.());
-    }, w = (_) => {
-      _.stopPropagation();
+], 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();
     };
-    return /* @__PURE__ */ i(
-      "article",
+    return /* @__PURE__ */ c(
+      Ne,
       {
-        ref: y,
-        className: b(C["task-item"], f),
-        role: "listitem",
-        tabIndex: 0,
-        onClick: h,
-        onKeyDown: p,
+        ref: C,
+        as: "article",
+        onClick: m,
+        className: g($.taskItem, w),
         ...x,
         children: [
-          /* @__PURE__ */ i("div", { className: C["task-item__content"], children: [
-            /* @__PURE__ */ e("div", { className: C["task-item__title-group"], children: /* @__PURE__ */ e("h3", { className: C["task-item__title"], children: a }) }),
-            /* @__PURE__ */ i("div", { className: C["task-item__meta"], children: [
-              g.length > 0 && /* @__PURE__ */ e("div", { className: C["meta-user"], children: /* @__PURE__ */ e(X, { children: g.map((_, k) => /* @__PURE__ */ e(B, { initials: _.initials, name: _.name }, k)) }) }),
-              /* @__PURE__ */ i("div", { className: C["meta-project"], "aria-label": `Projekt: ${s || t}`, children: [
-                /* @__PURE__ */ e("svg", { className: C["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" }) }),
-                s || t
+          /* @__PURE__ */ c("div", { className: $.taskItem__content, children: [
+            /* @__PURE__ */ e("div", { className: $.taskItem__titleGroup, children: /* @__PURE__ */ e("h3", { className: $.taskItem__title, children: t }) }),
+            /* @__PURE__ */ c("div", { className: $.taskItem__meta, children: [
+              h.length > 0 && /* @__PURE__ */ e("div", { className: $.metaUser, children: /* @__PURE__ */ e(de, { children: h.map((k, v) => /* @__PURE__ */ e(V, { initials: k.initials, name: k.name }, v)) }) }),
+              /* @__PURE__ */ c("div", { className: $.metaProject, "aria-label": `Projekt: ${n || a}`, children: [
+                /* @__PURE__ */ e("svg", { className: $["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
               ] }),
-              d && d !== "low" && /* @__PURE__ */ e(ee, { level: d, size: "small" })
+              l && l !== "low" && /* @__PURE__ */ e(_e, { level: l, size: "small" })
             ] })
           ] }),
-          /* @__PURE__ */ e("div", { className: b(C["task-item__deadline"], C[`deadline-${o}`]), children: l }),
-          /* @__PURE__ */ e("div", { className: C["task-item__actions"], onClick: w, children: /* @__PURE__ */ e(
-            me,
+          /* @__PURE__ */ e("div", { className: g($.taskItem__deadline, $[`deadline-${u}`]), children: i }),
+          /* @__PURE__ */ e("div", { className: $.taskItem__actions, onClick: f, children: /* @__PURE__ */ e(
+            Se,
             {
-              options: ia,
-              value: n,
-              onChange: r
+              options: ua,
+              value: r,
+              onChange: o
             }
           ) })
         ]
@@ -952,8 +1202,8 @@ const ra = "_icon_15khb_83", C = {
     );
   }
 );
-he.displayName = "TaskItem";
-const ca = "_textarea_m18cx_191", oa = "_icon_m18cx_197", c = {
+je.displayName = "TaskItem";
+const ma = "_textarea_m18cx_191", ha = "_icon_m18cx_197", d = {
   "modal-overlay": "_modal-overlay_m18cx_4",
   "is-active": "_is-active_m18cx_19",
   "modal-content": "_modal-content_m18cx_25",
@@ -972,147 +1222,147 @@ const ca = "_textarea_m18cx_191", oa = "_icon_m18cx_197", c = {
   "form-row": "_form-row_m18cx_154",
   "form-label": "_form-label_m18cx_160",
   "form-control": "_form-control_m18cx_170",
-  textarea: ca,
-  icon: oa,
+  textarea: ma,
+  icon: ha,
   "icon-pencil": "_icon-pencil_m18cx_207"
-}, ne = [
+}, ge = [
   { value: "Q1", label: "Q1 Roadmap" },
   { value: "FR", label: "Frontend Relaunch" },
   { value: "UR", label: "User Research" }
-], re = [
+], be = [
   { initials: "FV", name: "Fabian Venmann" },
   { initials: "LV", name: "Luca Vitiello" },
   { initials: "AS", name: "Anna Schmidt" }
-], ve = N.forwardRef(
-  ({ isOpen: a, onClose: t, task: s, onSave: n, initialMode: l = "view", className: o, ...d }, g) => {
-    const [m, h] = $(l), [r, f] = $(null);
-    if (Q(() => {
-      a && s && (f({ ...s, checklist: [...s.checklist] }), h(l));
-    }, [a, s, l]), Q(() => {
-      const u = (j) => {
-        j.key === "Escape" && a && t();
+], $e = p.forwardRef(
+  ({ isOpen: t, onClose: a, task: n, onSave: r, initialMode: i = "view", className: u, ...l }, h) => {
+    const [_, m] = A(i), [o, w] = A(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", u), () => document.removeEventListener("keydown", u);
-    }, [a, t]), !a || !s || !r) return null;
+      return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+    }, [t, a]), !t || !n || !o) return null;
     const x = () => {
-      n && n(r), h("view");
-    }, y = () => {
-      t();
-    }, p = (u) => {
-      f({ ...r, checklist: u });
-    }, w = (u) => {
-      const j = ne.find((I) => I.value === u.target.value);
-      f({
-        ...r,
-        project: u.target.value,
-        projectLabel: j?.label || u.target.value
+      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
       });
-    }, _ = (u) => {
-      const j = re.find((I) => I.initials.toLowerCase() === u.target.value);
-      j && f({ ...r, assignees: [j] });
-    }, k = () => {
-      const u = {
+    }, v = (s) => {
+      const N = be.find((I) => I.initials.toLowerCase() === s.target.value);
+      N && w({ ...o, assignees: [N] });
+    }, y = () => {
+      const s = {
         id: `check-${Date.now()}`,
         text: "",
         checked: !1
       };
-      f({
-        ...r,
-        checklist: [...r.checklist, u]
+      w({
+        ...o,
+        checklist: [...o.checklist, s]
       });
-    }, v = (u) => {
-      u.target === u.currentTarget && y();
+    }, b = (s) => {
+      s.target === s.currentTarget && C();
     };
     return /* @__PURE__ */ e(
       "div",
       {
-        ref: g,
-        className: b(c["modal-overlay"], { [c["is-active"]]: a }, o),
-        onClick: v,
+        ref: h,
+        className: g(d["modal-overlay"], { [d["is-active"]]: t }, u),
+        onClick: b,
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": "modalTitle",
-        ...d,
-        children: /* @__PURE__ */ i("div", { className: c["modal-content"], "data-mode": m, children: [
-          /* @__PURE__ */ i("header", { className: c["modal-header"], children: [
-            /* @__PURE__ */ e("h2", { className: c["modal-header-title"], id: "modalTitle", children: m === "edit" ? "Aufgabe bearbeiten" : "Aufgaben-Details" }),
-            /* @__PURE__ */ e(z, { variant: "ghost", onClick: y, "aria-label": "Schließen", children: /* @__PURE__ */ e("svg", { className: c.icon, viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" }) }) })
+        ...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" }) }) })
           ] }),
-          m === "view" ? /* @__PURE__ */ i("div", { className: c["modal-body"], children: [
-            /* @__PURE__ */ i("div", { className: c["view-group"], children: [
-              /* @__PURE__ */ e("span", { className: c["view-label"], children: "Titel" }),
-              /* @__PURE__ */ e("h3", { className: c["view-task-title"], children: r.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__ */ i("div", { className: c["view-badge-row"], children: [
-              /* @__PURE__ */ i("div", { className: c["view-group"], children: [
-                /* @__PURE__ */ e("span", { className: c["view-label"], children: "Verantwortlich" }),
-                r.assignees.length > 0 ? /* @__PURE__ */ e(X, { children: r.assignees.map((u, j) => /* @__PURE__ */ e(B, { initials: u.initials, name: u.name }, j)) }) : /* @__PURE__ */ e(B, { 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(V, { initials: s.initials, name: s.name }, N)) }) : /* @__PURE__ */ e(V, { initials: "?", name: "Nicht zugewiesen" })
               ] }),
-              /* @__PURE__ */ i("div", { className: c["view-group"], children: [
-                /* @__PURE__ */ e("span", { className: c["view-label"], children: "Projekt" }),
-                /* @__PURE__ */ i(Z, { children: [
-                  /* @__PURE__ */ e("svg", { className: c["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" }) }),
-                  r.projectLabel || r.project
+              /* @__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__ */ i("div", { className: c["view-group"], children: [
-                /* @__PURE__ */ e("span", { className: c["view-label"], children: "Priorität" }),
-                r.priority ? /* @__PURE__ */ e(ee, { level: r.priority, size: "large" }) : /* @__PURE__ */ e("div", { className: c["text-muted"], children: "Keine" })
+              /* @__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__ */ i("div", { className: c["view-group"], children: [
-                /* @__PURE__ */ e("span", { className: c["view-label"], children: "Status" }),
-                /* @__PURE__ */ e(Z, { children: r.status })
+              /* @__PURE__ */ c("div", { className: d["view-group"], children: [
+                /* @__PURE__ */ e("span", { className: d["view-label"], children: "Status" }),
+                /* @__PURE__ */ e(ie, { children: o.status })
               ] }),
-              /* @__PURE__ */ i("div", { className: c["view-group"], children: [
-                /* @__PURE__ */ e("span", { className: c["view-label"], children: "Fälligkeit" }),
-                /* @__PURE__ */ e("div", { className: c["view-value-strong"], children: r.deadline })
+              /* @__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__ */ i("div", { className: c["view-group"], children: [
-              /* @__PURE__ */ e("span", { className: c["view-label"], children: "Beschreibung" }),
-              /* @__PURE__ */ e("p", { className: c["view-description"], children: r.description || /* @__PURE__ */ e("span", { className: c["text-muted"], children: "Keine Beschreibung vorhanden." }) })
+            /* @__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__ */ i("div", { className: c["view-group"], children: [
-              /* @__PURE__ */ e("span", { className: c["view-label"], children: "To-Do Checkliste" }),
-              /* @__PURE__ */ e(J, { items: r.checklist, onChange: p, editable: !1 })
+            /* @__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__ */ i("div", { className: c["modal-body"], children: [
-            /* @__PURE__ */ i("div", { className: c["form-group"], children: [
-              /* @__PURE__ */ e("label", { className: c["form-label"], htmlFor: "taskTitle", children: "Titel" }),
+          ] }) : /* @__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: c["form-control"],
-                  value: r.title,
-                  onChange: (u) => f({ ...r, title: u.target.value })
+                  className: d["form-control"],
+                  value: o.title,
+                  onChange: (s) => w({ ...o, title: s.target.value })
                 }
               )
             ] }),
-            /* @__PURE__ */ i("div", { className: c["form-row"], children: [
-              /* @__PURE__ */ i("div", { className: c["form-group"], children: [
-                /* @__PURE__ */ e("label", { className: c["form-label"], htmlFor: "taskProject", children: "Projekt" }),
+            /* @__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: c["form-control"],
-                    value: r.project,
-                    onChange: w,
-                    children: ne.map((u) => /* @__PURE__ */ e("option", { value: u.value, children: u.label }, u.value))
+                    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__ */ i("div", { className: c["form-group"], children: [
-                /* @__PURE__ */ e("label", { className: c["form-label"], htmlFor: "taskStatus", children: "Status" }),
-                /* @__PURE__ */ i(
+              /* @__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: c["form-control"],
-                    value: r.status,
-                    onChange: (u) => f({ ...r, status: u.target.value }),
+                    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" }),
@@ -1122,29 +1372,29 @@ const ca = "_textarea_m18cx_191", oa = "_icon_m18cx_197", c = {
                 )
               ] })
             ] }),
-            /* @__PURE__ */ i("div", { className: c["form-row"], children: [
-              /* @__PURE__ */ i("div", { className: c["form-group"], children: [
-                /* @__PURE__ */ e("label", { className: c["form-label"], htmlFor: "taskDate", children: "Fälligkeitsdatum" }),
+            /* @__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: c["form-control"],
-                    value: r.deadline,
-                    onChange: (u) => f({ ...r, deadline: u.target.value })
+                    className: d["form-control"],
+                    value: o.deadline,
+                    onChange: (s) => w({ ...o, deadline: s.target.value })
                   }
                 )
               ] }),
-              /* @__PURE__ */ i("div", { className: c["form-group"], children: [
-                /* @__PURE__ */ e("label", { className: c["form-label"], htmlFor: "taskPriority", children: "Priorität" }),
-                /* @__PURE__ */ i(
+              /* @__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: c["form-control"],
-                    value: r.priority || "",
-                    onChange: (u) => f({ ...r, priority: u.target.value || void 0 }),
+                    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 (!!)" }),
@@ -1155,79 +1405,75 @@ const ca = "_textarea_m18cx_191", oa = "_icon_m18cx_197", c = {
                 )
               ] })
             ] }),
-            /* @__PURE__ */ i("div", { className: c["form-group"], children: [
-              /* @__PURE__ */ e("label", { className: c["form-label"], htmlFor: "taskAssignee", children: "Verantwortlich" }),
-              /* @__PURE__ */ i("div", { style: { display: "flex", alignItems: "center", gap: "0.75rem" }, children: [
-                /* @__PURE__ */ e(B, { initials: r.assignees[0]?.initials || "?" }),
+            /* @__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(V, { initials: o.assignees[0]?.initials || "?" }),
                 /* @__PURE__ */ e(
                   "select",
                   {
                     id: "taskAssignee",
-                    className: c["form-control"],
+                    className: d["form-control"],
                     style: { flex: 1 },
-                    value: r.assignees[0]?.initials.toLowerCase() || "",
-                    onChange: _,
-                    children: re.map((u) => /* @__PURE__ */ e("option", { value: u.initials.toLowerCase(), children: u.name }, u.initials))
+                    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__ */ i("div", { className: c["form-group"], children: [
-              /* @__PURE__ */ e("label", { className: c["form-label"], htmlFor: "taskDescription", children: "Beschreibung" }),
+            /* @__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: b(c["form-control"], c.textarea),
+                  className: g(d["form-control"], d.textarea),
                   placeholder: "Weitere Details zur Aufgabe...",
-                  value: r.description || "",
-                  onChange: (u) => f({ ...r, description: u.target.value })
+                  value: o.description || "",
+                  onChange: (s) => w({ ...o, description: s.target.value })
                 }
               )
             ] }),
-            /* @__PURE__ */ i("div", { className: c["form-group"], children: [
-              /* @__PURE__ */ e("label", { className: c["form-label"], children: "To-Do Checkliste" }),
-              /* @__PURE__ */ e(J, { items: r.checklist, onChange: p, editable: !0 }),
+            /* @__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(
-                z,
+                R,
                 {
                   variant: "ghost",
-                  onClick: k,
+                  onClick: y,
                   style: { alignSelf: "flex-start", marginTop: "0.25rem" },
                   children: "+ Neues Element"
                 }
               )
             ] })
           ] }),
-          m === "view" ? /* @__PURE__ */ i("footer", { className: c["modal-footer"], children: [
-            /* @__PURE__ */ e(z, { variant: "outline", onClick: y, children: "Schließen" }),
-            /* @__PURE__ */ i(z, { variant: "primary", onClick: () => h("edit"), children: [
-              /* @__PURE__ */ e("svg", { className: c["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" }) }),
+          _ === "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__ */ i("footer", { className: c["modal-footer"], children: [
-            /* @__PURE__ */ e(z, { variant: "outline", onClick: () => h("view"), children: "Abbrechen" }),
-            /* @__PURE__ */ e(z, { variant: "primary", onClick: x, children: "Speichern" })
+          ] }) : /* @__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" })
           ] })
         ] })
       }
     );
   }
 );
-ve.displayName = "TaskDetailModal";
-const da = "_icon_gqjal_64", R = {
-  "widget-card": "_widget-card_gqjal_4",
-  "widget-header": "_widget-header_gqjal_20",
-  "widget-header__title": "_widget-header__title_gqjal_30",
-  "task-list": "_task-list_gqjal_41",
-  icon: da,
-  "icon-sm": "_icon-sm_gqjal_74"
-}, _a = N.forwardRef(
-  ({ tasks: a, onTaskUpdate: t, onTaskAdd: s, className: n, ...l }, o) => {
-    const [d, g] = $(a), [m, h] = $(!1), [r, f] = $(null), [x, y] = $("view"), p = (v) => {
-      f(v), y("view"), h(!0);
-    }, w = () => {
-      const v = {
+$e.displayName = "TaskDetailModal";
+const va = "_icon_1rthp_4", fe = {
+  icon: va,
+  "icon-sm": "_icon-sm_1rthp_14"
+}, ga = p.forwardRef(
+  ({ tasks: t, onTaskUpdate: a, onTaskAdd: n, className: r, ...i }, u) => {
+    const [l, h] = A(t), [_, m] = A(!1), [o, w] = A(null), [x, C] = A("view"), f = (b) => {
+      w(b), C("view"), m(!0);
+    }, k = () => {
+      const b = {
         id: `new-${Date.now()}`,
         title: "Neue Aufgabe",
         project: "Q1",
@@ -1239,63 +1485,64 @@ const da = "_icon_gqjal_64", R = {
         description: "",
         checklist: []
       };
-      f(v), y("edit"), h(!0);
-    }, _ = (v) => {
-      if (d.some((j) => j.id === v.id)) {
-        const j = d.map((I) => I.id === v.id ? v : I);
-        g(j), t && t(v);
+      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);
       } else
-        g([...d, v]), s && s(v);
-      f(v);
-    }, k = (v, u) => {
-      const j = d.map((I) => {
-        if (I.id === v) {
-          const ae = { ...I, status: u };
-          return t && t(ae), ae;
+        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;
         }
         return I;
       });
-      g(j);
+      h(N);
     };
-    return /* @__PURE__ */ i(
-      "main",
+    return /* @__PURE__ */ c(
+      U,
       {
-        ref: o,
-        className: b(R["widget-card"], n),
-        ...l,
+        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" }) }),
+          "Neu"
+        ] }),
+        className: r,
+        ...i,
         children: [
-          /* @__PURE__ */ i("header", { className: R["widget-header"], children: [
-            /* @__PURE__ */ e("h2", { className: R["widget-header__title"], children: "Aufgaben" }),
-            /* @__PURE__ */ i(z, { variant: "primary", onClick: w, "aria-label": "Neue Aufgabe erstellen", children: [
-              /* @__PURE__ */ e("svg", { className: b(R.icon, R["icon-sm"]), viewBox: "0 0 24 24", children: /* @__PURE__ */ e("path", { d: "M12 5v14M5 12h14" }) }),
-              "Neu"
-            ] })
-          ] }),
-          /* @__PURE__ */ e("div", { className: R["task-list"], role: "list", "aria-label": "Aufgabenliste", children: d.map((v) => /* @__PURE__ */ e(
-            he,
+          /* @__PURE__ */ e(ce, { "aria-label": "Aufgabenliste", children: l.map((b) => /* @__PURE__ */ e(
+            je,
             {
-              title: v.title,
-              project: v.project,
-              projectLabel: v.projectLabel,
-              status: v.status,
-              deadline: v.deadline,
-              deadlineType: v.deadlineType,
-              priority: v.priority,
-              assignees: v.assignees,
-              description: v.description,
-              onClick: () => p(v),
-              onStatusChange: (u) => k(v.id, u)
+              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)
             },
-            v.id
+            b.id
           )) }),
           /* @__PURE__ */ e(
-            ve,
+            $e,
             {
-              isOpen: m,
-              onClose: () => h(!1),
-              task: r,
+              isOpen: _,
+              onClose: () => m(!1),
+              task: o,
               initialMode: x,
-              onSave: _
+              onSave: v
             }
           )
         ]
@@ -1303,28 +1550,33 @@ const da = "_icon_gqjal_64", R = {
     );
   }
 );
-_a.displayName = "TaskWidget";
+ga.displayName = "TaskWidget";
 export {
-  B as Avatar,
-  X as AvatarGroup,
-  Z as Badge,
-  z as Button,
-  J as Checklist,
-  na as DashboardPage,
-  Ze as EmptyState,
-  Le as ExpandButton,
-  oe as FavoriteButton,
-  ee as PriorityBadge,
-  Ee as ProgressCircle,
-  ue as ProjectTable,
-  Ge as ScoreBar,
-  Ie as SearchInput,
-  ea as SegmentedControl,
-  ce as StatusBadge,
-  _e as StatusChart,
-  me as StatusDropdown,
-  de as StatusLegendItem,
-  ve as TaskDetailModal,
-  he as TaskItem,
-  _a as TaskWidget
+  V as Avatar,
+  de as AvatarGroup,
+  ie as Badge,
+  ce as BaseList,
+  we as BaseTable,
+  R as Button,
+  re as Checklist,
+  aa as DashboardPage,
+  Ue as DataCard,
+  Wt as EmptyState,
+  It as ExpandButton,
+  ye as FavoriteButton,
+  Ne as ListItem,
+  _e as PriorityBadge,
+  Rt as ProgressCircle,
+  Ie as ProjectTable,
+  Et as ScoreBar,
+  yt as SearchInput,
+  Kt as SegmentedControl,
+  ke as StatusBadge,
+  xe as StatusChart,
+  Se as StatusDropdown,
+  Ce as StatusLegendItem,
+  $e as TaskDetailModal,
+  je as TaskItem,
+  ga as TaskWidget,
+  U as WidgetCard
 };