@font-face{font-family:Roboto;font-style:normal;font-weight:300 700;font-stretch:100%;font-display:swap;src:url(/fonts/roboto-latin.woff2) format("woff2")}:root,[data-theme=light]{color-scheme:light;--ink: #003853;--ink-soft: #2f5b70;--muted: #64798a;--muted-soft: #8b9caa;--accent: #00a9f4;--accent-strong: #0089c9;--accent-soft: #e9f7fe;--paper: #f7f9fa;--surface: #ffffff;--line: #e3eaee;--line-soft: #eef2f5;--line-strong: #d2dee4;--danger: #b3261e;--danger-soft: #fdecea;--ok: #1c7a52;--ok-soft: #e8f5ef;--warn: #9a5b00;--warn-soft: #fdf3e2;--toast-bg: #003853;--toast-fg: #ffffff;--toast-error-bg: #6d1d18;--toast-success-bg: #14563a;--surface-hover: #f3f7f9;--surface-subtle: #fbfcfd;--row-hover: #f8fbfd;--chip-bg: #eef3f6;--track: #eef2f5;--avatar-bg: #e8eff3;--danger-border: #f0c4c0;--notice-fg: #005f85;--overlay: rgba(0, 40, 58, .28);--skeleton-a: #eef2f5;--skeleton-b: #f6f9fa;--auth-glow: #eef7fc;--stage-neu-bg: #eef3f6;--stage-neu-fg: #4b6675;--stage-kontaktiert-bg: #e9f7fe;--stage-kontaktiert-fg: #00719f;--stage-antwort-bg: #eef0fd;--stage-antwort-fg: #3f4bb5;--stage-demo-bg: #f4eefc;--stage-demo-fg: #6a41a3;--stage-angebot-bg: #fdf3e2;--stage-angebot-fg: #9a5b00;--stage-lizenz-bg: #e8f5ef;--stage-lizenz-fg: #1c7a52;--stage-kunde-bg: #dff3ea;--stage-kunde-fg: #146b46;--stage-verloren-bg: #f4f1f1;--stage-verloren-fg: #8a6a66;--tint-mail-bg: #e9f7fe;--tint-mail-fg: #00719f;--tint-call-bg: #eef0fd;--tint-call-fg: #3f4bb5;--tint-meeting-bg: #f4eefc;--tint-meeting-fg: #6a41a3;--sidebar-width: 238px;--font: "Roboto", "Segoe UI", system-ui, -apple-system, sans-serif}[data-theme=dark]{color-scheme:dark;--ink: #e7eef3;--ink-soft: #bed0db;--muted: #93a7b4;--muted-soft: #7d909d;--accent: #35b6f2;--accent-strong: #6bc9f6;--accent-ink: #7ed0f7;--accent-soft: #123040;--paper: #0f171d;--surface: #16222b;--surface-hover: #1d2c36;--surface-subtle: #1a262f;--row-hover: #1b2a34;--chip-bg: #1f2d37;--track: #223039;--avatar-bg: #20303a;--line: #26353f;--line-soft: #202d36;--line-strong: #35474f;--danger: #ff9289;--danger-soft: #351b19;--danger-border: #5a2c28;--ok: #6ed3a0;--ok-soft: #12301f;--warn: #e8b465;--warn-soft: #33260f;--notice-fg: #9ed9f5;--overlay: rgba(3, 10, 14, .62);--shadow-card: 0 1px 2px rgba(0, 0, 0, .35);--shadow-pop: 0 16px 40px rgba(0, 0, 0, .55), 0 2px 8px rgba(0, 0, 0, .4);--toast-bg: #24333d;--toast-fg: #eaf2f7;--toast-error-bg: #5b221d;--toast-success-bg: #1b4a35;--skeleton-a: #1d2a33;--skeleton-b: #24323c;--auth-glow: #132029;--stage-neu-bg: #22313b;--stage-neu-fg: #b6c8d2;--stage-kontaktiert-bg: #12303f;--stage-kontaktiert-fg: #7ed0f7;--stage-antwort-bg: #1d2144;--stage-antwort-fg: #b3bbea;--stage-demo-bg: #241a38;--stage-demo-fg: #c9b3e8;--stage-angebot-bg: #33260f;--stage-angebot-fg: #e8c48a;--stage-lizenz-bg: #12301f;--stage-lizenz-fg: #8fdcb7;--stage-kunde-bg: #113226;--stage-kunde-fg: #9be0be;--stage-verloren-bg: #2a2422;--stage-verloren-fg: #b9a49f;--tint-mail-bg: #12303f;--tint-mail-fg: #7ed0f7;--tint-call-bg: #1d2144;--tint-call-fg: #b3bbea;--tint-meeting-bg: #241a38;--tint-meeting-fg: #c9b3e8}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app{min-height:100%}h1,h2,h3,h4{margin:0;font-weight:500;letter-spacing:-.01em;color:var(--ink)}p{margin:0}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft);color:var(--ink)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px;border:3px solid var(--paper)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 14px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--surface);font-size:13.5px;font-weight:500;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:hover{background:var(--surface-hover)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost{background:transparent;border-color:var(--line-strong);color:var(--ink-soft)}.btn-ghost:hover{background:var(--surface);border-color:var(--muted-soft);color:var(--ink)}.btn-quiet{background:transparent;border-color:transparent;color:var(--muted);padding:0 8px}.btn-quiet:hover{background:var(--chip-bg);color:var(--ink)}.btn-danger{background:transparent;border-color:var(--line-strong);color:var(--danger)}.btn-danger:hover{background:var(--danger-soft);border-color:var(--danger-border)}.btn-sm{height:28px;padding:0 10px;font-size:12.5px}.btn-icon{width:32px;padding:0}.btn-icon.btn-sm{width:26px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.label{font-size:11.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hint{font-size:12px;color:var(--muted-soft)}.input,.select,.textarea{width:100%;min-height:36px;padding:7px 10px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);font-family:inherit;font-size:14px;color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}.input::placeholder,.textarea::placeholder{color:var(--muted-soft)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00a9f429}.textarea{resize:vertical;min-height:120px;line-height:1.55}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;padding-right:28px;cursor:pointer}.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;margin-top:-4px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);pointer-events:none}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .span-2{grid-column:1 / -1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card-pad{padding:18px 20px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line-soft)}.card-title{font-size:13.5px;font-weight:500;color:var(--ink)}.card-body{padding:16px 18px}.section-title{font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-soft);margin-bottom:10px}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:8px}.row-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.spacer{flex:1}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{position:sticky;top:0;z-index:1;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--line);font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-soft);text-align:left;white-space:nowrap}.table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.table th.sortable:hover{color:var(--ink-soft)}.table td{padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.table tbody tr{cursor:pointer;transition:background .1s ease}.table tbody tr:hover{background:var(--row-hover)}.table tbody tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.table .empty-row td{cursor:default;text-align:center;color:var(--muted);padding:36px 14px}.table .empty-row:hover{background:transparent}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;background:var(--chip-bg);color:var(--ink-soft);white-space:nowrap}.pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.mail-flag{font-size:11.5px}.mail-flag.ok{color:var(--ok)}.mail-flag.bad{color:var(--danger)}.stage-neu{background:var(--stage-neu-bg);color:var(--stage-neu-fg)}.stage-kontaktiert{background:var(--stage-kontaktiert-bg);color:var(--stage-kontaktiert-fg)}.stage-antwort{background:var(--stage-antwort-bg);color:var(--stage-antwort-fg)}.stage-demo{background:var(--stage-demo-bg);color:var(--stage-demo-fg)}.stage-angebot{background:var(--stage-angebot-bg);color:var(--stage-angebot-fg)}.stage-lizenz{background:var(--stage-lizenz-bg);color:var(--stage-lizenz-fg)}.stage-kunde{background:var(--stage-kunde-bg);color:var(--stage-kunde-fg)}.stage-verloren{background:var(--stage-verloren-bg);color:var(--stage-verloren-fg)}.tag{display:inline-flex;align-items:center;padding:1px 7px;border:1px solid var(--line);border-radius:5px;font-size:11.5px;color:var(--muted);background:var(--surface-subtle)}.journal{display:flex;flex-direction:column}.journal-entry{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:15px 0;border-bottom:1px solid var(--line-soft)}.journal-entry:first-child{padding-top:4px}.journal-entry:last-child{border-bottom:none}.journal-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--chip-bg);color:var(--ink-soft)}.journal-icon.type-email{background:var(--tint-mail-bg);color:var(--tint-mail-fg)}.journal-icon.type-call{background:var(--tint-call-bg);color:var(--tint-call-fg)}.journal-icon.type-meeting{background:var(--tint-meeting-bg);color:var(--tint-meeting-fg)}.journal-icon.type-draft{background:var(--chip-bg);color:var(--muted)}.journal-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.journal-subject{font-weight:500;color:var(--ink)}.journal-meta{font-size:12px;color:var(--muted-soft)}.journal-body{margin-top:6px;color:var(--ink-soft);font-size:13.5px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}.journal-body p{margin:0 0 9px}.journal-body p:last-child{margin-bottom:0}.journal-body.clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.journal-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s ease}.journal-entry:hover .journal-actions{opacity:1}.journal-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.attachment{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:12px;color:var(--ink-soft);background:var(--surface-subtle)}.attachment:hover{border-color:var(--accent);color:var(--accent-strong);text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;width:var(--sidebar-width);height:100vh;flex:0 0 var(--sidebar-width);padding:18px 14px;background:var(--surface);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;padding:4px 8px 16px;text-decoration:none}.brand-word{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.brand-badge{font-size:10.5px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-strong);background:var(--accent-soft);padding:2px 6px;border-radius:4px}.nav{display:flex;flex-direction:column;gap:2px}.nav-section{margin:14px 8px 6px;font-size:10.5px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-soft)}.nav-item{position:relative;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--ink-soft);text-decoration:none;font-size:13.5px;transition:background .11s ease,color .11s ease}.nav-item:hover{background:var(--surface-hover);color:var(--ink);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--ink);font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-count{margin-left:auto;font-size:11.5px;color:var(--muted-soft);font-variant-numeric:tabular-nums}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--line-soft)}.user-chip{display:flex;align-items:center;gap:9px;width:100%;padding:6px 8px;border:none;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left}.user-chip:hover{background:var(--surface-hover)}.user-name{font-size:13px;color:var(--ink);line-height:1.2}.user-role{font-size:11.5px;color:var(--muted-soft)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--avatar-bg);color:var(--ink-soft);font-size:11.5px;font-weight:500;letter-spacing:.02em}.avatar-lg{width:40px;height:40px;flex-basis:40px;font-size:14px}.avatar{overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.photo-block{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-soft)}.photo-block .avatar{width:56px;height:56px;flex-basis:56px;font-size:16px}.photo-actions{display:flex;flex-wrap:wrap;gap:6px}.photo-input{display:none}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{width:100%;max-width:1180px;padding:26px 32px 48px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title{font-size:22px;line-height:1.25}.page-sub{margin-top:3px;font-size:13px;color:var(--muted)}.page-actions{display:flex;align-items:center;gap:8px}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.search{position:relative;flex:1;max-width:340px}.search .input{padding-left:32px}.search .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted-soft);pointer-events:none}.search-kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:1px 5px;border:1px solid var(--line);border-radius:4px;font-size:10.5px;color:var(--muted-soft);background:var(--surface-subtle)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.breadcrumb{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;font-size:12.5px;color:var(--muted)}.breadcrumb:hover{color:var(--ink);text-decoration:none}.detail-list{display:flex;flex-direction:column;gap:10px}.detail-row{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px;font-size:13.5px}.detail-row dt{color:var(--muted-soft)}.detail-row dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.contact-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);text-decoration:none;color:inherit}.contact-card:hover{border-color:var(--accent);text-decoration:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat{padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stat-value{font-size:24px;font-weight:500;line-height:1.15;color:var(--ink);font-variant-numeric:tabular-nums}.stat-label{font-size:12px;color:var(--muted);margin-top:2px}.stat-value.accent{color:var(--accent-strong)}.bar-row{display:grid;grid-template-columns:128px minmax(0,1fr) 32px;gap:10px;align-items:center;padding:5px 0}.bar-track{display:block;height:6px;border-radius:999px;background:var(--track);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:999px;background:var(--accent);opacity:.8}.bar-label{font-size:12.5px;color:var(--ink-soft)}.bar-value{font-size:12.5px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums}.task{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--line-soft)}.task:last-child{border-bottom:none}.task-check{width:17px;height:17px;margin-top:2px;flex:0 0 17px;border:1.5px solid var(--line-strong);border-radius:4px;background:var(--surface);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;color:transparent;transition:border-color .12s ease,background .12s ease,color .12s ease}.task-check:hover{border-color:var(--accent)}.task-check.checked{background:var(--ok);border-color:var(--ok);color:#fff}.task-title{font-size:13.5px;color:var(--ink)}.task-title.done{color:var(--muted-soft);text-decoration:line-through}.task-meta{font-size:12px;color:var(--muted-soft);display:flex;gap:8px;flex-wrap:wrap}.due-overdue{color:var(--danger);font-weight:500}.due-today{color:var(--warn);font-weight:500}.due-soon{color:var(--ink-soft)}.due-later,.due-none,.due-done{color:var(--muted-soft)}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.empty-title{font-size:14px;color:var(--ink);margin-bottom:4px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;background:var(--overlay);animation:fade .12s ease;overflow-y:auto}.modal{width:100%;max-width:560px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-pop);animation:rise .14s ease}.modal-lg{max-width:760px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-soft)}.modal-title{font-size:15px;font-weight:500}.modal-body{padding:18px 20px;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line-soft);background:var(--surface-subtle);border-radius:0 0 12px 12px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.toast-host{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:360px}.toast{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--toast-bg);color:var(--toast-fg);font-size:13px;box-shadow:var(--shadow-pop);animation:rise .14s ease}.toast-error{background:var(--toast-error-bg)}.toast-success{background:var(--toast-success-bg)}.notice{display:flex;gap:9px;padding:11px 13px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--notice-fg);font-size:13px}.notice-warn{background:var(--warn-soft);color:var(--warn)}.skeleton{background:linear-gradient(90deg,var(--skeleton-a) 25%,var(--skeleton-b) 37%,var(--skeleton-a) 63%);background-size:400% 100%;animation:shimmer 1.2s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.auth-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(1000px 420px at 50% -10%,var(--auth-glow) 0%,transparent 70%),var(--paper)}.auth-card{width:100%;max-width:392px;padding:30px 30px 26px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 24px #002e4412}.auth-brand{display:flex;align-items:center;gap:8px;margin-bottom:22px}.auth-title{font-size:19px;margin-bottom:4px}.auth-sub{font-size:13px;color:var(--muted);margin-bottom:20px}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-error{padding:9px 11px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:13px}.auth-foot{margin-top:18px;font-size:12px;color:var(--muted-soft);text-align:center}@media(max-width:980px){.detail-grid{grid-template-columns:minmax(0,1fr)}.sidebar{position:static;height:auto;width:100%;flex-basis:auto}.shell{flex-direction:column}.nav{flex-direction:row;flex-wrap:wrap}.content{padding:18px 16px 40px}.form-grid{grid-template-columns:minmax(0,1fr)}}.sidebar-tools{display:flex;gap:6px;margin:0 2px 8px}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;height:28px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:12px;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.tool-btn:hover{background:var(--surface-hover);color:var(--ink);border-color:var(--line-strong)}.tool-btn-code{flex:0 0 44px;font-weight:500;letter-spacing:.06em}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--chip-bg);border-radius:var(--radius-sm)}.segmented button{height:26px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--ink-soft);font-size:12.5px;cursor:pointer}.segmented button.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:500}