:root{--farbe-primaer:#5b4bdb;--farbe-primaer-text:#fff;--farbe-knopf-text:#fff;--farbe-primaer-leise:#efecff;--verlauf-primaer:linear-gradient(135deg, #6d5dfc 0%, #7fa8ff 100%);--verlauf-primaer-kontrast:linear-gradient(#211a5066, #211a5066), var(--verlauf-primaer);--verlauf-kachel:linear-gradient(135deg, #ece8ff 0%, #e3edff 55%, #dbf0ff 100%);--verlauf-kachel-dezent:linear-gradient(135deg, #f4f1ff 0%, #edf4ff 100%);--verlauf-navigation:linear-gradient(135deg, #f1edff 0%, #e5f1ff 100%);--verlauf-filter-aktiv:linear-gradient(135deg, #5142c2 0%, #3f5fa8 100%);--farbe-filter-aktiv-text:#fff;--verlauf-projekte:linear-gradient(135deg, #e8e5ff 0%, #dbeafe 100%);--verlauf-berichte:linear-gradient(135deg, #ece8ff 0%, #dcecff 100%);--verlauf-aufgaben:linear-gradient(135deg, #e8e5ff 0%, #dcfce7 100%);--verlauf-maengel:linear-gradient(135deg, #f3e8ff 0%, #ffe4ec 100%);--verlauf-zeiten:linear-gradient(135deg, #ede9ff 0%, #ffedd5 100%);--verlauf-nachtraege:linear-gradient(135deg, #eee8ff 0%, #fef3c7 100%);--verlauf-dokumente:linear-gradient(135deg, #e9e7ff 0%, #d9f5f5 100%);--verlauf-mitarbeiter:linear-gradient(135deg, #eee7ff 0%, #f8e8ff 100%);--farbe-text:#221f33;--farbe-text-leise:#5f5a70;--farbe-text-gedaempft:var(--farbe-text-leise);--farbe-hintergrund:#f8f8fc;--farbe-seitenhintergrund:var(--farbe-hintergrund);--farbe-eingabe:#fff;--farbe-eingabe-rand:#7568cf;--farbe-flaeche:var(--verlauf-kachel);--farbe-karte:var(--verlauf-kachel);--farbe-hintergrund-karte:var(--farbe-karte);--farbe-aktionsflaeche:var(--verlauf-kachel-dezent);--farbe-rand:#cbc4e3;--radius-karte:18px;--radius-feld:12px;--schatten-karte:0 8px 24px #4136821f;--projekte-flaeche:var(--verlauf-projekte);--projekte-symbol:#2563eb;--berichte-flaeche:var(--verlauf-berichte);--berichte-symbol:#5b4bdb;--aufgaben-flaeche:var(--verlauf-aufgaben);--aufgaben-symbol:#15803d;--maengel-flaeche:var(--verlauf-maengel);--maengel-symbol:#be123c;--zeiten-flaeche:var(--verlauf-zeiten);--zeiten-symbol:#c2410c;--nachtraege-flaeche:var(--verlauf-nachtraege);--nachtraege-symbol:#a16207;--dokumente-flaeche:var(--verlauf-dokumente);--dokumente-symbol:#0f766e;--mitarbeiter-flaeche:var(--verlauf-mitarbeiter);--mitarbeiter-symbol:#a21caf;--farbe-unsicher:#92400e;--farbe-kritisch:#b91c1c;--farbe-ok:#15803d;color:var(--farbe-text);background:var(--farbe-hintergrund);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}@media (prefers-color-scheme:dark){:root{--farbe-text:#f7f5ff;--farbe-text-leise:#c6c0d8;--farbe-hintergrund:#14121f;--verlauf-kachel:linear-gradient(135deg, #221d3d 0%, #1b233d 55%, #16263d 100%);--verlauf-kachel-dezent:linear-gradient(135deg, #211d35 0%, #192538 100%);--verlauf-navigation:linear-gradient(135deg, #282140 0%, #192b42 100%);--verlauf-filter-aktiv:linear-gradient(135deg, #c4bbff 0%, #9fc8ff 100%);--farbe-filter-aktiv-text:#181329;--verlauf-projekte:linear-gradient(135deg, #242044 0%, #183052 100%);--verlauf-berichte:linear-gradient(135deg, #292047 0%, #1c2a48 100%);--verlauf-aufgaben:linear-gradient(135deg, #282044 0%, #173c35 100%);--verlauf-maengel:linear-gradient(135deg, #302044 0%, #442133 100%);--verlauf-zeiten:linear-gradient(135deg, #292143 0%, #432d20 100%);--verlauf-nachtraege:linear-gradient(135deg, #2a2144 0%, #3d3520 100%);--verlauf-dokumente:linear-gradient(135deg, #272144 0%, #17383d 100%);--verlauf-mitarbeiter:linear-gradient(135deg, #2a2045 0%, #3b2143 100%);--farbe-eingabe:#181625;--farbe-eingabe-rand:#8f82d2;--farbe-rand:#49435f;--farbe-primaer:#a99dff;--farbe-primaer-text:#181329;--farbe-knopf-text:#fff;--farbe-primaer-leise:#2b2647;--schatten-karte:0 10px 28px #00000047;--projekte-flaeche:#2563eb33;--projekte-symbol:#93c5fd;--berichte-flaeche:#5b4bdb38;--berichte-symbol:#b9b0ff;--aufgaben-flaeche:#15803d38;--aufgaben-symbol:#86efac;--maengel-flaeche:#be123c38;--maengel-symbol:#fda4af;--zeiten-flaeche:#c2410c38;--zeiten-symbol:#fdba74;--nachtraege-flaeche:#a162073d;--nachtraege-symbol:#fde68a;--dokumente-flaeche:#0f766e3d;--dokumente-symbol:#5eead4;--mitarbeiter-flaeche:#a21caf38;--mitarbeiter-symbol:#f0abfc;--farbe-unsicher:#fbbf24;--farbe-kritisch:#fda4af;--farbe-ok:#86efac}}*{box-sizing:border-box}body{overflow-wrap:anywhere;background:var(--farbe-hintergrund);min-height:100dvh;margin:0}main{max-width:60rem;margin:0 auto;padding:1.5rem 1rem 2.5rem}h1,h2,h3{line-height:1.2}a{color:var(--farbe-primaer)}button,.taste{border:1px solid var(--farbe-rand);background:var(--farbe-karte);min-width:48px;min-height:48px;color:var(--farbe-text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 1rem;font-size:1rem;text-decoration:none;display:inline-flex}button.primaer,.taste.primaer,.btn-primary,.knopf{background:var(--verlauf-primaer-kontrast);color:var(--farbe-knopf-text);border-color:#0000;font-weight:600;box-shadow:0 4px 12px #5b4bdb33}button:focus-visible,.taste:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--farbe-primaer);outline-offset:2px}form.formular{gap:1rem;max-width:24rem;display:grid}label.feld{gap:.25rem;font-weight:600;display:grid}label.feld input,label.feld select,input,select,textarea{border-radius:var(--radius-feld);min-height:48px;color:var(--farbe-text);padding:0 .75rem;font-size:1rem;border:1px solid var(--farbe-eingabe-rand)!important;background:var(--farbe-eingabe)!important}.hinweis{color:var(--farbe-text-leise);font-size:.9rem}.fehler{color:var(--farbe-kritisch);font-weight:600}.erfolg{color:var(--farbe-ok);font-weight:600}.karte{background:var(--farbe-karte);border-radius:var(--radius-karte);box-shadow:var(--schatten-karte);border:1px solid #ffffff94}.karte-hero{background:var(--verlauf-primaer-kontrast);color:#fff;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 12px 32px #5b4bdb38}.fortschritt{background:var(--farbe-primaer-leise);border-radius:999px;height:7px;overflow:hidden}.fortschritt>span{border-radius:inherit;background:var(--verlauf-primaer);height:100%;display:block}.chip{background:var(--verlauf-kachel);min-height:36px;color:var(--farbe-primaer);border:0;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .75rem;font-size:.875rem;font-weight:650;display:inline-flex}.chip.aktiv,.chips .aktiv,.tab-btn.aktiv{background:var(--verlauf-filter-aktiv);color:var(--farbe-filter-aktiv-text);border-color:#0000}:where(.kachel,.kennzahl-karte,.projekt-karte,.bericht-karte,.tag-karte,.stempeluhr-karte,.details-karte,.aktionen-karte,.beleg-karte,.metrik-karte,.mandant-karte,.verbrauchs-karte,.provider-kachel,.foto-kachel,.plan-kachel,.doc-card,.upload-card,.gast-karte,.rueckmeldung-karte,.sektion-karte,.verlauf-karte,.feststellung-item,.foto-eintrag,.version-item,.info-kasten,.karten-block,.tabelle-behaelter,.impersonate-formular,.push,.einladung,.freigaben-block,.aktionen,.block,.formular-box,.suche-box,.tabelle-box,.modal-box,dialog){box-shadow:var(--schatten-karte);border-color:#ffffff94;background:var(--verlauf-kachel)!important}.flaeche-projekte{background:var(--verlauf-projekte)!important}.flaeche-berichte{background:var(--verlauf-berichte)!important}.flaeche-aufgaben{background:var(--verlauf-aufgaben)!important}.flaeche-maengel{background:var(--verlauf-maengel)!important}.flaeche-zeiten{background:var(--verlauf-zeiten)!important}.flaeche-nachtraege{background:var(--verlauf-nachtraege)!important}.flaeche-dokumente{background:var(--verlauf-dokumente)!important}.flaeche-mitarbeiter{background:var(--verlauf-mitarbeiter)!important}@media (prefers-color-scheme:dark){.karte,:where(.kachel,.kennzahl-karte,.projekt-karte,.bericht-karte,.tag-karte,.stempeluhr-karte,.details-karte,.aktionen-karte,.beleg-karte,.metrik-karte,.mandant-karte,.verbrauchs-karte,.provider-kachel,.foto-kachel,.plan-kachel,.doc-card,.upload-card,.gast-karte,.rueckmeldung-karte,.sektion-karte,.verlauf-karte,.feststellung-item,.foto-eintrag,.version-item,.info-kasten,.karten-block,.tabelle-behaelter,.impersonate-formular,.push,.einladung,.freigaben-block,.aktionen,.block,.formular-box,.suche-box,.tabelle-box,.modal-box,dialog){border-color:#a99dff38}}.symbol-chip{background:var(--berichte-flaeche);width:46px;height:46px;color:var(--berichte-symbol);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.symbol-chip[data-bereich=projekte]{background:var(--projekte-flaeche);color:var(--projekte-symbol)}.symbol-chip[data-bereich=aufgaben]{background:var(--aufgaben-flaeche);color:var(--aufgaben-symbol)}.symbol-chip[data-bereich=maengel]{background:var(--maengel-flaeche);color:var(--maengel-symbol)}.symbol-chip[data-bereich=zeiten]{background:var(--zeiten-flaeche);color:var(--zeiten-symbol)}.symbol-chip[data-bereich=nachtraege]{background:var(--nachtraege-flaeche);color:var(--nachtraege-symbol)}.symbol-chip[data-bereich=dokumente]{background:var(--dokumente-flaeche);color:var(--dokumente-symbol)}.symbol-chip[data-bereich=mitarbeiter]{background:var(--mitarbeiter-flaeche);color:var(--mitarbeiter-symbol)}.status-chip{background:var(--berichte-flaeche);width:fit-content;color:var(--berichte-symbol);border-radius:999px;align-items:center;padding:.22rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.status-chip.ok{background:var(--aufgaben-flaeche);color:var(--aufgaben-symbol)}.status-chip.unsicher{background:var(--nachtraege-flaeche);color:var(--farbe-unsicher)}.status-chip.kritisch{background:var(--maengel-flaeche);color:var(--maengel-symbol)}@media (width<=760px){main{padding:1rem 1rem calc(7rem + env(safe-area-inset-bottom))!important}main .abschicken{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}}