.btn{font-family:var(--font-sans);font-weight:600;border-radius:var(--radius-m);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.btn:disabled{cursor:not-allowed;border:1px solid var(--surface-border);background:var(--color-neutral-100);color:var(--color-neutral-300)}.btn--primary{background:var(--color-green-500);color:var(--text-on-brand)}.btn--primary:hover:not(:disabled){background:var(--color-green-600)}.btn--secondary{background:var(--surface-card);color:var(--text-primary);border:1px solid var(--surface-border-strong)}.btn--secondary:hover:not(:disabled){border-color:var(--color-green-500);color:var(--color-green-600)}.btn--ghost{background:transparent;color:var(--color-green-600)}.btn--ghost:hover:not(:disabled){background:var(--color-green-50)}.btn--danger{background:var(--color-danger);color:var(--text-on-brand)}.btn--danger:hover:not(:disabled){background:var(--color-danger-fg)}.btn--sm{font-size:13px;padding:8px 14px;border-radius:var(--radius-s)}.btn--md{font-size:var(--font-size-body);padding:11px 20px}.btn--lg{font-size:17px;padding:15px 28px;border-radius:var(--radius-l)}.btn--full{width:100%}.btn--icon{width:44px;height:44px;padding:0;border-radius:var(--radius-m)}.card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-l)}.card--elevated{box-shadow:var(--shadow-card)}.card--accent{border-left:4px solid var(--color-green-500)}.badge{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;padding:6px 13px;border-radius:var(--radius-full);white-space:nowrap}.badge__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.badge--sm{font-size:10px;padding:3px 8px;gap:4px}.badge--sm .badge__dot{width:6px;height:6px}.badge--offen{background:var(--status-offen-bg);color:var(--status-offen-fg)}.badge--zugeteilt{background:var(--status-zugeteilt-bg);color:var(--status-zugeteilt-fg)}.badge--angenommen{background:var(--status-angenommen-bg);color:var(--status-angenommen-fg)}.badge--inarbeit{background:var(--status-inarbeit-bg);color:var(--status-inarbeit-fg)}.badge--abgeschlossen{background:var(--status-abgeschlossen-bg);color:var(--status-abgeschlossen-fg)}.badge--abgesagt,.badge--storniert{background:var(--status-storniert-bg);color:var(--status-storniert-fg)}.badge--entwurf{background:var(--status-offen-bg);color:var(--status-offen-fg)}.badge--wartend{background:var(--status-inarbeit-bg);color:var(--status-inarbeit-fg)}.badge--synchronisiert{background:var(--status-abgeschlossen-bg);color:var(--status-abgeschlossen-fg)}.field{display:flex;flex-direction:column}.field__label{display:block;font-size:12px;font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}.field__label--error{color:var(--color-danger)}.field__control{width:100%;height:42px;border:1px solid var(--surface-border-strong);border-radius:var(--radius-m);padding:0 var(--space-3);font-size:14px;background:var(--surface-card);color:var(--text-primary)}.field__control--error{border-color:var(--color-danger)!important;box-shadow:var(--focus-ring-danger)}textarea.field__control{height:auto;padding:11px var(--space-3);resize:vertical}.field__error{font-size:12px;color:var(--color-danger);margin-top:6px;display:flex;align-items:center;gap:5px}.checkbox{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:var(--font-size-body);-webkit-user-select:none;user-select:none}.checkbox__box{width:22px;height:22px;border-radius:var(--radius-s);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-card);border:1.5px solid var(--surface-border-strong)}.checkbox__box--checked{background:var(--color-green-500);border-color:var(--color-green-500)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:var(--text-on-brand);background:var(--color-anthrazit)}.avatar--circle{border-radius:50%}.avatar--rounded{border-radius:var(--radius-m)}.avatar--brand{background:var(--color-green-50);color:var(--color-green-600)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1e1e6b;display:flex;align-items:center;justify-content:center;z-index:50;padding:var(--space-4)}.modal{width:100%;max-width:560px;max-height:88vh;overflow-y:auto;background:var(--surface-card);border-radius:16px;box-shadow:var(--shadow-modal)}.modal__header{padding:22px 26px;border-bottom:1px solid var(--color-neutral-100);display:flex;align-items:center;justify-content:space-between}.modal__title{font-size:18px;font-weight:700}.modal__body{padding:var(--space-6) 26px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.modal__footer{padding:18px 26px;border-top:1px solid var(--color-neutral-100);display:flex;justify-content:flex-end;gap:10px}.modal__close{width:32px;height:32px;border:none;background:var(--color-neutral-100);border-radius:var(--radius-s);cursor:pointer;color:var(--text-subtle);display:inline-flex;align-items:center;justify-content:center}.empty-state{text-align:center;color:var(--color-neutral-300);font-size:var(--font-size-body);padding:var(--space-6) 0}:root{--color-brand-green: #74ac24;--color-anthrazit: #2d2d2d;--color-white: #ffffff;--color-green-50: #f1f7e6;--color-green-100: #e3efcb;--color-green-300: #c3dd8f;--color-green-500: #74ac24;--color-green-600: #5f9018;--color-green-700: #47690f;--color-neutral-50: #f8f8f7;--color-neutral-100: #f2f2f2;--color-neutral-200: #e6e6e6;--color-neutral-300: #d4d4d4;--color-neutral-500: #8a8a8a;--color-neutral-600: #6b6b6b;--color-neutral-700: #555555;--color-neutral-900: #2d2d2d;--color-info: #2f6fb0;--color-info-bg: #e7f0f8;--color-warning: #d98a00;--color-warning-fg: #b26f00;--color-warning-bg: #fbf0da;--color-success: #74ac24;--color-success-fg: #5f9018;--color-success-bg: #f1f7e6;--color-danger: #d64541;--color-danger-fg: #b8322e;--color-danger-bg: #fbe9e8;--status-offen-bg: var(--color-neutral-100);--status-offen-fg: var(--color-neutral-600);--status-offen-dot: var(--color-neutral-500);--status-zugeteilt-bg: var(--color-info-bg);--status-zugeteilt-fg: var(--color-info);--status-zugeteilt-dot: var(--color-info);--status-angenommen-bg: var(--color-green-50);--status-angenommen-fg: var(--color-green-600);--status-angenommen-dot: var(--color-green-500);--status-inarbeit-bg: var(--color-warning-bg);--status-inarbeit-fg: var(--color-warning-fg);--status-inarbeit-dot: var(--color-warning);--status-abgeschlossen-bg: var(--color-green-500);--status-abgeschlossen-fg: var(--color-white);--status-storniert-bg: var(--color-danger-bg);--status-storniert-fg: var(--color-danger-fg);--status-storniert-dot: var(--color-danger);--surface-page: var(--color-neutral-50);--surface-card: var(--color-white);--surface-border: var(--color-neutral-200);--surface-border-strong: var(--color-neutral-300);--text-primary: var(--color-anthrazit);--text-body: #3d3d3d;--text-muted: var(--color-neutral-500);--text-subtle: var(--color-neutral-600);--text-on-brand: var(--color-white);--link-color: var(--color-green-600);--link-color-hover: var(--color-green-500);--selection-bg: var(--color-green-100);--font-sans: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--font-size-display: 34px;--font-weight-display: 700;--font-size-h1: 26px;--font-weight-h1: 600;--font-size-h2: 19px;--font-weight-h2: 600;--font-size-body: 15px;--font-weight-body: 400;--font-size-label: 13px;--font-weight-label: 600;--letter-spacing-tight: -.02em;--letter-spacing-label: .06em;--radius-s: 6px;--radius-m: 9px;--radius-l: 12px;--radius-xl: 14px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--shadow-card: 0 1px 3px rgba(45, 45, 45, .1);--shadow-overlay: 0 8px 24px rgba(45, 45, 45, .14);--shadow-modal: 0 24px 60px rgba(0, 0, 0, .24);--focus-ring: 0 0 0 3px var(--color-green-50);--focus-ring-danger: 0 0 0 3px rgba(214, 69, 65, .08);--sidebar-width: 236px;--topbar-height: 68px;--tabbar-height: 72px}*{box-sizing:border-box}html,body{margin:0;padding:0}html{height:100%}body{min-height:100%;background:var(--surface-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--link-color-hover)}::selection{background:var(--selection-bg)}.mono{font-family:var(--font-mono)}input,select,textarea,button{font-family:inherit;color:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-green-500)!important;box-shadow:var(--focus-ring)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--radius-m);border:2px solid transparent;background-clip:content-box}svg{display:block}h1,h2,h3,p{margin:0}