:root{--farbe-primaer: #1462d9;--farbe-primaer-dunkel: #0f4fb3;--farbe-sonne: #f2b12e;--farbe-seitenleiste: #1c2536;--farbe-seitenleiste-aktiv: #2a3650;--farbe-erfolg: #00c875;--farbe-warnung: #fdab3d;--farbe-gefahr: #df2f4a;--farbe-info: #579bfc;--farbe-hintergrund: #f4f6f9;--farbe-flaeche: #ffffff;--farbe-linie: #e3e7ee;--farbe-text: #24303f;--farbe-text-schwach: #6b7787;--radius: 8px;--radius-klein: 6px;--schatten: 0 1px 3px rgba(20, 30, 50, .08), 0 1px 2px rgba(20, 30, 50, .04);--schatten-schwebend: 0 8px 28px rgba(20, 30, 50, .16);--schrift: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--schrift);color:var(--farbe-text);background:var(--farbe-hintergrund);font-size:14px}h1,h2,h3,h4{margin:0;font-weight:650}a{color:var(--farbe-primaer);text-decoration:none}a:hover{text-decoration:underline}.lade-anzeige{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--farbe-text-schwach);font-size:16px}.app-layout{display:flex;min-height:100vh}.seitenleiste{width:220px;flex-shrink:0;background:var(--farbe-seitenleiste);color:#ccd6e4;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.seitenleiste-logo{display:flex;align-items:center;gap:10px;padding:18px 16px 14px;color:#fff;font-size:17px;font-weight:700;letter-spacing:.2px}.seitenleiste-logo .sonne{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd66b,var(--farbe-sonne) 70%);box-shadow:0 0 12px #f2b12e8c}.seitenleiste-logo small{display:block;font-size:10px;font-weight:500;color:#8fa0b8;letter-spacing:1.5px}.seitenleiste nav{flex:1;padding:6px 8px;overflow-y:auto}.nav-eintrag{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:2px 0;border-radius:var(--radius-klein);color:#ccd6e4;font-weight:500}.nav-eintrag:hover{background:#ffffff0f;text-decoration:none}.nav-eintrag.aktiv{background:var(--farbe-seitenleiste-aktiv);color:#fff}.nav-eintrag.aktiv .nav-symbol{color:var(--farbe-sonne)}.nav-symbol{width:20px;text-align:center;font-size:15px}.nav-trenner{margin:12px 12px 4px;font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#74849c}.hauptbereich{flex:1;min-width:0;display:flex;flex-direction:column}.kopfzeile{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--farbe-flaeche);border-bottom:1px solid var(--farbe-linie);position:sticky;top:0;z-index:20}.kopfzeile h1{font-size:18px}.inhalt{padding:20px 24px 40px}.mitarbeiter-auswahl{display:flex;align-items:center;gap:10px}.mitarbeiter-auswahl select{max-width:200px}.karte{background:var(--farbe-flaeche);border:1px solid var(--farbe-linie);border-radius:var(--radius);box-shadow:var(--schatten);padding:16px}.karten-titel{font-size:13px;font-weight:650;color:var(--farbe-text-schwach);text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px}.knopf{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--farbe-linie);background:var(--farbe-flaeche);color:var(--farbe-text);border-radius:var(--radius-klein);padding:7px 14px;font-size:13.5px;font-weight:550;font-family:var(--schrift);cursor:pointer;transition:background .12s,border-color .12s,box-shadow .12s;white-space:nowrap}.knopf:hover{background:#f6f8fb;border-color:#cdd5e0}.knopf:disabled{opacity:.5;cursor:not-allowed}.knopf-primaer{background:var(--farbe-primaer);border-color:var(--farbe-primaer);color:#fff}.knopf-primaer:hover{background:var(--farbe-primaer-dunkel);border-color:var(--farbe-primaer-dunkel)}.knopf-gefahr{color:var(--farbe-gefahr);border-color:#f3c3cb}.knopf-gefahr:hover{background:#fdf1f3;border-color:var(--farbe-gefahr)}.knopf-klein{padding:4px 10px;font-size:12.5px}.chip{display:inline-flex;align-items:center;justify-content:center;padding:3px 10px;border-radius:4px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap;line-height:1.5}.chip-klickbar{cursor:pointer;border:none;font-family:var(--schrift)}.chip-klickbar:hover{filter:brightness(.92)}.chip-auswahl{appearance:none;-webkit-appearance:none;border:none;cursor:pointer;font-family:var(--schrift);padding-right:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='white'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 8px center!important}.chip-auswahl:hover{filter:brightness(.94)}.chip-auswahl option{color:var(--farbe-text);background:#fff;font-weight:500}.abzeichen{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:#eef2f8;color:var(--farbe-text-schwach);white-space:nowrap}.avatar{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.eingabe,.auswahl,.textbereich{width:100%;border:1px solid var(--farbe-linie);border-radius:var(--radius-klein);padding:8px 10px;font-size:13.5px;font-family:var(--schrift);color:var(--farbe-text);background:var(--farbe-flaeche)}.eingabe:focus,.auswahl:focus,.textbereich:focus{outline:none;border-color:var(--farbe-primaer);box-shadow:0 0 0 3px #1462d91f}.textbereich{resize:vertical;min-height:70px}.formular-raster{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px}.formular-raster .volle-breite{grid-column:1 / -1}.feld label,.feld-label{display:block;font-size:12px;font-weight:600;color:var(--farbe-text-schwach);margin-bottom:4px}.tabelle-umbruch{overflow-x:auto}.tabelle{width:100%;border-collapse:collapse;background:var(--farbe-flaeche)}.tabelle th{text-align:left;font-size:11.5px;font-weight:650;text-transform:uppercase;letter-spacing:.5px;color:var(--farbe-text-schwach);padding:10px 12px;border-bottom:2px solid var(--farbe-linie);white-space:nowrap}.tabelle td{padding:10px 12px;border-bottom:1px solid var(--farbe-linie);vertical-align:middle}.tabelle tbody tr:hover{background:#f8fafd}.tabelle .zeile-klickbar{cursor:pointer}.kennzahlen-reihe{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.kennzahl-kachel{padding:16px}.kennzahl-wert{font-size:26px;font-weight:750;letter-spacing:-.4px;margin-top:4px}.kennzahl-zusatz{font-size:12px;color:var(--farbe-text-schwach);margin-top:4px}.kanban{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:12px}.kanban-spalte{width:265px;flex-shrink:0;background:#eceff4;border-radius:var(--radius);display:flex;flex-direction:column;max-height:calc(100vh - 210px)}.kanban-spalte.ziel-aktiv{outline:2px dashed var(--farbe-primaer);outline-offset:-2px}.kanban-spalten-kopf{padding:10px 12px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:3px solid transparent;border-radius:var(--radius) var(--radius) 0 0}.kanban-spalten-titel{font-size:13px;font-weight:700}.kanban-spalten-summe{font-size:11.5px;color:var(--farbe-text-schwach);white-space:nowrap}.kanban-karten{padding:4px 8px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.kanban-karte{background:var(--farbe-flaeche);border:1px solid var(--farbe-linie);border-radius:var(--radius-klein);box-shadow:var(--schatten);padding:10px 12px;cursor:grab}.kanban-karte:active{cursor:grabbing}.kanban-karte .karte-kunde{font-weight:650;font-size:13.5px}.kanban-karte .karte-titel{font-size:12.5px;color:var(--farbe-text-schwach);margin-top:2px}.kanban-karte .karte-fuss{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:8px}.kanban-karte .karte-wert{font-weight:700;font-size:13px}.zeitleiste{position:relative;padding-left:24px}.zeitleiste:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--farbe-linie)}.zeitleisten-eintrag{position:relative;padding:0 0 18px}.zeitleisten-punkt{position:absolute;left:-24px;top:3px;width:16px;height:16px;border-radius:50%;border:3px solid var(--farbe-flaeche);box-shadow:0 0 0 1px var(--farbe-linie)}.zeitleisten-kopf{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.zeitleisten-titel{font-weight:600;font-size:13.5px}.zeitleisten-zeit{font-size:12px;color:var(--farbe-text-schwach);white-space:nowrap}.zeitleisten-text{margin-top:4px;font-size:13px;color:var(--farbe-text);background:#f7f9fc;border:1px solid var(--farbe-linie);border-radius:var(--radius-klein);padding:8px 10px;white-space:pre-wrap}.zeitleisten-meta{margin-top:3px;font-size:12px;color:var(--farbe-text-schwach)}.modal-hintergrund{position:fixed;inset:0;z-index:100;background:#0f172673;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;overflow-y:auto}.modal{background:var(--farbe-flaeche);border-radius:12px;box-shadow:var(--schatten-schwebend);width:100%;max-width:640px;padding:20px 22px}.modal-breit{max-width:860px}.modal-kopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-kopf h2{font-size:17px}.modal-schliessen{border:none;background:none;font-size:20px;cursor:pointer;color:var(--farbe-text-schwach);padding:4px 8px;border-radius:6px}.modal-schliessen:hover{background:#f0f3f7}.modal-fuss{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.leer-hinweis{text-align:center;color:var(--farbe-text-schwach);padding:32px 16px;font-size:13.5px}.zeile{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.zeile-zwischen{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.abstand-oben{margin-top:16px}.abstand-oben-klein{margin-top:8px}.text-schwach{color:var(--farbe-text-schwach)}.text-klein{font-size:12px}.text-rechts{text-align:right}.fett{font-weight:650}.ueberfaellig{color:var(--farbe-gefahr);font-weight:650}.tab-leiste{display:flex;gap:4px;border-bottom:2px solid var(--farbe-linie);margin-bottom:16px}.tab{border:none;background:none;font-family:var(--schrift);padding:8px 14px;font-size:13.5px;font-weight:600;color:var(--farbe-text-schwach);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px}.tab:hover{color:var(--farbe-text)}.tab.aktiv{color:var(--farbe-primaer);border-bottom-color:var(--farbe-primaer)}.suche-behaelter{position:relative;flex:1;max-width:460px;margin:0 12px}.suche-feld{width:100%}.suche-panel{left:0;right:auto;width:100%;min-width:340px}.suche-abschnitt{padding:8px 14px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--farbe-text-schwach)}@media(max-width:900px){.suche-behaelter{display:none}}.verkaeufer-leiste{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:14px}.verkaeufer-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--farbe-linie);background:var(--farbe-flaeche);color:var(--farbe-text);border-radius:999px;padding:5px 13px 5px 6px;font-size:13px;font-weight:600;font-family:var(--schrift);cursor:pointer}.verkaeufer-chip:first-child{padding-left:13px}.verkaeufer-chip:hover{border-color:#cdd5e0;background:#f6f8fb}.verkaeufer-chip.aktiv{background:var(--farbe-primaer);border-color:var(--farbe-primaer);color:#fff}.glocke-behaelter{position:relative}.glocke-knopf{border:1px solid var(--farbe-linie);background:var(--farbe-flaeche);border-radius:50%;width:34px;height:34px;font-size:15px;cursor:pointer;position:relative}.glocke-knopf:hover{background:#f6f8fb}.glocke-abzeichen{position:absolute;top:-5px;right:-6px;background:var(--farbe-gefahr);color:#fff;border-radius:999px;font-size:10px;font-weight:700;min-width:17px;height:17px;line-height:17px;padding:0 4px}.glocke-panel{position:absolute;right:0;top:42px;z-index:60;width:360px;max-width:86vw;background:var(--farbe-flaeche);border:1px solid var(--farbe-linie);border-radius:var(--radius);box-shadow:var(--schatten-schwebend)}.glocke-liste{max-height:420px;overflow-y:auto}.glocke-eintrag{display:block;width:100%;text-align:left;border:none;background:none;font-family:var(--schrift);padding:10px 14px;border-bottom:1px solid var(--farbe-linie);cursor:pointer;color:var(--farbe-text)}.glocke-eintrag:hover{background:#f6f8fb}.glocke-eintrag.ungelesen{background:#eef4ff}.glocke-eintrag.ungelesen:hover{background:#e4eefe}.fehler-meldung{background:#fdf1f3;border:1px solid #f3c3cb;color:#a61b32;border-radius:var(--radius-klein);padding:10px 12px;font-size:13px;margin-bottom:12px}.duplikat-warnung{background:#fff7e6;border:1px solid #f2d49b;color:#7a5b12;border-radius:var(--radius-klein);padding:10px 12px;font-size:13px;margin-bottom:12px}.balken-zeile{display:grid;grid-template-columns:150px 1fr 130px;gap:10px;align-items:center;padding:5px 0}.balken-schiene{background:#eef1f6;border-radius:999px;height:14px;overflow:hidden}.balken-fuellung{height:100%;border-radius:999px;min-width:2px}@media(max-width:900px){.seitenleiste{width:64px}.seitenleiste-logo span,.nav-eintrag .nav-text,.nav-trenner{display:none}.formular-raster{grid-template-columns:1fr}}.anmelde-hintergrund{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0b2a4a,#12395f 55%,#0e5c46);padding:24px}.anmelde-karte{width:100%;max-width:380px;padding:26px 26px 18px}.anmelde-karte .feld label{font-size:12.5px}.anmelde-karte .seitenleiste-logo{color:var(--farbe-text)}.toast-stapel{position:fixed;left:50%;bottom:22px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:60;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;background:#1c2536;color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 8px 24px #00000040;font-size:13.5px;max-width:520px}.toast-knopf{background:none;border:none;color:#ffd66b;font-weight:700;cursor:pointer;font-family:inherit;font-size:13.5px;padding:0}.toast-schliessen{background:none;border:none;color:#8fa0b8;cursor:pointer;font-size:13px;padding:0 0 0 4px}.tour-karte{max-width:520px}.tour-fortschritt{display:flex;gap:5px;margin:14px 0 4px}.tour-fortschritt span{flex:1;height:4px;border-radius:99px;background:var(--farbe-linie)}.tour-fortschritt span.aktiv{background:#0073ea}.kommentar-eingabe{display:flex;gap:8px;align-items:flex-start;margin-bottom:14px}.kommentar-eingabe textarea{flex:1;min-height:44px}.zeitleisten-eintrag[data-typ=kommentar] .zeitleisten-titel{background:#f0edff;border:1px solid #d9d0ff;border-radius:10px;padding:6px 10px;font-weight:500;white-space:pre-wrap}.spaltenwahl{position:relative}.spaltenwahl-liste{position:absolute;right:0;top:calc(100% + 6px);z-index:30;background:var(--farbe-flaeche, #fff);border:1px solid var(--farbe-linie);border-radius:8px;box-shadow:0 8px 24px #141e3226;padding:8px 10px;min-width:190px;display:flex;flex-direction:column;gap:4px;font-size:13px}.spaltenwahl-liste label{display:flex;gap:8px;align-items:center;cursor:pointer}.tabelle th.sortierbar{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.tabelle th.sortierbar:hover{color:#0073ea}.tabellen-fuss{padding:8px 12px;font-size:12.5px;color:var(--farbe-text-schwach, #6b7787);border-top:1px solid var(--farbe-linie)}.nur-verwaltung{display:none!important}.rueckweg-haupt-app{display:flex;align-items:center;gap:8px;margin:0 8px 6px;padding:7px 12px;border-radius:var(--radius-klein);border:1px solid rgba(255,255,255,.12);color:#ccd6e4;font-size:12.5px;font-weight:600}.rueckweg-haupt-app:hover{background:#ffffff0f;text-decoration:none;color:#fff}.hinweis-nicht-angebunden{margin:12px 24px 0;padding:8px 12px;border-radius:var(--radius-klein);border:1px solid var(--farbe-warnung);background:#fff7eb;color:var(--farbe-text);font-size:12.5px}.hinweis-nicht-angebunden summary{cursor:pointer;font-weight:600}.hinweis-nicht-angebunden ul{margin:6px 0 0 18px;padding:0}