@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:#f3f3f2;--surface:#fff;--surface-2:#fafafa;--ink:#161616;--ink-2:#585a5c;--ink-3:#8e9193;--line:#e5e4e3;--line-2:#d3d3d2;--cyan:#00a6de;--cyan-flaeche:#d9f0fb;--cyan-text:#0078a6;--rot:#e11b22;--grau:#9da1a4;--accent:var(--cyan);--accent-deep:var(--cyan-text);--accent-soft:var(--cyan-flaeche);--status-neu:#585a5c;--status-neu-soft:#f3f3f2;--status-zugewiesen:#2d5bd0;--status-zugewiesen-soft:#e6ecfa;--status-kontaktiert:#0078a6;--status-kontaktiert-soft:#d9f0fb;--status-sichtung:#6a4ba8;--status-sichtung-soft:#ece6f6;--status-qualifiziert:#b0760f;--status-qualifiziert-soft:#f6ead2;--status-gewonnen:#3f7a33;--status-gewonnen-soft:#e3f0de;--status-verloren:#e11b22;--status-verloren-soft:#fbe1e2;--radius-sm:8px;--radius:12px;--radius-lg:18px;--r-s:8px;--r-m:12px;--r-l:18px;--shadow:0 1px 2px #1414100a, 0 8px 24px -12px #1414101f;--shadow-lg:0 24px 60px -20px #14141052;--font:"Manrope", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.55}::selection{background:var(--accent-soft)}h1,h2,h3{letter-spacing:-.01em;color:var(--ink);font-weight:600}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);width:100%;color:var(--ink);outline:none;padding:9px 11px;transition:border-color .14s,box-shadow .14s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:64px;line-height:1.5}label{color:var(--ink-2);gap:6px;font-size:12.5px;font-weight:500;display:grid}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.card-head h3{font-size:15px}.card-head .meta{color:var(--ink-3);font-size:12px}.btn-primary,.btn-cyan,.btn-ghost,.btn-danger,.btn-soft{border-radius:var(--r-s);justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;transition:transform .14s,opacity .14s,background .14s;display:inline-flex}.btn-primary:hover,.btn-cyan:hover,.btn-ghost:hover,.btn-danger:hover,.btn-soft:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:#fff}.btn-cyan{background:var(--accent);color:#fff}.btn-ghost{background:var(--surface);border:1px solid var(--line-2);color:var(--ink-2)}.btn-soft{background:var(--bg);color:var(--ink)}.btn-danger{background:var(--surface);border:1px solid var(--rot);color:var(--rot)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary:disabled:hover,.btn-cyan:disabled:hover{transform:none}.btn-icon{width:26px;height:26px;color:var(--ink-3);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.btn-icon:hover{background:var(--bg);color:var(--ink)}.btn-icon.del:hover{background:var(--rot-bg,#fff0f0);color:var(--rot)}.topbar{background:var(--surface);flex-shrink:0;align-items:center;gap:20px;height:62px;padding:0 22px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand .mark{background:var(--ink);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.brand .mark svg{width:19px;height:19px}.brand-name{letter-spacing:-.01em;font-size:16px;font-weight:600}.brand .tag{letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep);background:var(--accent-soft);border-radius:5px;padding:3px 7px;font-size:10.5px;font-weight:600}.top-right{align-items:center;gap:12px;margin-left:auto;display:flex}.icon-btn{width:38px;height:38px;color:var(--ink-2);border-radius:9px;justify-content:center;align-items:center;transition:background .15s;display:flex;position:relative}.icon-btn:hover{background:var(--bg)}.user-chip{align-items:center;gap:9px;padding-left:6px;display:flex}.avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;display:flex}.user-meta{line-height:1.25}.user-meta b{font-size:13px;font-weight:600;display:block}.user-meta span{color:var(--ink-3);text-transform:capitalize;font-size:11.5px}.marken-streifen{height:3px;display:flex}.marken-streifen i{height:100%;display:block}.marken-streifen .b-rot{background:var(--rot);flex:2}.marken-streifen .b-cyan{background:var(--cyan);flex:2}.marken-streifen .b-grau{background:var(--grau);flex:1}.sidebar{background:var(--surface-2);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:228px;padding:18px 14px;display:flex}.nav-label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin:6px 0 8px;padding:0 10px;font-size:10.5px;font-weight:600}.nav-item{color:var(--ink-2);text-align:left;border-radius:9px;align-items:center;gap:11px;width:100%;margin-bottom:2px;padding:9px 11px;font-size:13.5px;font-weight:500;transition:background .14s,color .14s;display:flex}.nav-item svg{flex-shrink:0;width:17px;height:17px}.nav-item:hover{background:var(--bg)}.nav-item.on{background:var(--accent);color:#fff}.side-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);margin-top:auto;padding:13px}.side-card .sc-top{align-items:center;gap:8px;margin-bottom:7px;display:flex}.side-card .sc-dot{background:var(--status-gewonnen);border-radius:50%;flex-shrink:0;width:7px;height:7px}.side-card h4{font-size:12.5px;font-weight:600}.side-card p{color:var(--ink-3);font-size:11.5px;line-height:1.45}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.page-head h1{font-size:25px}.page-head .sub{color:var(--ink-2);margin-top:3px;font-size:13px}.role-pill{background:var(--accent-soft);color:var(--accent-deep);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.role-pill:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.kpis{flex-wrap:wrap;gap:14px;margin-bottom:22px;display:flex}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);flex:1;min-width:150px;padding:16px 17px;transition:transform .16s,box-shadow .16s}.kpi:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.kpi .kl{color:var(--ink-2);font-size:12px;font-weight:500}.kpi .kv{margin:6px 0 4px;font-size:30px;font-weight:600;line-height:1}.kpi .kt{color:var(--ink-3);align-items:center;gap:5px;font-size:11.5px;display:flex}.kpi .kt.up{color:var(--status-gewonnen)}.kpi .kt.warn,.kpi.flag .kv{color:var(--rot)}table{border-collapse:collapse;width:100%}thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-2);padding:11px 18px;font-size:11px;font-weight:600}tbody tr{border-top:1px solid var(--line);cursor:pointer;transition:background .12s}tbody tr:hover{background:var(--surface-2)}tbody tr.flag{background:var(--status-verloren-soft)}tbody tr.flag:hover{background:#f3dad7}tbody td{vertical-align:middle;padding:13px 18px;font-size:13px}.td-name{font-weight:600}.td-sub{color:var(--ink-3);font-size:11.5px}.pill{white-space:nowrap;text-transform:capitalize;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pill:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px}.pill.neu{background:var(--status-neu-soft);color:var(--status-neu)}.pill.sichtung{background:var(--status-sichtung-soft);color:var(--status-sichtung)}.pill.zugewiesen{background:var(--status-zugewiesen-soft);color:var(--status-zugewiesen)}.pill.kontaktiert{background:var(--status-kontaktiert-soft);color:var(--status-kontaktiert)}.pill.qualifiziert{background:var(--status-qualifiziert-soft);color:var(--status-qualifiziert)}.pill.gewonnen{background:var(--status-gewonnen-soft);color:var(--status-gewonnen)}.pill.verloren{background:var(--status-verloren-soft);color:var(--status-verloren)}.board{align-items:flex-start;gap:14px;display:flex}.col{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-m);flex:1;min-width:200px;min-height:140px;padding:11px;transition:background .15s,border-color .15s}.col.drop{background:var(--accent-soft);border-color:var(--accent)}.col-head{align-items:center;gap:8px;padding:3px 5px 11px;display:flex}.col-head .cdot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.col-head h3{text-transform:capitalize;font-size:12.5px;font-weight:600}.col-head .ccount{color:var(--ink-3);background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:600}.lead-card{background:var(--surface);border:1px solid var(--line);cursor:grab;border-radius:10px;margin-bottom:9px;padding:11px 12px;transition:transform .14s,box-shadow .14s}.lead-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.lc-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.lc-ref{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:10.5px}.lc-name{font-size:13px;font-weight:600}.lc-veh{color:var(--ink-2);align-items:center;gap:6px;font-size:11.5px;display:flex}.veh-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.col-empty{color:var(--ink-3);text-align:center;padding:18px 0;font-size:11.5px}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#16161266;justify-content:end;display:grid;position:fixed;inset:0}.drawer{background:var(--surface);width:480px;max-width:100vw;height:100%;box-shadow:var(--shadow-lg);overflow-y:auto}.drawer-head{border-bottom:1px solid var(--line);padding:20px 22px 16px;position:relative}.drawer-close{width:30px;height:30px;color:var(--ink-3);border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.drawer-close:hover{background:var(--bg)}.drawer-id{color:var(--ink-3);letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.drawer-head h2{margin:5px 0 3px;font-size:21px}.drawer-sub{color:var(--ink-2);font-size:13px}.drawer-tabs{gap:2px;margin-top:14px;display:flex}.dtab{color:var(--ink-3);border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:background .12s,color .12s}.dtab:hover{background:var(--bg);color:var(--ink)}.dtab.on{background:var(--accent);color:#fff}.drawer-body{gap:18px;padding:18px 22px 24px;display:grid}.info-table{border-collapse:collapse;width:100%;font-size:13px}.info-table td{vertical-align:top;padding:5px 0}.info-table td:first-child{color:var(--ink-3);width:110px;padding-right:10px;font-size:12px}.info-val{color:var(--ink);font-size:13px}.m-sec{gap:9px;display:grid}.m-sec>label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600;display:block}.stepper{align-items:flex-start;display:flex}.step{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.step .sc{background:var(--bg);border:2px solid var(--line-2);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .25s;display:flex}.step .sl{color:var(--ink-3);text-align:center;text-transform:capitalize;font-size:10px;font-weight:500}.step .line{background:var(--line-2);z-index:1;width:100%;height:2px;position:absolute;top:11px;left:50%}.step.done .sc{background:var(--accent);border-color:var(--accent);color:#fff}.step.done .line{background:var(--accent)}.step.done .sl{color:var(--ink-2)}.step.cur .sc{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.step.cur .sc:after{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.step.cur .sl{color:var(--accent-deep);font-weight:600}.infobox{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-s);color:var(--ink);padding:11px 13px;font-size:13px;line-height:1.5}.infobox.muted{color:var(--ink-3)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-2);background:var(--surface);color:var(--ink);text-transform:capitalize;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .14s}.chip:hover,.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep)}.verlauf{gap:10px;list-style:none;display:grid}.verlauf li{border-left:2px solid var(--accent);padding-left:11px}.verlauf .vt{font-size:13px;font-weight:600}.verlauf .vc{color:var(--ink-2);font-size:13px}.verlauf .vd{color:var(--grau);font-size:11px}.bn-popover{z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);width:320px;max-height:420px;box-shadow:var(--shadow);padding:6px;position:absolute;top:46px;right:0;overflow:auto}.bn-item{cursor:pointer;border-radius:var(--r-s);padding:10px}.bn-item:hover{background:var(--surface-2)}.bn-item.ungelesen{background:var(--accent-soft)}.bn-item .bn-t{font-size:13px;font-weight:600}.bn-item .bn-x{color:var(--ink-2);font-size:12px}.bn-dot{background:var(--rot);color:#fff;border:1.5px solid var(--surface);border-radius:9px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;display:flex;position:absolute;top:7px;right:8px}.viewswitch{background:var(--bg);border-radius:10px;padding:4px;display:flex}.viewswitch button{color:var(--ink-2);white-space:nowrap;border-radius:7px;padding:7px 16px;font-size:13px;font-weight:500;transition:color .2s,background .2s}.viewswitch button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001a}.head-tools{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.search{background:var(--surface);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;padding:0 12px;display:flex}.search svg{width:15px;height:15px;color:var(--ink-3);flex-shrink:0}.search input{background:0 0;border:none;width:170px;padding:8px 0}.search input:focus{box-shadow:none}.seg{background:var(--surface);border:1px solid var(--line);border-radius:9px;display:flex;overflow:hidden}.seg button{color:var(--ink-2);padding:8px 13px;font-size:12px;font-weight:500;transition:background .14s}.seg button.on{background:var(--ink);color:#fff}.grid-2{grid-template-columns:1.55fr 1fr;align-items:start;gap:16px;margin-top:20px;display:grid}.load-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:11px 18px;display:flex}.load-row.first{border-top:none}.load-av{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-deep);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.load-name{flex-shrink:0;width:120px;font-size:12.5px;font-weight:500}.bar{background:var(--bg);border-radius:5px;flex:1;height:8px;overflow:hidden}.bar i{background:var(--accent);border-radius:5px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);display:block}.load-n{color:var(--ink-2);text-align:right;width:28px;font-size:12px;font-weight:600}.ki-box{border:1px solid var(--accent);background:var(--accent-soft);border-radius:var(--r-m);padding:14px}.ki-box .kb-h{align-items:center;gap:7px;margin-bottom:9px;display:flex}.ki-box .kb-h svg{width:16px;height:16px;color:var(--accent-deep)}.ki-box .kb-h b{color:var(--accent-deep);font-size:12.5px}.ki-box .kb-tag{color:var(--accent-deep);background:#fff9;border-radius:5px;margin-left:auto;padding:2px 7px;font-size:10.5px}.ki-box textarea{background:var(--surface);min-height:96px}.ki-actions{gap:9px;margin-top:10px;display:flex}.ki-actions .btn-cyan,.ki-actions .btn-ghost{flex:1}.mail-thread{flex-direction:column;gap:10px;margin-bottom:12px;list-style:none;display:flex}.mt-msg{border-radius:var(--r-m);padding:10px 12px;font-size:12.5px}.mt-aus{background:var(--accent-soft,#008cff14);border-left:3px solid var(--accent)}.mt-ein{background:var(--surface);border-left:3px solid var(--ink-3)}.mt-meta{color:var(--ink-3);margin-bottom:4px;font-size:11px}.mt-body{white-space:pre-wrap;color:var(--ink);line-height:1.55}.mt-warn{color:#c03010;background:#dc3c141a;border:1px solid #dc3c144d;border-radius:5px;margin-bottom:6px;padding:5px 8px;font-size:11px}.mail-compose{flex-direction:column;display:flex}.mail-compose textarea{background:var(--surface);min-height:80px}.toasts{z-index:80;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:22px;right:22px}.toast{background:var(--ink);color:#fff;border-radius:var(--r-m);width:320px;max-width:calc(100vw - 44px);box-shadow:var(--shadow-lg);align-items:flex-start;gap:11px;padding:13px 15px;animation:.32s cubic-bezier(.34,1.3,.64,1) both toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.toast .ti{background:#ffffff21;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.toast .ti.acc{background:var(--accent)}.toast .ti.grn{background:var(--status-gewonnen)}.toast b{font-size:12.5px;font-weight:600;display:block}.toast p{color:#ffffffb3;margin-top:1px;font-size:11.5px}@media (width<=1080px){.sidebar{display:none}.kpis .kpi{min-width:130px}.grid-2{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.lc-badges{gap:6px;margin-top:6px;display:flex}.badge-neu,.badge-antwort{letter-spacing:.04em;background:var(--rot,#d33);color:#fff;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.bn-x{white-space:pre-wrap}