:root{color-scheme:light;--ink: #15212e;--ink-2: #3c4956;--border: #e6eaf0;--bg: #f4f6f9;--accent: #00325b;--danger: #b23a30;--tecis-blau: #00325b;--tecis-himmel: #009ee3;--tecis-limette: #d3d800;--tecis-sand: #cbcdb9;--surface: #ffffff;--surface-2: #fbfcfd;--zebra: #e7f1fa;--zebra-line: #dbe7f2;--border-strong: #d5dce5;--ink-3: #667380;--accent-teal: #0e7c86;--accent-teal-soft: #e2f2f3;--accent-teal-line: #bfe2e4;--green-ink: #0b6e4a;--green-soft: #e5f6ee;--green-line: #bce6d2;--blue-ink: #00325b;--blue-soft: #e7edf3;--blue-line: #c2d1df;--rose-ink: #b23a30;--rose-soft: #fbecea;--rose-line: #f0ccc7;--gray-soft: #eff2f5;--gray-ink: #6e7a87;--gray-line: #e1e6ec;--lim: #d3d800;--lim-soft: #fafbda;--lim-line: #e2e66a;--lim-ink: #585a00;--rail-green: #43b488;--rail-blue: #00325b;--rail-gray: #94a3b8;--radius: 12px;--radius-sm: 8px;--r-l: 16px;--r-m: 12px;--r-s: 8px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(12, 31, 55, .05), 0 3px 8px rgba(12, 31, 55, .05), 0 10px 22px rgba(12, 31, 55, .045);--sh-2: 0 2px 4px rgba(12, 31, 55, .06), 0 10px 22px rgba(12, 31, 55, .1), 0 26px 50px rgba(12, 31, 55, .11);--sh-pop: 0 8px 22px rgba(0, 50, 91, .18);--mo-fast: .12s;--mo-base: .2s;--mo-slow: .34s;--e: cubic-bezier(.2, .8, .2, 1);--e-back: cubic-bezier(.34, 1.56, .64, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans)}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-form,.pending-screen,.import-wizard{width:100%;max-width:380px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:32px;display:flex;flex-direction:column;gap:12px}.import-wizard{max-width:720px}.wizard-step-label{margin:0;color:var(--ink-2);font-size:13px}.mapping-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.mapping-fields select{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px}.mapping-preview{max-height:320px;overflow:auto;border:1px solid var(--border);border-radius:8px}.mapping-preview table{width:100%;border-collapse:collapse;font-size:13px}.mapping-preview th,.mapping-preview td{padding:6px 8px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.mapping-preview select{padding:4px 6px;border:1px solid var(--border);border-radius:6px;font-size:13px}.mapping-preview tr.row-error{background:#fbeceb}.dedupe-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.dedupe-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;padding:8px;border:1px solid var(--border);border-radius:8px}.dedupe-list li label{display:flex;align-items:center;gap:6px;white-space:nowrap}.dedupe-primary{border:none!important;color:var(--ink-2);font-size:13px;padding:0 8px!important}.confirm-summary{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}.wizard-actions{display:flex;justify-content:space-between;gap:12px}h1{font-size:20px;margin:0 0 8px;color:var(--accent)}label{font-size:13px;color:var(--ink-2)}input[type=email],input[type=text],input:not([type]){padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:14px}fieldset{border:1px solid var(--border);border-radius:8px;padding:12px}legend{padding:0 6px;color:var(--ink-2);font-size:13px}fieldset label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink)}button{padding:10px 14px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:14px;cursor:pointer;transition:transform var(--mo-base) var(--e-back),box-shadow var(--mo-base) var(--e)}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--sh-2)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}button.secondary{background:transparent;color:var(--ink-2);border:1px solid var(--border)}.error{color:var(--danger);font-size:13px;margin:0}.loading{text-align:center;color:var(--ink-2)}.home-shell{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:20px}.home-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.home-header h1{margin:0}.home-header-actions{display:flex;gap:8px}.kunden-uebersicht{display:flex;flex-direction:column;gap:16px}.kunden-kopfzeile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);padding:16px;display:flex;flex-direction:column;gap:10px}.kunden-zahlen{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--ink-2)}.progress-track{height:6px;border-radius:var(--r-pill);background:var(--gray-soft);overflow:hidden}.progress-fill{height:100%;background:var(--tecis-blau);border-radius:var(--r-pill);transition:width var(--mo-slow) var(--e)}.kunden-filter{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.checkbox-feld{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-2)}.kunden-akkordeon{border:1px solid var(--border);border-radius:var(--r-m);overflow:hidden;background:var(--surface)}.kunden-akkordeon-titel{width:100%;text-align:left;background:var(--surface-2);color:var(--ink);border:none;border-radius:0;padding:12px 16px;font-size:14px;font-weight:600}.kunden-akkordeon-titel:hover:not(:disabled){transform:none;box-shadow:none;background:var(--zebra)}.kunden-kachel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:16px}.kunden-kachel{--rx: 0deg;--ry: 0deg;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--rail-gray);border-radius:var(--r-m);padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh-1);transform:perspective(1300px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform var(--mo-base) var(--e),box-shadow var(--mo-base) var(--e)}.kunden-kachel:hover{box-shadow:var(--sh-2)}.kunden-kachel[data-status=in_bearbeitung],.kunden-kachel[data-status=nicht_erreicht]{border-left-color:var(--rail-blue)}.kunden-kachel[data-status=wiedervorlage]{border-left-color:var(--accent-teal)}.kunden-kachel[data-status=termin_vereinbart]{border-left-color:var(--rail-green)}.kunden-kachel[data-status=kein_interesse],.kunden-kachel[data-status=storniert],.kunden-kachel[data-status=entfernt]{border-left-color:var(--rose-ink)}.kunden-kachel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.kategorie-pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--r-pill);background:var(--accent-teal-soft);color:var(--accent-teal);border:1px solid var(--accent-teal-line);font-size:12px;font-weight:600}.status-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--r-pill);background:var(--gray-soft);color:var(--gray-ink);border:1px solid var(--gray-line);font-size:12px;font-weight:600}.kunden-kachel[data-status=in_bearbeitung] .status-badge,.kunden-kachel[data-status=nicht_erreicht] .status-badge{background:var(--blue-soft);color:var(--blue-ink);border-color:var(--blue-line)}.kunden-kachel[data-status=wiedervorlage] .status-badge{background:var(--accent-teal-soft);color:var(--accent-teal);border-color:var(--accent-teal-line)}.kunden-kachel[data-status=termin_vereinbart] .status-badge{background:var(--green-soft);color:var(--green-ink);border-color:var(--green-line)}.kunden-kachel[data-status=kein_interesse] .status-badge,.kunden-kachel[data-status=storniert] .status-badge,.kunden-kachel[data-status=entfernt] .status-badge{background:var(--rose-soft);color:var(--rose-ink);border-color:var(--rose-line)}.kunden-kachel-name{margin:0;font-size:16px;color:var(--ink)}.kunden-kachel-telefon{margin:0;font-size:13px;color:var(--ink-2)}.kunden-kachel-termin{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:var(--r-s);background:var(--green-soft);color:var(--green-ink);font-size:13px}.kunden-kachel-status-verwaltung{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.kunden-kachel-status-verwaltung select,.kunden-kachel-status-verwaltung input{padding:6px 8px;border:1px solid var(--border);border-radius:var(--r-s);font-size:13px}.kachel-feld{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-2)}.kachel-feld select,.kachel-feld textarea{padding:6px 8px;border:1px solid var(--border);border-radius:var(--r-s);font-size:13px;font-family:inherit;resize:vertical}.versuche-anzeige{margin:0;font-size:12px;color:var(--ink-3)}.entfernen-bereich{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2)}.statistik-shell{width:100%;max-width:900px;display:flex;flex-direction:column;gap:20px}.statistik-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.statistik-header h1{margin:0}.statistik-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.statistik-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);padding:16px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--sh-1)}.statistik-kpi-wert{font-size:28px;font-weight:700;color:var(--accent)}.statistik-kpi-label{font-size:13px;color:var(--ink-2)}.statistik-hinweis{margin:0;font-size:13px;color:var(--ink-3);background:var(--gray-soft);border:1px solid var(--gray-line);border-radius:var(--r-s);padding:10px 12px}.statistik-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-m);padding:16px;box-shadow:var(--sh-1)}.statistik-block h2{margin:0 0 12px;font-size:15px;color:var(--ink)}.statistik-verteilung{display:flex;flex-direction:column;gap:8px}.statistik-verteilung-zeile{display:grid;grid-template-columns:140px 1fr 32px;align-items:center;gap:10px;font-size:13px}.statistik-verteilung-label{color:var(--ink-2)}.statistik-verteilung-track{height:10px;border-radius:var(--r-pill);background:var(--gray-soft);overflow:hidden}.statistik-verteilung-fill{height:100%;border-radius:var(--r-pill);background:var(--rail-gray);transition:width var(--mo-slow) var(--e)}.statistik-verteilung-zeile[data-status=termin_vereinbart] .statistik-verteilung-fill{background:var(--rail-green)}.statistik-verteilung-zeile[data-status=wiedervorlage] .statistik-verteilung-fill{background:var(--accent-teal)}.statistik-verteilung-zeile[data-status=nicht_erreicht] .statistik-verteilung-fill,.statistik-verteilung-zeile[data-status=in_bearbeitung] .statistik-verteilung-fill{background:var(--rail-blue)}.statistik-verteilung-zeile[data-status=kein_interesse] .statistik-verteilung-fill,.statistik-verteilung-zeile[data-status=storniert] .statistik-verteilung-fill{background:var(--rose-ink)}.statistik-verteilung-count{text-align:right;color:var(--ink-2);font-variant-numeric:tabular-nums}.statistik-monatsverlauf{display:flex;align-items:flex-end;gap:12px;height:140px;padding-top:8px}.statistik-monat-balken{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;flex:1;height:100%}.statistik-monat-saeule{width:100%;max-width:40px;min-height:4px;border-radius:var(--r-s) var(--r-s) 0 0;background:var(--tecis-blau);transition:height var(--mo-slow) var(--e)}.statistik-monat-label{font-size:11px;color:var(--ink-3)}.sprachnachricht-panel{margin:0 16px;padding:12px 16px;border:1px solid var(--accent-teal-line);background:var(--accent-teal-soft);border-radius:var(--r-m);display:flex;flex-direction:column;gap:10px}.sprachnachricht-panel h4{margin:0;font-size:13px;color:var(--accent-teal)}.sprachnachricht-status{margin:0;font-size:13px;color:var(--ink-2)}.sprachnachricht-aufnahme-aktionen,.sprachnachricht-vorschau-aktionen{display:flex;gap:8px}.sprachnachricht-vorschau{display:flex;flex-direction:column;gap:8px}.sprachnachricht-vorschau audio{width:100%}.sprachnachricht-versand{display:flex;flex-direction:column;gap:8px}.sprachnachricht-vorschau-zusammenfassung{display:flex;flex-direction:column;gap:8px;font-size:13px}.sprachnachricht-vorschau-zusammenfassung p{margin:0;color:var(--ink-2)}.sprachnachricht-versand-ergebnis{margin:0;font-size:13px;color:var(--green-ink)}.hoeren-shell{width:100%;max-width:380px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.hoeren-shell h1{font-size:18px}.hoeren-shell audio{width:100%}
