:root,[data-theme=light]{--ht-bg: #f7f4ef;--ht-surface: #ffffff;--ht-surface-alt: #efeae2;--ht-border: #c2b9a8;--ht-text: #1c1c1c;--ht-text-muted: #5e5e5e;--ht-text-subtle: #707070;--ht-primary: #4a6b3a;--ht-primary-text: #ffffff;--ht-primary-hover: #3d5a2f;--ht-primary-active: #2e4524;--ht-accent: #8b5732;--ht-accent-hover: #6e4426;--ht-status-open: #5e5e5e;--ht-status-progress: #3d5a8a;--ht-status-done: #3d7a3d;--ht-prio-none: transparent;--ht-prio-low: #5a7383;--ht-prio-important: #a8621e;--ht-prio-very-important: #8a2f2f;--ht-danger: #8a2f2f;--ht-danger-bg: #f4e3e3;--ht-warning: #8a5a00;--ht-warning-bg: #f6ecdc;--ht-success: #2e6b2e;--ht-success-bg: #e3f0e3;--ht-info: #1f4f8a;--ht-info-bg: #e0e8f0;--ht-vis-workspace: #5e5e5e;--ht-vis-selected: #a8621e;--ht-vis-private: #8a2f2f;--ht-surface-muted: var(--ht-surface-alt);--ht-primary-soft: var(--ht-primary-active);--ht-bg-elevated: var(--ht-surface);--ht-primary-contrast: var(--ht-primary-text);--ht-error: var(--ht-danger);--ht-error-bg: var(--ht-danger-bg);--ht-error-text: var(--ht-danger);--ht-info-text: var(--ht-info);--ht-warning-text: var(--ht-warning)}[data-theme=dark]{--ht-bg: #1c1c1c;--ht-surface: #2a2a2a;--ht-surface-alt: #363636;--ht-border: #454545;--ht-text: #f0f0f0;--ht-text-muted: #b0b0b0;--ht-text-subtle: #808080;--ht-primary: #6b8a5a;--ht-primary-text: #ffffff;--ht-primary-hover: #82a070;--ht-primary-active: #9bb88a;--ht-accent: #c08a5f;--ht-accent-hover: #d09c70;--ht-status-open: #a0a0a0;--ht-status-progress: #7a9bc8;--ht-status-done: #7ab87a;--ht-prio-none: transparent;--ht-prio-low: #88a8b8;--ht-prio-important: #d9934a;--ht-prio-very-important: #d05d5d;--ht-danger: #d05d5d;--ht-danger-bg: #3a2828;--ht-warning: #d9934a;--ht-warning-bg: #3a2e22;--ht-success: #7ab87a;--ht-success-bg: #283a28;--ht-info: #7a9bc8;--ht-info-bg: #222e3a;--ht-vis-workspace: #a0a0a0;--ht-vis-selected: #d9934a;--ht-vis-private: #d05d5d;--ht-surface-muted: var(--ht-surface-alt);--ht-primary-soft: var(--ht-primary-active);--ht-bg-elevated: var(--ht-surface);--ht-primary-contrast: var(--ht-primary-text);--ht-error: var(--ht-danger);--ht-error-bg: var(--ht-danger-bg);--ht-error-text: var(--ht-danger);--ht-info-text: var(--ht-info);--ht-warning-text: var(--ht-warning)}@media (prefers-color-scheme: dark){[data-theme=system]{--ht-bg: #1c1c1c;--ht-surface: #2a2a2a;--ht-surface-alt: #363636;--ht-border: #454545;--ht-text: #f0f0f0;--ht-text-muted: #b0b0b0;--ht-text-subtle: #808080;--ht-primary: #6b8a5a;--ht-primary-text: #ffffff;--ht-primary-hover: #82a070;--ht-primary-active: #9bb88a;--ht-accent: #c08a5f;--ht-accent-hover: #d09c70;--ht-status-open: #a0a0a0;--ht-status-progress: #7a9bc8;--ht-status-done: #7ab87a;--ht-prio-none: transparent;--ht-prio-low: #88a8b8;--ht-prio-important: #d9934a;--ht-prio-very-important: #d05d5d;--ht-danger: #d05d5d;--ht-danger-bg: #3a2828;--ht-warning: #d9934a;--ht-warning-bg: #3a2e22;--ht-success: #7ab87a;--ht-success-bg: #283a28;--ht-info: #7a9bc8;--ht-info-bg: #222e3a;--ht-vis-workspace: #a0a0a0;--ht-vis-selected: #d9934a;--ht-vis-private: #d05d5d;--ht-overlay: rgba(0, 0, 0, .6)}}:root{--ht-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ht-fs-xs: .75rem;--ht-fs-sm: .875rem;--ht-fs-base: 1rem;--ht-fs-md: 1.125rem;--ht-fs-lg: 1.25rem;--ht-fs-xl: 1.5rem;--ht-fs-2xl: 1.875rem;--ht-fs-3xl: 2.25rem;--ht-line-tight: 1.2;--ht-line-normal: 1.5;--ht-line-loose: 1.75;--ht-fw-normal: 400;--ht-fw-medium: 500;--ht-fw-bold: 700}:root,[data-font-scale=normal]{font-size:16px}[data-font-scale=large]{font-size:18px}[data-font-scale=xlarge]{font-size:20px}:root{--ht-space-1: .25rem;--ht-space-2: .5rem;--ht-space-3: .75rem;--ht-space-4: 1rem;--ht-space-5: 1.5rem;--ht-space-6: 2rem;--ht-space-7: 3rem;--ht-space-8: 4rem}:root{--ht-radius-sm: 4px;--ht-radius-md: 8px;--ht-radius-lg: 12px;--ht-radius-xl: 16px;--ht-radius-full: 9999px}:root{--ht-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--ht-shadow-md: 0 2px 6px rgba(0, 0, 0, .08);--ht-shadow-lg: 0 6px 16px rgba(0, 0, 0, .12);--ht-overlay: rgba(28, 28, 28, .45)}[data-theme=dark]{--ht-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--ht-shadow-md: 0 2px 6px rgba(0, 0, 0, .4);--ht-shadow-lg: 0 6px 16px rgba(0, 0, 0, .5);--ht-overlay: rgba(0, 0, 0, .6)}:root{--ht-transition-fast: .12s ease;--ht-transition-normal: .2s ease;--ht-transition-slow: .32s ease}@media (prefers-reduced-motion: reduce){:root{--ht-transition-fast: 0ms;--ht-transition-normal: 0ms;--ht-transition-slow: 0ms}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--ht-font-family);background:var(--ht-bg);color:var(--ht-text);-webkit-font-smoothing:antialiased;line-height:var(--ht-line-normal)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--ht-radius-md);background:var(--ht-primary);color:var(--ht-primary-text);font-weight:var(--ht-fw-bold);font-size:var(--ht-fs-md);letter-spacing:.5px}.brand-title{margin:0;font-size:var(--ht-fs-2xl);font-weight:var(--ht-fw-bold);color:var(--ht-text)}.app-shell-layout{min-height:100%;display:flex;flex-direction:column;background:var(--ht-bg);color:var(--ht-text);padding-bottom:calc(72px + env(safe-area-inset-bottom,0))}.app-shell-top{position:sticky;top:0;z-index:30;display:flex;flex-direction:column;background:var(--ht-surface);border-bottom:1px solid var(--ht-border);padding-top:env(safe-area-inset-top,0)}.app-shell-admin-row{display:flex;justify-content:flex-end;padding:var(--ht-space-1) var(--ht-space-4) var(--ht-space-2);gap:var(--ht-space-2)}.app-shell-content{flex:1;padding:var(--ht-space-4);max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--ht-space-4)}.admin-header-link{display:inline-flex;align-items:center;padding:var(--ht-space-2) var(--ht-space-3);border-radius:var(--ht-radius-sm);background:var(--ht-surface-muted);color:var(--ht-text);text-decoration:none;font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);border:1px solid var(--ht-border)}.admin-header-link:hover,.admin-header-link:focus{background:var(--ht-primary-soft);outline:2px solid var(--ht-primary);outline-offset:1px}.system-admin-shell-layout{min-height:100%;display:grid;grid-template-columns:240px 1fr;background:var(--ht-bg);color:var(--ht-text)}@media (max-width: 720px){.system-admin-shell-layout{grid-template-columns:1fr}}.system-admin-side-nav{border-right:1px solid var(--ht-border);background:var(--ht-surface);padding:var(--ht-space-4) var(--ht-space-2);min-height:100%}.system-admin-side-nav-header{margin-bottom:var(--ht-space-3);padding:0 var(--ht-space-2)}.system-admin-side-nav-title{margin:0;font-size:var(--ht-fs-base);font-weight:var(--ht-fw-bold);color:var(--ht-text-muted);text-transform:uppercase;letter-spacing:.5px}.system-admin-side-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ht-space-1)}.system-admin-side-nav-link{display:block;padding:var(--ht-space-2) var(--ht-space-3);border-radius:var(--ht-radius-sm);color:var(--ht-text);text-decoration:none;font-size:var(--ht-fs-sm);border:1px solid transparent}.system-admin-side-nav-link:hover,.system-admin-side-nav-link:focus{background:var(--ht-surface-muted);outline:2px solid var(--ht-primary);outline-offset:1px}.system-admin-side-nav-link--active{background:var(--ht-primary-soft);border-color:var(--ht-primary);color:var(--ht-text);font-weight:var(--ht-fw-medium)}.system-admin-shell-content{padding:var(--ht-space-5);display:flex;flex-direction:column;gap:var(--ht-space-4)}.admin-overview{display:flex;flex-direction:column;gap:var(--ht-space-4)}.admin-overview-title{margin:0;font-size:var(--ht-fs-xl);font-weight:var(--ht-fw-bold)}.admin-overview-body{margin:0;color:var(--ht-text);font-size:var(--ht-fs-base);line-height:var(--ht-line-normal)}.admin-stub{background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-xl);padding:var(--ht-space-5);display:flex;flex-direction:column;gap:var(--ht-space-3)}.admin-stub-title{margin:0;font-size:var(--ht-fs-lg);font-weight:var(--ht-fw-medium)}.admin-stub-body{margin:0;color:var(--ht-text-muted);font-size:var(--ht-fs-base);line-height:var(--ht-line-normal)}.stub-page,.home-page{background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-xl);padding:var(--ht-space-5);display:flex;flex-direction:column;gap:var(--ht-space-3)}.stub-title{margin:0;font-size:var(--ht-fs-lg);font-weight:var(--ht-fw-medium)}.stub-body{margin:0;color:var(--ht-text-muted);font-size:var(--ht-fs-base);line-height:var(--ht-line-normal)}.login-page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ht-space-5);padding:var(--ht-space-5) var(--ht-space-4)}.login-header{display:flex;align-items:center;gap:var(--ht-space-3)}.login-form{background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-xl);padding:var(--ht-space-5);display:flex;flex-direction:column;gap:var(--ht-space-4);width:100%;max-width:360px}.login-field{display:flex;flex-direction:column;gap:var(--ht-space-1)}.login-field-label{font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);color:var(--ht-text)}.login-field input{padding:var(--ht-space-3);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-border);background:var(--ht-bg);color:var(--ht-text);font-size:var(--ht-fs-base);font-family:inherit}.login-field input:focus{outline:2px solid var(--ht-primary);outline-offset:1px}.login-error{margin:0;color:var(--ht-danger);font-size:var(--ht-fs-sm)}.login-submit{padding:var(--ht-space-3) var(--ht-space-4);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-primary);background:var(--ht-primary);color:var(--ht-primary-text);font-size:var(--ht-fs-base);font-weight:var(--ht-fw-bold);cursor:pointer}.login-submit:hover:not(:disabled),.login-submit:focus-visible:not(:disabled){background:var(--ht-primary-hover);outline:2px solid var(--ht-primary);outline-offset:2px}.login-submit:disabled{opacity:.6;cursor:not-allowed}.auth-loading{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--ht-space-5);color:var(--ht-text-muted);font-size:var(--ht-fs-base)}.not-found-page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ht-space-3);padding:var(--ht-space-5);text-align:center}.not-found-page a{color:var(--ht-primary);text-decoration:underline}.admin-users-page{display:flex;flex-direction:column;gap:var(--ht-space-4)}.admin-section-title{margin:0;font-size:var(--ht-fs-lg);font-weight:var(--ht-fw-medium)}.admin-users-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:var(--ht-space-4)}@media (max-width: 900px){.admin-users-grid{grid-template-columns:1fr}}.admin-users-list,.admin-users-create{background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);padding:var(--ht-space-4);display:flex;flex-direction:column;gap:var(--ht-space-3)}.admin-users-toolbar{display:flex;gap:var(--ht-space-2);align-items:center}.admin-users-toolbar input{flex:1;padding:var(--ht-space-2);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);font-size:var(--ht-fs-sm)}.admin-users-pagination{display:flex;justify-content:space-between;align-items:center;gap:var(--ht-space-2);padding-top:var(--ht-space-2);border-top:1px solid var(--ht-border)}.user-table{width:100%;border-collapse:collapse;font-size:var(--ht-fs-sm)}.user-table th,.user-table td{text-align:left;padding:var(--ht-space-2);border-bottom:1px solid var(--ht-border);vertical-align:top}.user-table th{background:var(--ht-bg-elevated);font-weight:var(--ht-fw-medium)}.user-table-empty{padding:var(--ht-space-4);text-align:center;color:var(--ht-text-muted)}.user-status{display:inline-block;padding:var(--ht-space-1) var(--ht-space-2);border-radius:var(--ht-radius-full);font-size:var(--ht-fs-xs);font-weight:var(--ht-fw-medium)}.user-status-active{background:var(--ht-success-bg);color:var(--ht-success)}.user-status-disabled{background:var(--ht-danger-bg);color:var(--ht-danger)}.user-must-change-badge{display:inline-block;margin-left:var(--ht-space-1);padding:var(--ht-space-1) var(--ht-space-2);border-radius:var(--ht-radius-sm);background:var(--ht-warning-bg);color:var(--ht-warning);font-size:11px}.user-action-menu{display:flex;flex-direction:column;gap:var(--ht-space-1)}.user-action-button{background:var(--ht-bg);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);padding:var(--ht-space-1) var(--ht-space-2);font-size:var(--ht-fs-sm);cursor:pointer;text-align:left}.user-action-button:hover:not(:disabled){background:var(--ht-bg-elevated)}.user-action-button:disabled{opacity:.5;cursor:not-allowed}.user-create-form{display:flex;flex-direction:column;gap:var(--ht-space-3)}.user-create-form .form-row{display:flex;flex-direction:column;gap:var(--ht-space-1)}.user-create-form label{font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium)}.user-create-form input{padding:var(--ht-space-2);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);font-size:var(--ht-fs-sm)}.form-error{margin:0;padding:var(--ht-space-2);background:var(--ht-danger-bg);border-radius:var(--ht-radius-sm);color:var(--ht-danger);font-size:var(--ht-fs-sm)}.admin-users-total{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.muted{color:var(--ht-text-muted)}.secret-display-banner{border:2px solid var(--ht-danger);border-radius:var(--ht-radius-md);padding:var(--ht-space-4);background:var(--ht-warning-bg);display:flex;flex-direction:column;gap:var(--ht-space-3)}.secret-display-title{margin:0;font-size:var(--ht-fs-base);font-weight:var(--ht-fw-bold);color:var(--ht-danger)}.secret-display-warning{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-warning)}.secret-display-row{margin:0;display:flex;gap:var(--ht-space-2);align-items:center;flex-wrap:wrap}.secret-display-label{font-weight:var(--ht-fw-medium);font-size:var(--ht-fs-sm);min-width:80px}.secret-display-secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--ht-surface);padding:var(--ht-space-1) var(--ht-space-2);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);font-size:var(--ht-fs-sm);letter-spacing:.05em}.confirmation-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);padding:var(--ht-space-4);box-shadow:var(--ht-shadow-lg);display:flex;flex-direction:column;gap:var(--ht-space-3);max-width:480px;z-index:100}.confirmation-dialog h3{margin:0;font-size:var(--ht-fs-base);font-weight:var(--ht-fw-bold)}.confirmation-dialog p{margin:0;font-size:var(--ht-fs-sm)}.confirmation-actions{display:flex;justify-content:flex-end;gap:var(--ht-space-2)}.primary-button,.secondary-button{padding:var(--ht-space-2) var(--ht-space-4);border-radius:var(--ht-radius-sm);font-size:var(--ht-fs-sm);cursor:pointer;font-weight:var(--ht-fw-medium)}.primary-button{background:var(--ht-primary);color:var(--ht-primary-text);border:1px solid var(--ht-primary)}.primary-button:hover:not(:disabled){background:var(--ht-primary-hover)}.primary-button.danger{background:var(--ht-danger);border-color:var(--ht-danger);color:var(--ht-primary-text)}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{background:var(--ht-surface);color:var(--ht-text);border:1px solid var(--ht-border)}.secondary-button:hover:not(:disabled){background:var(--ht-bg-elevated)}.profile-page{display:flex;flex-direction:column;gap:var(--ht-space-4)}.profile-page-title{margin:0;font-size:var(--ht-fs-xl);font-weight:var(--ht-fw-bold)}.profile-page-loading{margin:0;color:var(--ht-text-muted);font-size:var(--ht-fs-sm)}.profile-tabs{display:flex;flex-wrap:wrap;gap:var(--ht-space-1);border-bottom:1px solid var(--ht-border);margin-bottom:var(--ht-space-2)}.profile-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;border-bottom:none;border-top-left-radius:var(--ht-radius-sm);border-top-right-radius:var(--ht-radius-sm);padding:var(--ht-space-2) var(--ht-space-4);font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);color:var(--ht-text-muted);cursor:pointer}.profile-tab:hover,.profile-tab:focus-visible{color:var(--ht-text);outline:none;background:var(--ht-surface-muted)}.profile-tab--active{color:var(--ht-text);background:var(--ht-surface);border-color:var(--ht-border);border-bottom-color:var(--ht-surface);margin-bottom:-1px}.profile-tab-panel{background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-xl);padding:var(--ht-space-5)}.profile-form{display:flex;flex-direction:column;gap:var(--ht-space-4)}.profile-form-row{display:flex;flex-direction:column;gap:var(--ht-space-1)}.profile-form-label{font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);color:var(--ht-text)}.profile-form-hint{margin:0;color:var(--ht-text-muted);font-size:var(--ht-fs-sm)}.profile-form input{padding:var(--ht-space-2) var(--ht-space-3);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-border);background:var(--ht-bg);color:var(--ht-text);font-size:var(--ht-fs-base);font-family:inherit}.profile-form input[readonly]{background:var(--ht-surface-muted);color:var(--ht-text-muted);cursor:not-allowed}.profile-form input:focus{outline:2px solid var(--ht-primary);outline-offset:1px}.profile-form-actions{display:flex;gap:var(--ht-space-3);align-items:center;flex-wrap:wrap}.profile-form-feedback{margin:0;font-size:var(--ht-fs-sm)}.profile-form-feedback--success{color:var(--ht-success)}.profile-form-feedback--error{color:var(--ht-danger)}.profile-section-title{margin:0 0 var(--ht-space-1);font-size:var(--ht-fs-md);font-weight:var(--ht-fw-medium)}.profile-section-help{margin:0 0 var(--ht-space-3);color:var(--ht-text-muted);font-size:var(--ht-fs-sm)}.profile-divider{margin:var(--ht-space-5) 0;border:none;border-top:1px solid var(--ht-border)}.profile-security,.profile-help-panel{display:flex;flex-direction:column;gap:var(--ht-space-3)}.settings-form{display:flex;flex-direction:column;gap:var(--ht-space-5)}.settings-form-fieldset{border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);padding:var(--ht-space-4);display:flex;flex-direction:column;gap:var(--ht-space-3);background:var(--ht-bg)}.settings-form-legend{padding:0 var(--ht-space-2);font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-bold);color:var(--ht-text)}.settings-form-row{display:flex;flex-direction:column;gap:var(--ht-space-1)}.settings-form-row--checkbox .settings-form-label{display:flex;align-items:center;gap:var(--ht-space-2);font-weight:var(--ht-fw-normal)}.settings-form-label{font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);color:var(--ht-text)}.settings-form select,.settings-form input[type=range]{padding:var(--ht-space-2) var(--ht-space-2);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-border);background:var(--ht-surface);color:var(--ht-text);font-size:var(--ht-fs-base);font-family:inherit}.settings-form input[type=range]{padding:0}.settings-form input[type=range]:disabled{opacity:.5}.settings-form-hour-value{font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.settings-form-feedback{min-height:var(--ht-space-5)}.bereiche-page{display:flex;flex-direction:column;gap:var(--ht-space-4);padding:var(--ht-space-4);padding-bottom:var(--ht-space-7)}.bereiche-page-back{font-size:var(--ht-fs-sm);color:var(--ht-primary);text-decoration:none;align-self:flex-start;min-height:44px;display:inline-flex;align-items:center;padding:0 var(--ht-space-2);border-radius:var(--ht-radius-md)}.bereiche-page-back:hover,.bereiche-page-back:focus-visible{background:var(--ht-surface-alt)}.bereiche-feedback{font-size:var(--ht-fs-sm);margin:0;padding:var(--ht-space-2) var(--ht-space-3);border-radius:var(--ht-radius-md)}.bereiche-feedback--info{background:var(--ht-success-bg);color:var(--ht-success)}.bereiche-feedback--error{background:var(--ht-danger-bg);color:var(--ht-danger)}.bereiche-page-tabs{display:flex;gap:var(--ht-space-1);border-bottom:1px solid var(--ht-border)}.bereiche-tab{flex:1;min-height:44px;padding:var(--ht-space-2) var(--ht-space-3);background:transparent;border:none;border-bottom:2px solid transparent;font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);color:var(--ht-text-muted);cursor:pointer;border-radius:var(--ht-radius-md) var(--ht-radius-md) 0 0}.bereiche-tab--active{color:var(--ht-primary);border-bottom-color:var(--ht-primary);background:var(--ht-surface)}.bereiche-empty{margin:0;padding:var(--ht-space-5) var(--ht-space-4);text-align:center;color:var(--ht-text-muted);font-size:var(--ht-fs-sm);background:var(--ht-surface);border:1px dashed var(--ht-border);border-radius:var(--ht-radius-lg)}.bereiche-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ht-space-2)}.bereiche-item{display:grid;grid-template-columns:44px 1fr 88px 44px;gap:var(--ht-space-2);align-items:center;padding:var(--ht-space-3);background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-lg);min-height:64px}.bereiche-item--archived{grid-template-columns:44px 1fr auto;opacity:.85}.bereiche-item-icon{font-size:28px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;text-align:center}.bereiche-item-body{display:flex;flex-direction:column;gap:var(--ht-space-1);min-width:0}.bereiche-item-name,.bereiche-item-name-input{font-size:var(--ht-fs-md);font-weight:var(--ht-fw-medium);color:var(--ht-text);background:transparent;border:none;padding:var(--ht-space-1) 0;cursor:pointer;text-align:left;width:100%;border-radius:var(--ht-radius-sm)}.bereiche-item-name:focus-visible,.bereiche-item-name:hover{color:var(--ht-primary)}.bereiche-item-name--readonly{cursor:default;color:var(--ht-text-muted)}.bereiche-item-name-input{border:1px solid var(--ht-primary);background:var(--ht-bg);cursor:text;padding:var(--ht-space-1) var(--ht-space-2)}.bereiche-item-edit-actions{display:flex;gap:var(--ht-space-1)}.bereiche-item-edit-confirm,.bereiche-item-edit-cancel{min-height:36px;padding:var(--ht-space-1) var(--ht-space-3);font-size:var(--ht-fs-xs);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-border);background:var(--ht-surface);cursor:pointer}.bereiche-item-edit-confirm{background:var(--ht-primary);color:var(--ht-primary-text);border-color:var(--ht-primary)}.bereiche-item-sort{display:flex;flex-direction:column;gap:2px}.bereiche-item-sort-up,.bereiche-item-sort-down{min-width:44px;min-height:24px;border:1px solid var(--ht-border);background:var(--ht-surface);border-radius:var(--ht-radius-sm);cursor:pointer;font-size:var(--ht-fs-sm)}.bereiche-item-sort-up:disabled,.bereiche-item-sort-down:disabled{opacity:.4;cursor:not-allowed}.bereiche-item-menu{min-width:44px;min-height:44px;border:1px solid var(--ht-border);background:var(--ht-surface);border-radius:var(--ht-radius-md);cursor:pointer;font-size:18px;line-height:1}.bereiche-item-restore{min-height:44px;padding:var(--ht-space-2) var(--ht-space-3);background:var(--ht-primary);color:var(--ht-primary-text);border:none;border-radius:var(--ht-radius-md);font-size:var(--ht-fs-sm);cursor:pointer}.bereiche-item-restore:disabled{opacity:.6;cursor:not-allowed}.bereiche-add-button{position:sticky;bottom:var(--ht-space-4);align-self:stretch;min-height:48px;padding:var(--ht-space-3);background:var(--ht-primary);color:var(--ht-primary-text);border:none;border-radius:var(--ht-radius-lg);font-size:var(--ht-fs-md);font-weight:var(--ht-fw-bold);cursor:pointer;box-shadow:0 2px 6px #00000014}.bereiche-add-button:active{background:var(--ht-primary-active)}.bereiche-create-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.bereiche-create{width:100%;max-width:480px;background:var(--ht-surface);border-radius:var(--ht-radius-xl) var(--ht-radius-xl) 0 0;padding:var(--ht-space-4);display:flex;flex-direction:column;gap:var(--ht-space-3);max-height:85vh;overflow-y:auto}.bereiche-create-header{display:flex;align-items:center;justify-content:space-between}.bereiche-create-title{margin:0;font-size:var(--ht-fs-lg);font-weight:var(--ht-fw-bold)}.bereiche-create-close{min-width:44px;min-height:44px;border:none;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--ht-text-muted);border-radius:var(--ht-radius-md)}.bereiche-create-label{font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.bereiche-create-input{min-height:44px;padding:var(--ht-space-2) var(--ht-space-3);font-size:var(--ht-fs-base);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-bg);color:var(--ht-text)}.bereiche-create-icon-row{display:flex;align-items:center;gap:var(--ht-space-2);flex-wrap:wrap}.bereiche-create-icon-preview{font-size:28px;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-surface-alt)}.bereiche-create-icon-pick,.bereiche-create-icon-clear{min-height:44px;padding:var(--ht-space-2) var(--ht-space-3);border-radius:var(--ht-radius-md);border:1px solid var(--ht-border);background:var(--ht-surface);cursor:pointer;font-size:var(--ht-fs-sm)}.bereiche-create-actions{display:flex;gap:var(--ht-space-2);justify-content:flex-end}.bereiche-create-cancel,.bereiche-create-confirm{min-height:44px;padding:var(--ht-space-2) var(--ht-space-4);border-radius:var(--ht-radius-md);font-size:var(--ht-fs-sm);cursor:pointer;border:1px solid var(--ht-border)}.bereiche-create-confirm{background:var(--ht-primary);color:var(--ht-primary-text);border-color:var(--ht-primary)}.bereiche-create-confirm:disabled,.bereiche-create-cancel:disabled{opacity:.6;cursor:not-allowed}.bereiche-archive-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--ht-space-4);z-index:1100}.bereiche-archive-dialog{width:100%;max-width:420px;background:var(--ht-surface);border-radius:var(--ht-radius-xl);padding:var(--ht-space-5);display:flex;flex-direction:column;gap:var(--ht-space-3)}.bereiche-archive-title{margin:0;font-size:var(--ht-fs-lg);font-weight:var(--ht-fw-bold)}.bereiche-archive-body{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-text-muted);line-height:1.4}.bereiche-archive-actions{display:flex;gap:var(--ht-space-2);justify-content:flex-end}.bereiche-archive-cancel,.bereiche-archive-confirm{min-height:44px;padding:var(--ht-space-2) var(--ht-space-4);border-radius:var(--ht-radius-md);font-size:var(--ht-fs-sm);cursor:pointer;border:1px solid var(--ht-border)}.bereiche-archive-confirm{background:var(--ht-danger);color:var(--ht-primary-text);border-color:var(--ht-danger)}.bereiche-archive-confirm:disabled,.bereiche-archive-cancel:disabled{opacity:.6;cursor:not-allowed}.bereiche-page-loading{font-size:var(--ht-fs-sm);color:var(--ht-text-muted);margin:0;padding:var(--ht-space-4);text-align:center}.icon-picker-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.icon-picker-sheet{width:100%;max-width:480px;background:var(--ht-surface);border-radius:var(--ht-radius-xl) var(--ht-radius-xl) 0 0;padding:var(--ht-space-4);display:flex;flex-direction:column;gap:var(--ht-space-3);max-height:85vh;overflow-y:auto}.icon-picker-sheet-header{display:flex;align-items:center;justify-content:space-between}.icon-picker-sheet-title{margin:0;font-size:var(--ht-fs-lg);font-weight:var(--ht-fw-bold)}.icon-picker-sheet-close{min-width:44px;min-height:44px;border:none;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--ht-text-muted);border-radius:var(--ht-radius-md)}.icon-picker-sheet-controls{display:flex;flex-direction:column;gap:var(--ht-space-2)}.icon-picker-sheet-search-label{font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.icon-picker-sheet-search{min-height:44px;padding:var(--ht-space-2) var(--ht-space-3);font-size:var(--ht-fs-base);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-bg);color:var(--ht-text)}.icon-picker-sheet-mode-row{display:flex;gap:var(--ht-space-1);border-bottom:1px solid var(--ht-border)}.icon-picker-sheet-mode{flex:1;min-height:44px;padding:var(--ht-space-2) var(--ht-space-3);background:transparent;border:none;border-bottom:2px solid transparent;font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);color:var(--ht-text-muted);cursor:pointer;border-radius:var(--ht-radius-md) var(--ht-radius-md) 0 0}.icon-picker-sheet-mode--active{color:var(--ht-primary);border-bottom-color:var(--ht-primary);background:var(--ht-surface)}.icon-picker-sheet-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:var(--ht-space-2)}.icon-picker-sheet-icon{min-width:56px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:28px;background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);cursor:pointer}.icon-picker-sheet-icon--active{border-color:var(--ht-primary);background:var(--ht-surface-alt)}.icon-picker-sheet-empty{margin:0;padding:var(--ht-space-4);text-align:center;color:var(--ht-text-muted);font-size:var(--ht-fs-sm)}.icon-picker-sheet-footer{display:flex;justify-content:flex-end}.icon-picker-sheet-clear{min-height:44px;padding:var(--ht-space-2) var(--ht-space-3);border:1px solid var(--ht-border);background:var(--ht-surface);border-radius:var(--ht-radius-md);cursor:pointer;font-size:var(--ht-fs-sm)}.icon-picker-sheet-custom{display:flex;flex-direction:column;gap:var(--ht-space-2)}.icon-picker-sheet-custom-label{font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.icon-picker-sheet-custom-input{min-height:44px;padding:var(--ht-space-2) var(--ht-space-3);font-size:var(--ht-fs-base);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-bg);color:var(--ht-text)}.icon-picker-sheet-custom-confirm{min-height:44px;padding:var(--ht-space-2) var(--ht-space-4);border-radius:var(--ht-radius-md);background:var(--ht-primary);color:var(--ht-primary-text);border:none;font-size:var(--ht-fs-sm);cursor:pointer}.icon-picker-sheet-custom-confirm:disabled{opacity:.5;cursor:not-allowed}.workspaces-page{display:flex;flex-direction:column;gap:var(--ht-space-4);padding:var(--ht-space-4)}.workspaces-page-title{margin:0;font-size:var(--ht-fs-xl);font-weight:var(--ht-fw-bold)}.workspaces-page-help{margin:0;color:var(--ht-text-muted);font-size:var(--ht-fs-sm);max-width:60ch}.workspaces-page-loading,.workspaces-form-feedback{font-size:var(--ht-fs-sm);margin:0;min-height:20px}.workspaces-form-feedback--success{color:var(--ht-success)}.workspaces-form-feedback--error{color:var(--ht-danger)}.workspace-create-form{display:flex;flex-direction:column;gap:var(--ht-space-2);background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-xl);padding:var(--ht-space-4)}.workspace-create-form-label{font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);color:var(--ht-text)}.workspace-create-form-row{display:flex;gap:var(--ht-space-2);flex-wrap:wrap}.workspace-create-form-row input{flex:1 1 240px;padding:var(--ht-space-2) var(--ht-space-3);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-border);background:var(--ht-bg);color:var(--ht-text);font-size:var(--ht-fs-base);font-family:inherit}.workspace-create-form-row input:focus{outline:2px solid var(--ht-primary);outline-offset:1px}.workspace-create-form-submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--ht-space-2) var(--ht-space-4);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-primary);background:var(--ht-primary);color:var(--ht-primary-text);font-weight:var(--ht-fw-medium);cursor:pointer}.workspace-create-form-submit:disabled{opacity:.5;cursor:not-allowed}.workspace-list{display:flex;flex-direction:column;gap:var(--ht-space-3)}.workspace-list-empty{padding:var(--ht-space-4);border:1px dashed var(--ht-border);border-radius:var(--ht-radius-xl);color:var(--ht-text-muted);font-size:var(--ht-fs-sm)}.workspace-list-active-row{display:flex;align-items:center;gap:var(--ht-space-2);font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.workspace-list-active-label{font-weight:var(--ht-fw-medium)}.workspace-list-clear-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);padding:var(--ht-space-1) var(--ht-space-2);font-size:var(--ht-fs-sm);cursor:pointer;color:var(--ht-text)}.workspace-list-clear-button:hover,.workspace-list-clear-button:focus-visible{background:var(--ht-surface-muted)}.workspace-list-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ht-space-2)}.workspace-list-item{display:flex;align-items:center;gap:var(--ht-space-3);padding:var(--ht-space-3);background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-xl);flex-wrap:wrap}.workspace-list-item--active{border-color:var(--ht-primary);box-shadow:0 0 0 1px var(--ht-primary) inset}.workspace-list-item-name{font-size:var(--ht-fs-base);font-weight:var(--ht-fw-medium);display:flex;align-items:center;gap:var(--ht-space-2);flex:1 1 200px}.workspace-list-item-badge{background:var(--ht-primary);color:var(--ht-primary-text);font-size:11px;font-weight:var(--ht-fw-bold);padding:var(--ht-space-1) var(--ht-space-2);border-radius:var(--ht-radius-full);text-transform:uppercase}.workspace-list-item-meta{display:flex;gap:var(--ht-space-3);font-size:var(--ht-fs-sm);color:var(--ht-text-muted);flex-wrap:wrap}.workspace-list-item-role,.workspace-list-item-status,.workspace-list-item-membercount{display:inline-block;padding:var(--ht-space-1) var(--ht-space-2);background:var(--ht-surface-muted);border-radius:var(--ht-radius-full)}.workspace-list-item-action{display:flex;flex-direction:column;align-items:flex-end;gap:var(--ht-space-1)}.workspace-list-item-activate{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--ht-space-2) var(--ht-space-3);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-primary);background:var(--ht-primary);color:var(--ht-primary-text);font-weight:var(--ht-fw-medium);cursor:pointer}.workspace-list-item-activate:disabled{opacity:.6;cursor:not-allowed}.workspace-list-item-note{font-size:var(--ht-fs-sm);color:var(--ht-text-muted);font-style:italic}.workspace-switcher{position:relative;display:inline-block}.workspace-switcher-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:var(--ht-space-1);padding:var(--ht-space-1) var(--ht-space-2);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-border);background:var(--ht-surface);color:var(--ht-text);font-size:var(--ht-fs-sm);cursor:pointer}.workspace-switcher-trigger:hover,.workspace-switcher-trigger:focus-visible{background:var(--ht-surface-muted);outline:none}.workspace-switcher-trigger-label{color:var(--ht-text-muted);font-weight:var(--ht-fw-medium)}.workspace-switcher-trigger-name{font-weight:var(--ht-fw-medium);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-switcher-trigger-caret{font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.workspace-switcher-dropdown{position:absolute;top:calc(100% + var(--ht-space-1));right:0;z-index:10;list-style:none;margin:0;padding:var(--ht-space-1);min-width:240px;background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-xl);box-shadow:var(--ht-shadow-md);display:flex;flex-direction:column;gap:var(--ht-space-1)}.workspace-switcher-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid transparent;border-radius:var(--ht-radius-sm);padding:var(--ht-space-2) var(--ht-space-2);text-align:left;cursor:pointer;color:var(--ht-text);display:flex;flex-direction:column;gap:var(--ht-space-1)}.workspace-switcher-item:hover:not(:disabled),.workspace-switcher-item:focus-visible:not(:disabled){background:var(--ht-surface-muted);outline:none}.workspace-switcher-item--active{border-color:var(--ht-primary);background:var(--ht-surface-muted)}.workspace-switcher-item:disabled{cursor:not-allowed;opacity:.7}.workspace-switcher-item-name{font-weight:var(--ht-fw-medium)}.workspace-switcher-item-meta{font-size:var(--ht-fs-xs);color:var(--ht-text-muted)}.workspace-switcher-clear{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px dashed var(--ht-border);border-radius:var(--ht-radius-sm);padding:var(--ht-space-1) var(--ht-space-2);font-size:var(--ht-fs-sm);color:var(--ht-text-muted);cursor:pointer;text-align:left}.workspace-switcher-empty{font-size:var(--ht-fs-sm);color:var(--ht-text-muted);margin:0;padding:var(--ht-space-2)}.workspace-switcher-error{list-style:none;color:var(--ht-danger);font-size:var(--ht-fs-sm);padding:var(--ht-space-2) var(--ht-space-2)}.workspace-switcher-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ht-bg);z-index:50;display:flex;flex-direction:column;padding:var(--ht-space-4);gap:var(--ht-space-3);overflow-y:auto}.workspace-switcher-overlay-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font-size:var(--ht-fs-3xl);line-height:1;align-self:flex-end;cursor:pointer;color:var(--ht-text)}.workspace-switcher-overlay-title{margin:0;font-size:var(--ht-fs-lg)}@media (max-width: 720px){.workspace-switcher-dropdown{display:none}}.workspace-members-page{max-width:720px;margin:0 auto;padding:var(--ht-space-4);display:flex;flex-direction:column;gap:var(--ht-space-4)}.workspace-members-page-header{display:flex;flex-direction:column;gap:var(--ht-space-1)}.workspace-members-page-title{margin:0;font-size:var(--ht-fs-xl)}.workspace-members-page-help{margin:0;color:var(--ht-text-muted)}.workspace-members-page-back{font-size:var(--ht-fs-sm);text-decoration:none;color:var(--ht-accent);align-self:flex-start}.workspace-members-page-tabs{display:flex;gap:var(--ht-space-1);border-bottom:1px solid var(--ht-border)}.workspace-members-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:var(--ht-space-2) var(--ht-space-4);cursor:pointer;font-size:var(--ht-fs-sm);color:var(--ht-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.workspace-members-tab--active{color:var(--ht-text);border-bottom-color:var(--ht-accent);font-weight:var(--ht-fw-medium)}.workspace-members-feedback{padding:var(--ht-space-2) var(--ht-space-3);border-radius:var(--ht-radius-sm);font-size:var(--ht-fs-sm)}.workspace-members-feedback--info{background:var(--ht-info-bg);color:var(--ht-info)}.workspace-members-feedback--error{background:var(--ht-danger-bg);color:var(--ht-danger)}.workspace-members-page-loading,.workspace-members-page-readonly{margin:0;color:var(--ht-text-muted);font-size:var(--ht-fs-sm)}.add-member-form{display:flex;flex-direction:column;gap:var(--ht-space-1);padding:var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm)}.add-member-form-label{font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium)}.add-member-form-row{display:flex;gap:var(--ht-space-2)}.add-member-form-input{flex:1;padding:var(--ht-space-2) var(--ht-space-2);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);font-size:var(--ht-fs-sm)}.add-member-form-input:focus{outline:2px solid var(--ht-accent);outline-offset:1px}.add-member-form-submit{padding:var(--ht-space-2) var(--ht-space-4);border:1px solid var(--ht-accent);background:var(--ht-accent);color:var(--ht-primary-text);border-radius:var(--ht-radius-sm);font-size:var(--ht-fs-sm);cursor:pointer}.add-member-form-submit:disabled{opacity:.5;cursor:not-allowed}.add-member-form-help{margin:0;font-size:var(--ht-fs-xs);color:var(--ht-text-muted)}.add-member-form-feedback{margin:0;padding:var(--ht-space-1) var(--ht-space-2);font-size:var(--ht-fs-sm);border-radius:var(--ht-radius-sm)}.add-member-form-feedback--error{background:var(--ht-danger-bg);color:var(--ht-danger)}.add-member-form-feedback--info{background:var(--ht-info-bg);color:var(--ht-info)}.member-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ht-space-1)}.member-list-empty{padding:var(--ht-space-4);text-align:center;color:var(--ht-text-muted);border:1px dashed var(--ht-border);border-radius:var(--ht-radius-sm)}.member-list-item{display:grid;grid-template-columns:1fr auto auto;gap:var(--ht-space-3);align-items:center;padding:var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);background:var(--ht-surface)}.member-list-item-info{display:flex;flex-direction:column;gap:var(--ht-space-1)}.member-list-item-name{display:flex;align-items:center;gap:var(--ht-space-1);font-size:var(--ht-fs-base)}.member-list-item-badge{font-size:11px;padding:var(--ht-space-1) var(--ht-space-1);background:var(--ht-info-bg);color:var(--ht-info);border-radius:var(--ht-radius-full)}.member-list-item-username{font-size:var(--ht-fs-xs);color:var(--ht-text-muted)}.member-list-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--ht-space-1)}.member-list-item-role{font-size:11px;padding:var(--ht-space-1) var(--ht-space-2);background:var(--ht-surface-muted);border-radius:var(--ht-radius-full)}.member-list-item-role--owner{background:var(--ht-warning-bg);color:var(--ht-warning)}.member-list-item-joined{font-size:11px;color:var(--ht-text-muted)}.member-list-item-actions{display:flex;gap:var(--ht-space-1)}.member-list-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--ht-space-1) var(--ht-space-2);border:1px solid var(--ht-border);background:transparent;border-radius:var(--ht-radius-sm);font-size:var(--ht-fs-xs);cursor:pointer}.member-list-action--transfer{border-color:var(--ht-accent);color:var(--ht-accent)}.member-list-action--remove{border-color:var(--ht-danger);color:var(--ht-danger)}.member-list-action:disabled{opacity:.5;cursor:not-allowed}.workspace-admin-panel{padding:var(--ht-space-4);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);display:flex;flex-direction:column;gap:var(--ht-space-2)}.workspace-admin-panel-title{margin:0;font-size:var(--ht-fs-base)}.workspace-admin-panel-help{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.workspace-admin-archive-button{align-self:flex-start;padding:var(--ht-space-2) var(--ht-space-4);background:transparent;border:1px solid var(--ht-danger);color:var(--ht-danger);border-radius:var(--ht-radius-sm);font-size:var(--ht-fs-sm);cursor:pointer}.ownership-transfer-dialog-backdrop,.archive-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ht-overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--ht-space-4)}.ownership-transfer-dialog,.archive-dialog{background:var(--ht-surface);border-radius:var(--ht-radius-md);padding:var(--ht-space-5);max-width:480px;width:100%;display:flex;flex-direction:column;gap:var(--ht-space-3)}.ownership-transfer-dialog-title,.archive-dialog-title{margin:0;font-size:var(--ht-fs-md)}.ownership-transfer-dialog-body,.archive-dialog-body{margin:0;font-size:var(--ht-fs-sm)}.ownership-transfer-dialog-warning,.archive-dialog-warning{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-warning);background:var(--ht-warning-bg);padding:var(--ht-space-2) var(--ht-space-3);border-radius:var(--ht-radius-sm)}.ownership-transfer-dialog-error,.archive-dialog-error{margin:0;padding:var(--ht-space-1) var(--ht-space-2);font-size:var(--ht-fs-sm);background:var(--ht-danger-bg);color:var(--ht-danger);border-radius:var(--ht-radius-sm)}.ownership-transfer-dialog-actions,.archive-dialog-actions{display:flex;justify-content:flex-end;gap:var(--ht-space-2);margin-top:var(--ht-space-2)}.ownership-transfer-dialog-button,.archive-dialog-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--ht-space-2) var(--ht-space-4);border-radius:var(--ht-radius-sm);font-size:var(--ht-fs-sm);cursor:pointer}.ownership-transfer-dialog-button--cancel,.archive-dialog-button--cancel{background:transparent;border:1px solid var(--ht-border)}.ownership-transfer-dialog-button--confirm{background:var(--ht-accent);border:1px solid var(--ht-accent);color:var(--ht-primary-text)}.archive-dialog-button--confirm{background:var(--ht-danger);border:1px solid var(--ht-danger);color:var(--ht-primary-text)}.ownership-transfer-dialog-button:disabled,.archive-dialog-button:disabled{opacity:.5;cursor:not-allowed}.ht-design-card{background:var(--ht-surface);color:var(--ht-text);border:1px solid var(--ht-border);border-radius:var(--ht-radius-lg);padding:var(--ht-space-5);box-shadow:var(--ht-shadow-sm);display:flex;flex-direction:column;gap:var(--ht-space-3)}.ht-design-card-title{margin:0;font-size:var(--ht-fs-lg);font-weight:var(--ht-fw-bold)}.ht-design-card-body{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-text-muted);line-height:var(--ht-line-normal)}.ht-design-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;padding:var(--ht-space-2) var(--ht-space-4);border-radius:var(--ht-radius-md);border:1px solid var(--ht-primary);background:var(--ht-primary);color:var(--ht-primary-text);font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);cursor:pointer;transition:background var(--ht-transition-fast)}.ht-design-button:hover{background:var(--ht-primary-hover)}.ht-design-button--secondary{background:var(--ht-surface);color:var(--ht-text);border-color:var(--ht-border)}.ht-design-button--secondary:hover{background:var(--ht-surface-muted)}.ht-design-button--danger{background:var(--ht-danger);border-color:var(--ht-danger);color:var(--ht-primary-text)}.ht-design-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:var(--ht-space-3);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-border);background:var(--ht-bg);color:var(--ht-text);font-size:var(--ht-fs-base);font-family:inherit}.ht-design-input:focus{outline:2px solid var(--ht-primary);outline-offset:1px}.ht-design-badge{display:inline-flex;align-items:center;padding:var(--ht-space-1) var(--ht-space-3);border-radius:var(--ht-radius-full);font-size:var(--ht-fs-xs);font-weight:var(--ht-fw-medium);background:var(--ht-surface-muted);color:var(--ht-text)}.ht-design-badge--status-open{background:var(--ht-surface-muted);color:var(--ht-status-open)}.ht-design-badge--status-progress{background:var(--ht-info-bg);color:var(--ht-status-progress)}.ht-design-badge--status-done{background:var(--ht-success-bg);color:var(--ht-status-done)}.ht-design-badge--prio-none{background:var(--ht-surface-muted);color:var(--ht-text-muted)}.ht-design-badge--prio-low{background:var(--ht-info-bg);color:var(--ht-prio-low)}.ht-design-badge--prio-important{background:var(--ht-warning-bg);color:var(--ht-prio-important)}.ht-design-badge--prio-very-important{background:var(--ht-danger-bg);color:var(--ht-prio-very-important)}.ht-design-badge--vis-workspace{background:var(--ht-surface-muted);color:var(--ht-vis-workspace)}.ht-design-badge--vis-selected{background:var(--ht-warning-bg);color:var(--ht-vis-selected)}.ht-design-badge--vis-private{background:var(--ht-danger-bg);color:var(--ht-vis-private)}.ht-design-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ht-overlay);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--ht-space-4)}.ht-design-modal{background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-lg);padding:var(--ht-space-5);box-shadow:var(--ht-shadow-lg);max-width:480px;width:100%;display:flex;flex-direction:column;gap:var(--ht-space-3)}.ht-design-modal-title{margin:0;font-size:var(--ht-fs-lg);font-weight:var(--ht-fw-bold)}.ht-design-modal-body{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.ht-design-modal-actions{display:flex;justify-content:flex-end;gap:var(--ht-space-2)}.ht-design-snapshot-page{background:var(--ht-bg);color:var(--ht-text);padding:var(--ht-space-5);display:flex;flex-direction:column;gap:var(--ht-space-5);font-family:var(--ht-font-family)}.ht-design-snapshot-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ht-space-4);background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-lg);box-shadow:var(--ht-shadow-sm)}.ht-design-snapshot-section{display:flex;flex-direction:column;gap:var(--ht-space-3)}.ht-design-snapshot-section-title{margin:0;font-size:var(--ht-fs-lg);font-weight:var(--ht-fw-bold)}.ht-design-snapshot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--ht-space-4)}.ht-design-snapshot-row{display:flex;flex-wrap:wrap;gap:var(--ht-space-3);align-items:center}.shell-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--ht-space-3);padding:var(--ht-space-2) var(--ht-space-4);min-height:56px}.shell-header-left,.shell-header-center,.shell-header-right{display:flex;align-items:center;gap:var(--ht-space-2)}.shell-header-center{justify-content:center;min-width:0}.shell-header-right{justify-content:flex-end}.shell-header-brand{display:inline-flex;align-items:center;gap:var(--ht-space-2);-webkit-user-select:none;user-select:none}.shell-header-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ht-radius-sm);background:var(--ht-primary);color:var(--ht-primary-text);font-weight:var(--ht-fw-bold);font-size:var(--ht-fs-sm);letter-spacing:.5px}.shell-header-brand-name{font-size:var(--ht-fs-base);font-weight:var(--ht-fw-bold);color:var(--ht-text)}.shell-header-profile{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--ht-radius-full);background:var(--ht-surface-muted);color:var(--ht-text);border:1px solid var(--ht-border);cursor:pointer}.shell-header-profile:hover,.shell-header-profile:focus-visible{outline:2px solid var(--ht-primary);outline-offset:1px;background:var(--ht-primary-soft)}.shell-header-profile-initial{font-weight:var(--ht-fw-bold);font-size:var(--ht-fs-base)}.notifications-bell{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:var(--ht-radius-full);background:transparent;color:var(--ht-text);border:1px solid transparent;cursor:pointer}.notifications-bell:hover,.notifications-bell:focus-visible{background:var(--ht-surface-muted);outline:2px solid var(--ht-primary);outline-offset:1px}.notifications-bell-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 var(--ht-space-1);border-radius:var(--ht-radius-full);background:var(--ht-danger);color:var(--ht-primary-text);font-size:11px;font-weight:var(--ht-fw-bold);display:inline-flex;align-items:center;justify-content:center;line-height:1;border:1px solid var(--ht-surface)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--ht-surface);border-top:1px solid var(--ht-border);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:var(--ht-shadow-md)}.bottom-nav-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;gap:0;max-width:1200px;margin:0 auto;height:64px}.bottom-nav-item{display:flex}.bottom-nav-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--ht-space-1);background:transparent;border:none;color:var(--ht-text-muted);font-size:var(--ht-fs-xs);font-weight:var(--ht-fw-medium);cursor:pointer;min-width:0;padding:var(--ht-space-1) var(--ht-space-1);transition:color var(--ht-transition-fast)}.bottom-nav-link:hover,.bottom-nav-link:focus-visible{color:var(--ht-text);outline:none;background:var(--ht-surface-muted)}.bottom-nav-link--active{color:var(--ht-primary);font-weight:var(--ht-fw-bold)}.bottom-nav-link--active .bottom-nav-link-icon{color:var(--ht-primary)}.bottom-nav-link-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.bottom-nav-link-label{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottom-nav-item--action{display:flex;align-items:center;justify-content:center}.bottom-nav-action{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-18px;width:60px;height:60px;border-radius:var(--ht-radius-full);background:var(--ht-primary);color:var(--ht-primary-text);border:4px solid var(--ht-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--ht-shadow-lg);transition:transform var(--ht-transition-fast),background var(--ht-transition-fast)}.bottom-nav-action:hover,.bottom-nav-action:focus-visible{background:var(--ht-primary-hover);outline:none;transform:translateY(-1px)}.bottom-nav-action:active{transform:translateY(0)}.action-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ht-overlay);z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:0;padding-bottom:env(safe-area-inset-bottom,0);animation:action-sheet-fade-in var(--ht-transition-normal)}@keyframes action-sheet-fade-in{0%{opacity:0}to{opacity:1}}@keyframes action-sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.action-sheet{background:var(--ht-surface);border-top-left-radius:var(--ht-radius-xl);border-top-right-radius:var(--ht-radius-xl);width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;border:1px solid var(--ht-border);border-bottom:none;padding:var(--ht-space-4) var(--ht-space-4) var(--ht-space-5);gap:var(--ht-space-3);animation:action-sheet-slide-up var(--ht-transition-normal)}@media (min-width: 720px){.action-sheet-backdrop{align-items:center}.action-sheet{border-radius:var(--ht-radius-lg);border-bottom:1px solid var(--ht-border);margin:var(--ht-space-4);animation:action-sheet-fade-in var(--ht-transition-normal)}}.action-sheet-header{position:relative;display:flex;flex-direction:column;gap:var(--ht-space-1);padding-right:var(--ht-space-7)}.action-sheet-title{margin:0;font-size:var(--ht-fs-lg);font-weight:var(--ht-fw-bold);color:var(--ht-text)}.action-sheet-description{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.action-sheet-close{position:absolute;top:0;right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--ht-border);border-radius:var(--ht-radius-full);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:var(--ht-text);cursor:pointer}.action-sheet-close:hover,.action-sheet-close:focus-visible{background:var(--ht-surface-muted);outline:2px solid var(--ht-primary);outline-offset:1px}.action-sheet-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ht-space-2)}.action-sheet-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;background:var(--ht-bg);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);padding:var(--ht-space-3);display:flex;flex-direction:column;gap:var(--ht-space-1);cursor:pointer;color:var(--ht-text);font-size:var(--ht-fs-base);font-weight:var(--ht-fw-medium);transition:background var(--ht-transition-fast)}.action-sheet-item:hover:not(:disabled),.action-sheet-item:focus-visible:not(:disabled){background:var(--ht-surface-muted);outline:2px solid var(--ht-primary);outline-offset:1px}.action-sheet-item--disabled{background:var(--ht-surface-muted);color:var(--ht-text-muted);cursor:not-allowed;opacity:.75}.action-sheet-item-label{font-weight:var(--ht-fw-medium);font-size:var(--ht-fs-base)}.action-sheet-item-description{font-size:var(--ht-fs-sm);color:var(--ht-text-muted);font-weight:var(--ht-fw-normal)}.stub-action{display:flex;align-items:flex-start;gap:var(--ht-space-2);margin:0;padding:var(--ht-space-3) var(--ht-space-3);background:var(--ht-info-bg);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);color:var(--ht-info);font-size:var(--ht-fs-sm);line-height:var(--ht-line-normal)}.stub-action-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ht-info);margin-top:2px}.stub-action-text{display:flex;flex-direction:column;gap:var(--ht-space-1)}.stub-action-hint{font-weight:var(--ht-fw-medium)}.stub-action-detail{color:var(--ht-text);font-weight:var(--ht-fw-normal)}.stub-banner-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ht-overlay);z-index:110;display:flex;align-items:center;justify-content:center;padding:var(--ht-space-4);animation:action-sheet-fade-in var(--ht-transition-normal)}.stub-banner{background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-lg);box-shadow:var(--ht-shadow-lg);padding:var(--ht-space-5);max-width:420px;width:100%;display:flex;flex-direction:column;gap:var(--ht-space-3)}.stub-banner-title{margin:0;font-size:var(--ht-fs-md);font-weight:var(--ht-fw-bold)}.stub-banner-body{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-text);line-height:var(--ht-line-normal)}.stub-banner-actions{display:flex;justify-content:flex-end;gap:var(--ht-space-2);margin-top:var(--ht-space-2)}.page-header{display:flex;flex-direction:column;gap:var(--ht-space-1);padding:var(--ht-space-2) 0 var(--ht-space-1)}.page-header--with-action{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:var(--ht-space-3)}.page-title{margin:0;font-size:var(--ht-fs-2xl);font-weight:var(--ht-fw-bold);color:var(--ht-text)}.page-help{margin:0;color:var(--ht-text-muted);font-size:var(--ht-fs-base)}.start-page,.aufgaben-page,.sachen-page,.hilfe-page,.notifications-page{display:flex;flex-direction:column;gap:var(--ht-space-4)}.start-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--ht-space-3)}@media (max-width: 480px){.start-grid{grid-template-columns:1fr}}.start-card{display:flex;flex-direction:column;gap:var(--ht-space-1);padding:var(--ht-space-3);background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);min-height:96px}.start-card-title{margin:0;font-size:var(--ht-fs-md);font-weight:var(--ht-fw-medium);color:var(--ht-text)}.start-card-body{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.start-card-empty{margin:0;font-size:var(--ht-fs-xs);color:var(--ht-text-subtle);font-style:italic}.start-section{display:flex;flex-direction:column;gap:var(--ht-space-2);padding:var(--ht-space-3);background:var(--ht-surface);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);min-height:120px}.start-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ht-space-2)}.start-section-title{margin:0;font-size:var(--ht-fs-md);font-weight:var(--ht-fw-semibold);color:var(--ht-text)}.start-section-count{font-size:var(--ht-fs-xs);color:var(--ht-text-subtle);font-variant-numeric:tabular-nums}.start-section-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ht-space-2)}.start-section-list-item{margin:0}.start-task-card{display:flex;flex-direction:column;gap:var(--ht-space-1);padding:var(--ht-space-2) var(--ht-space-3);background:var(--ht-bg);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);text-decoration:none;color:var(--ht-text);min-height:56px;transition:background-color var(--ht-motion-fast) var(--ht-motion-ease)}.start-task-card:hover,.start-task-card:focus-visible{background:var(--ht-surface-muted);outline:none}.start-task-card-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ht-space-2)}.start-task-card-title{font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);color:var(--ht-text);overflow-wrap:anywhere}.start-task-card-priority{font-size:var(--ht-fs-xs);color:var(--ht-text-muted);white-space:nowrap}.start-task-card-priority:empty{display:none}.start-task-card-meta{display:flex;flex-wrap:wrap;gap:var(--ht-space-3);font-size:var(--ht-fs-xs);color:var(--ht-text-muted)}.start-task-card-due{font-weight:var(--ht-fw-medium)}.start-task-card-status{text-transform:none}.start-task-card-overdue{margin:0;font-size:var(--ht-fs-xs);color:var(--ht-text-muted);font-style:italic}.start-section-viewall{align-self:flex-start;margin-top:var(--ht-space-1);padding:var(--ht-space-1) var(--ht-space-2);font-size:var(--ht-fs-xs);color:var(--ht-text-muted);text-decoration:underline;border-radius:var(--ht-radius-sm)}.start-section-viewall:hover,.start-section-viewall:focus-visible{color:var(--ht-text);outline:none}.start-loading{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.aufgaben-toolbar{display:flex;flex-wrap:wrap;gap:var(--ht-space-2)}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--ht-space-2) var(--ht-space-3);border-radius:var(--ht-radius-full);border:1px solid var(--ht-border);background:var(--ht-surface);color:var(--ht-text);font-size:var(--ht-fs-sm);cursor:pointer;font-weight:var(--ht-fw-medium)}.chip--disabled{background:var(--ht-surface-muted);color:var(--ht-text-muted);cursor:not-allowed;opacity:.7}.aufgaben-list-empty,.sachen-list-empty,.notifications-empty{padding:var(--ht-space-5);border:1px dashed var(--ht-border);border-radius:var(--ht-radius-md);text-align:center;color:var(--ht-text-muted);font-size:var(--ht-fs-sm);background:var(--ht-bg)}.chip--active{background:var(--ht-primary);color:var(--ht-primary-text);border-color:var(--ht-primary)}.aufgaben-search{display:flex;gap:var(--ht-space-2);margin-top:var(--ht-space-3)}.aufgaben-search-input{flex:1;padding:var(--ht-space-2) var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-surface);color:var(--ht-text);font-size:var(--ht-fs-sm)}.aufgaben-search-submit{padding:var(--ht-space-2) var(--ht-space-4);border-radius:var(--ht-radius-md);border:1px solid var(--ht-primary);background:var(--ht-primary);color:var(--ht-primary-text);font-size:var(--ht-fs-sm);cursor:pointer}.aufgaben-filter-details{margin-top:var(--ht-space-3);padding:var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-surface)}.aufgaben-filter-summary{font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);cursor:pointer}.aufgaben-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ht-space-2);margin-top:var(--ht-space-3)}.aufgaben-filter-label{font-size:var(--ht-fs-sm);color:var(--ht-text-muted);margin-right:var(--ht-space-2)}.aufgaben-filter-field{display:flex;flex-direction:column;font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.aufgaben-filter-clear{margin-top:var(--ht-space-3);padding:var(--ht-space-1) var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-surface);color:var(--ht-text);cursor:pointer;font-size:var(--ht-fs-sm)}.aufgaben-list-total{margin-top:var(--ht-space-3);font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.aufgaben-list-loading,.aufgaben-list-error{margin-top:var(--ht-space-3)}.aufgaben-list{margin:var(--ht-space-3) 0 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--ht-space-2)}.aufgaben-list-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ht-space-3);padding:var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-surface)}.aufgaben-list-item-title{font-weight:var(--ht-fw-medium);font-size:var(--ht-fs-sm)}.aufgaben-list-item-status,.aufgaben-list-item-priority,.aufgaben-list-item-due{font-size:var(--ht-fs-xs);color:var(--ht-text-muted)}.aufgaben-pagination{display:flex;gap:var(--ht-space-2);margin-top:var(--ht-space-4)}.aufgaben-pagination-prev,.aufgaben-pagination-next{padding:var(--ht-space-2) var(--ht-space-4);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-surface);color:var(--ht-text);cursor:pointer;font-size:var(--ht-fs-sm)}.aufgaben-pagination-prev[disabled],.aufgaben-pagination-next[disabled]{opacity:.5;cursor:not-allowed}.sachen-tabs{display:flex;gap:var(--ht-space-1);border-bottom:1px solid var(--ht-border)}.sachen-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:var(--ht-space-2) var(--ht-space-4);cursor:pointer;font-size:var(--ht-fs-sm);color:var(--ht-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:var(--ht-fw-medium)}.sachen-tab--disabled{cursor:not-allowed;opacity:.6}.hilfe-input-stub{display:flex;flex-direction:column;gap:var(--ht-space-2);padding:var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-surface)}.hilfe-input-label{font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);color:var(--ht-text)}.hilfe-input{padding:var(--ht-space-2) var(--ht-space-3);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-border);background:var(--ht-bg);color:var(--ht-text);font-size:var(--ht-fs-base);font-family:inherit}.hilfe-input:disabled{background:var(--ht-surface-muted);color:var(--ht-text-muted);cursor:not-allowed}.hilfe-input-submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-self:flex-start;padding:var(--ht-space-2) var(--ht-space-4);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-primary);background:var(--ht-primary);color:var(--ht-primary-text);font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);cursor:pointer}.hilfe-input-submit:disabled{opacity:.5;cursor:not-allowed}.hilfe-vorschlaege{display:flex;flex-direction:column;gap:var(--ht-space-2)}.hilfe-section-title{margin:0;font-size:var(--ht-fs-md);font-weight:var(--ht-fw-medium);color:var(--ht-text)}.hilfe-vorschlaege-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ht-space-2)}.hilfe-vorschlaeg{padding:var(--ht-space-2) var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);background:var(--ht-surface);font-size:var(--ht-fs-sm);color:var(--ht-text)}.page-help-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ht-space-3);padding:var(--ht-space-2) 0 var(--ht-space-1)}.page-help-header-text{display:flex;flex-direction:column;gap:var(--ht-space-1);min-width:0;flex:1 1 auto}.page-help-header-title{margin:0;font-size:var(--ht-fs-2xl);font-weight:var(--ht-fw-bold);color:var(--ht-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-help-header-subtitle{margin:0;color:var(--ht-text-muted);font-size:var(--ht-fs-base)}.page-help-header-action{flex:0 0 auto;display:flex;align-items:center}.help-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--ht-radius-full);background:var(--ht-surface);color:var(--ht-primary);border:1px solid var(--ht-border);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;font-weight:var(--ht-fw-bold);transition:background var(--ht-transition-fast),border-color var(--ht-transition-fast),transform var(--ht-transition-fast)}.help-button:hover:not(:disabled),.help-button:focus-visible{background:var(--ht-primary-soft);border-color:var(--ht-primary);outline:2px solid var(--ht-primary);outline-offset:2px}.help-button[data-help-open=true]{background:var(--ht-primary);color:var(--ht-primary-text);border-color:var(--ht-primary)}.help-button-glyph{font-size:var(--ht-fs-lg);line-height:1}.help-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ht-overlay);z-index:110;display:flex;align-items:flex-end;justify-content:center;padding:0;padding-bottom:env(safe-area-inset-bottom,0);animation:action-sheet-fade-in var(--ht-transition-normal)}@media (min-width: 720px){.help-panel-backdrop{align-items:center;padding:var(--ht-space-4)}}.help-panel{background:var(--ht-surface);border-top-left-radius:var(--ht-radius-xl);border-top-right-radius:var(--ht-radius-xl);width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;border:1px solid var(--ht-border);border-bottom:none;padding:var(--ht-space-4) var(--ht-space-4) var(--ht-space-5);gap:var(--ht-space-3);animation:action-sheet-slide-up var(--ht-transition-normal);overflow:hidden}@media (min-width: 720px){.help-panel{border-radius:var(--ht-radius-lg);border-bottom:1px solid var(--ht-border);animation:action-sheet-fade-in var(--ht-transition-normal)}}.help-panel-header{position:relative;display:flex;flex-direction:column;gap:var(--ht-space-1);padding-right:var(--ht-space-7)}.help-panel-title{margin:0;font-size:var(--ht-fs-lg);font-weight:var(--ht-fw-bold);color:var(--ht-text)}.help-panel-close{position:absolute;top:0;right:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--ht-border);border-radius:var(--ht-radius-full);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:var(--ht-text);cursor:pointer}.help-panel-close:hover,.help-panel-close:focus-visible{background:var(--ht-surface-muted);outline:2px solid var(--ht-primary);outline-offset:1px}.help-panel-body{display:flex;flex-direction:column;gap:var(--ht-space-3);overflow-y:auto;flex:1 1 auto;padding-right:var(--ht-space-1)}.help-panel-intro{margin:0;color:var(--ht-text-muted);font-size:var(--ht-fs-base);line-height:var(--ht-line-normal)}.help-panel-sections{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ht-space-2)}.help-panel-section{padding:var(--ht-space-2) var(--ht-space-3);background:var(--ht-bg);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);display:flex;flex-direction:column;gap:var(--ht-space-1)}.help-panel-section-heading{margin:0;font-size:var(--ht-fs-base);font-weight:var(--ht-fw-medium);color:var(--ht-text)}.help-panel-section-body{margin:0;color:var(--ht-text);font-size:var(--ht-fs-sm);line-height:var(--ht-line-normal)}.help-panel-tipps{padding:var(--ht-space-3);background:var(--ht-info-bg);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);display:flex;flex-direction:column;gap:var(--ht-space-1)}.help-panel-tipps-title{margin:0;font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-bold);color:var(--ht-info)}.help-panel-tipps-list{list-style:disc;padding-left:var(--ht-space-5);margin:0;display:flex;flex-direction:column;gap:var(--ht-space-1)}.help-panel-tipp{color:var(--ht-info);font-size:var(--ht-fs-sm);line-height:var(--ht-line-normal)}.help-panel-links{display:flex;flex-direction:column;gap:var(--ht-space-1)}.help-panel-link{color:var(--ht-accent);text-decoration:none;font-size:var(--ht-fs-sm);padding:var(--ht-space-2) var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-sm);background:var(--ht-bg)}.help-panel-link:hover,.help-panel-link:focus-visible{background:var(--ht-surface-muted);outline:2px solid var(--ht-accent);outline-offset:1px}.help-panel-footer{display:flex;justify-content:flex-end;padding-top:var(--ht-space-1)}.help-panel-close-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--ht-space-2) var(--ht-space-4);border-radius:var(--ht-radius-sm);border:1px solid var(--ht-primary);background:var(--ht-primary);color:var(--ht-primary-text);font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);cursor:pointer}.help-panel-close-button:hover,.help-panel-close-button:focus-visible{background:var(--ht-primary-hover);outline:2px solid var(--ht-primary);outline-offset:1px}.login-inline-help{margin-top:var(--ht-space-3);padding:var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-surface);display:flex;flex-direction:column;gap:var(--ht-space-1)}.login-inline-help-title{margin:0;font-size:var(--ht-fs-sm);font-weight:var(--ht-fw-medium);color:var(--ht-text)}.login-inline-help-body{margin:0;color:var(--ht-text-muted);font-size:var(--ht-fs-sm);line-height:var(--ht-line-normal)}.onboarding-card-help-action{display:flex;justify-content:flex-end;margin-top:var(--ht-space-2)}.onboarding-card-header{display:flex;flex-direction:column;gap:var(--ht-space-1)}.onboarding-card-header>.onboarding-card-help-action{align-self:flex-end}.task-create-page,.task-edit-page,.task-detail-page{display:flex;flex-direction:column;gap:var(--ht-space-3);padding:var(--ht-space-3) var(--ht-space-4) var(--ht-space-6)}.task-page-header{display:grid;grid-template-columns:auto 1fr auto;gap:var(--ht-space-2);align-items:center;padding-bottom:var(--ht-space-2);border-bottom:1px solid var(--ht-border)}.task-page-title{margin:0;font-size:var(--ht-fs-lg);font-weight:var(--ht-fw-bold);text-align:center}.task-page-header-actions{display:flex;gap:var(--ht-space-2)}.task-page-help{display:flex;justify-content:flex-end}.task-form{display:flex;flex-direction:column;gap:var(--ht-space-2)}.task-form-label{font-size:var(--ht-fs-sm);color:var(--ht-text-muted);margin-top:var(--ht-space-2)}.task-form-input{min-height:44px;padding:var(--ht-space-2) var(--ht-space-3);font-size:var(--ht-fs-base);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-bg);color:var(--ht-text)}.task-form-textarea{min-height:88px;resize:vertical}.task-form-counter{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-text-muted);text-align:right}.task-form-row{display:flex;gap:var(--ht-space-3)}.task-form-col{flex:1;display:flex;flex-direction:column;gap:var(--ht-space-1)}.task-form-toggle{display:flex;align-items:center;gap:var(--ht-space-2);font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.task-form-expand{align-self:stretch;min-height:44px}.task-form-extended{display:flex;flex-direction:column;gap:var(--ht-space-2);padding:var(--ht-space-3);background:var(--ht-surface-muted);border-radius:var(--ht-radius-md)}.task-form-fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ht-space-2)}.task-form-chip-row,.task-form-helper-row{display:flex;flex-wrap:wrap;gap:var(--ht-space-2)}.task-form-radio-row{display:flex;flex-direction:column;gap:var(--ht-space-1)}.task-form-radio,.task-form-check{display:flex;align-items:center;gap:var(--ht-space-2);min-height:44px;padding:var(--ht-space-2) var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-surface);font-size:var(--ht-fs-base);cursor:pointer}.task-form-radio--selected,.task-form-check--selected{border-color:var(--ht-primary);background:var(--ht-primary-container)}.task-form-empty{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.task-form-feedback{margin:var(--ht-space-2) 0 0;padding:var(--ht-space-2) var(--ht-space-3);border-radius:var(--ht-radius-md);font-size:var(--ht-fs-sm)}.task-form-feedback--error{background:var(--ht-danger-bg);color:var(--ht-danger)}.task-form-feedback--info{background:var(--ht-info-bg);color:var(--ht-info)}.chip--selected{border-color:var(--ht-primary);background:var(--ht-primary-container);color:var(--ht-text)}.task-form-divider{margin:var(--ht-space-4) 0;border:none;border-top:1px solid var(--ht-border)}.task-archive-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.task-archive-dialog{background:var(--ht-surface);border-radius:var(--ht-radius-lg);padding:var(--ht-space-4);width:min(420px,calc(100vw - var(--ht-space-6)));display:flex;flex-direction:column;gap:var(--ht-space-3)}.task-archive-title{margin:0;font-size:var(--ht-fs-md);font-weight:var(--ht-fw-bold)}.task-archive-body{margin:0;font-size:var(--ht-fs-base);color:var(--ht-text)}.task-archive-actions{display:flex;justify-content:flex-end;gap:var(--ht-space-2)}.task-detail-body{display:flex;flex-direction:column;gap:var(--ht-space-4)}.task-detail-title{margin:0;font-size:var(--ht-fs-xl);font-weight:var(--ht-fw-bold)}.task-detail-meta{display:flex;flex-wrap:wrap;gap:var(--ht-space-2)}.task-status-badge,.task-priority-badge,.task-visibility-badge{padding:var(--ht-space-1) var(--ht-space-3);border-radius:var(--ht-radius-full);font-size:var(--ht-fs-sm);border:1px solid var(--ht-border);background:var(--ht-surface-muted)}.task-detail-status-toggle{display:flex;flex-wrap:wrap;gap:var(--ht-space-2);align-items:center}.task-detail-label{font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.task-detail-section{padding:var(--ht-space-3);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);background:var(--ht-surface)}.task-detail-section-title{margin:0 0 var(--ht-space-1);font-size:var(--ht-fs-md);font-weight:var(--ht-fw-semibold)}.task-detail-description-text{margin:0;font-size:var(--ht-fs-base);line-height:var(--ht-line-normal);white-space:pre-wrap}.task-detail-placeholder{margin:0;font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ht-overlay-scrim, rgba(0, 0, 0, .45));z-index:1000;display:flex;align-items:flex-end;justify-content:center}@media (min-width: 768px){.sheet-backdrop{align-items:center}}.sheet{background:var(--ht-bg);width:100%;max-width:480px;max-height:90vh;border-top-left-radius:var(--ht-radius-lg);border-top-right-radius:var(--ht-radius-lg);display:flex;flex-direction:column;overflow:hidden}@media (min-width: 768px){.sheet{border-radius:var(--ht-radius-lg);max-height:80vh}}.sheet--sm{max-width:360px}.sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--ht-space-md);border-bottom:1px solid var(--ht-border-muted)}.sheet__title{margin:0;font-size:var(--ht-fs-md);font-weight:600}.sheet__close{background:transparent;border:0;cursor:pointer;font-size:1rem;color:var(--ht-text-muted);padding:4px 8px}.sheet__body{padding:var(--ht-space-md);overflow-y:auto;flex:1 1 auto}.sheet__empty{margin:0;color:var(--ht-text-muted);font-size:var(--ht-fs-sm)}.sheet__footer{display:flex;gap:var(--ht-space-sm);justify-content:flex-end;padding:var(--ht-space-md);border-top:1px solid var(--ht-border-muted)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--ht-radius-md);font:inherit;cursor:pointer;border:1px solid transparent;transition:background-color .15s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn--primary{background:var(--ht-color-primary);color:var(--ht-color-on-primary);border-color:var(--ht-color-primary)}.btn--primary:hover:not(:disabled){background:var(--ht-color-primary-strong)}.btn--secondary{background:transparent;color:var(--ht-text);border-color:var(--ht-border)}.btn--secondary:hover:not(:disabled){background:var(--ht-bg-muted)}.user-picker-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.user-picker-list__item{margin:0}.user-picker-list__row{display:flex;align-items:center;gap:var(--ht-space-sm);width:100%;padding:8px 10px;border-radius:var(--ht-radius-md);cursor:pointer;background:transparent;border:1px solid transparent;text-align:left;font:inherit;color:inherit}.user-picker-list__row:hover{background:var(--ht-bg-muted)}.user-picker-list__row--active{background:var(--ht-bg-muted);border-color:var(--ht-color-primary)}.user-picker-list__text{display:flex;flex-direction:column}.user-picker-list__name{font-weight:500}.user-picker-list__secondary{font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.assignee-picker{display:flex;flex-direction:column;gap:4px}.assignee-picker__label{font-size:var(--ht-fs-sm);color:var(--ht-text-muted)}.assignee-picker__trigger{width:100%;justify-content:flex-start}.audit-log{margin-top:var(--ht-space-lg);display:flex;flex-direction:column;gap:8px}.audit-log__title{margin:0;font-size:var(--ht-fs-md);font-weight:600}.audit-log__entry{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--ht-radius-md);background:var(--ht-bg-muted)}.audit-log__entry-head{display:flex;justify-content:space-between;font-size:var(--ht-fs-sm)}.audit-log__action{font-weight:600}.audit-log__time{color:var(--ht-text-muted)}.audit-log__more{align-self:flex-start;background:transparent;border:0;color:var(--ht-color-primary);cursor:pointer;font:inherit;padding:4px 0}.task-detail-assignee-row{display:flex;flex-wrap:wrap;gap:var(--ht-space-2);align-items:center;margin:0}.task-people-list{display:flex;flex-wrap:wrap;gap:var(--ht-space-1);margin:0 0 var(--ht-space-2);padding:0;list-style:none}.task-people-pill{display:inline-flex;align-items:center;gap:var(--ht-space-1);padding:4px 10px;background:var(--ht-surface-2);border:1px solid var(--ht-border);border-radius:999px;font-size:var(--ht-fs-sm)}.task-people-pill__remove{background:transparent;border:0;color:var(--ht-text-muted);cursor:pointer;font:inherit;font-weight:600;padding:0 4px;border-radius:4px}.task-people-pill__remove:hover:not(:disabled){background:var(--ht-bg-danger);color:var(--ht-color-danger)}.task-people-pill__remove:disabled{opacity:.5;cursor:not-allowed}.task-visibility-options{display:flex;flex-direction:column;gap:var(--ht-space-2);margin:var(--ht-space-2) 0}.task-visibility-option{display:flex;flex-direction:column;gap:2px;padding:var(--ht-space-2);border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);cursor:pointer;background:var(--ht-surface-2)}.task-visibility-option input[type=radio]{align-self:flex-start}.task-visibility-option__label{font-weight:600;font-size:var(--ht-fs-base)}.task-visibility-option__hint{color:var(--ht-text-muted);font-size:var(--ht-fs-sm)}.task-visibility-option--disabled{opacity:.5;cursor:not-allowed}.task-visibility-selected-picker{border:1px solid var(--ht-border);border-radius:var(--ht-radius-md);padding:var(--ht-space-2);margin:var(--ht-space-2) 0}.task-visibility-selected-picker select{width:100%}