:root{color:#f4efe4;background:#10100f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #10100f;--surface: #191815;--surface-2: #24221d;--border: rgba(209, 174, 94, .18);--gold: #d6ad54;--gold-soft: rgba(214, 173, 84, .13);--text: #f4efe4;--muted: #bdb3a0;--danger: #d78b6d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(214,173,84,.08),transparent 34%),radial-gradient(circle at top right,rgba(214,173,84,.08),transparent 30%),var(--bg)}button,input,textarea,select{font:inherit}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--border);background:#10100feb;padding:28px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:14px;padding:0 10px 28px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);color:var(--gold);font-weight:800;letter-spacing:0}.brand strong,.brand span{display:block}.brand strong{font-size:1rem;letter-spacing:0}.brand span{margin-top:3px;color:var(--muted);font-size:.82rem}.nav-list{display:grid;gap:8px}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:var(--muted);padding:12px;text-align:left;border-radius:8px;cursor:pointer}.nav-item:hover,.nav-item.active{border-color:var(--border);background:var(--gold-soft);color:var(--text)}.logout-button{width:calc(100% - 20px);margin:28px 10px 0;border:1px solid var(--border);background:transparent;color:var(--muted);padding:12px;border-radius:8px;cursor:pointer;text-align:center}.logout-button:hover{background:#d68b6d1f;color:var(--text)}.dashboard{padding:34px}.login-page{display:grid;place-items:center;min-height:100vh;padding:24px}.login-card{width:min(100%,460px);border:1px solid var(--border);background:#191815f0;border-radius:8px;padding:30px;box-shadow:0 24px 70px #00000052}.login-brand{display:flex;align-items:center;gap:16px;margin-bottom:22px}.login-brand h1{margin:4px 0 0;font-size:2.15rem}.login-intro{color:var(--muted);line-height:1.6;margin-bottom:24px}.login-form{display:grid;gap:10px}.login-form label{color:var(--muted);font-size:.9rem}.login-form input{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:13px 14px;outline:none}.login-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d6ad5424}.login-error{margin:4px 0 0;color:#f0b29b;font-weight:700}.login-button{border:1px solid var(--gold);background:var(--gold);color:#15130f;border-radius:8px;padding:13px 16px;margin-top:8px;cursor:pointer;font-weight:800}.login-button:hover{background:#e1bd68}.hero{display:flex;justify-content:space-between;gap:28px;align-items:stretch;border-bottom:1px solid var(--border);padding-bottom:28px}.eyebrow{color:var(--gold);font-size:.82rem;text-transform:uppercase;font-weight:700;letter-spacing:0}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,4vw,4.25rem);line-height:1;letter-spacing:0}.hero p{max-width:680px;color:var(--muted);font-size:1.05rem;line-height:1.6;margin-bottom:0}.hero-metric{min-width:260px;background:linear-gradient(180deg,#d6ad5429,#d6ad540a);border:1px solid var(--border);border-radius:8px;padding:22px;display:flex;flex-direction:column;justify-content:center}.hero-metric span,.metric-card span,.record-meta span{color:var(--muted);font-size:.85rem}.hero-metric strong{margin-top:10px;color:var(--gold);font-size:2rem}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:24px 0}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px}.metric-card strong{display:block;margin:10px 0 6px;font-size:2rem;color:var(--text)}.metric-card p,.panel-heading p,.task-item p,.record-card p{color:var(--muted)}.metric-card p{margin-bottom:0}.metric-card.warning strong{color:var(--danger)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{background:#191815eb;border:1px solid var(--border);border-radius:8px;padding:22px}.panel-heading{margin-bottom:18px}.panel h2{font-size:1.2rem;margin-bottom:6px}.panel-heading p{margin-bottom:0}.task-list,.record-list{display:grid;gap:12px}.task-item,.record-card{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid rgba(255,255,255,.06);background:var(--surface-2);border-radius:8px;padding:14px}.task-item{justify-content:flex-start}.task-item p,.record-card p{margin:6px 0 0}.priority{flex:0 0 auto;min-width:58px;padding:6px 8px;border-radius:999px;text-align:center;font-size:.78rem;font-weight:700;text-transform:uppercase}.priority.hoch{background:#d68b6d2e;color:#f0b29b}.priority.mittel{background:var(--gold-soft);color:var(--gold)}.priority.niedrig{background:#8aa38b2e;color:#bdd2be}.record-meta{display:grid;gap:6px;text-align:right;min-width:130px}.record-meta.wide{min-width:190px}.record-meta strong{color:var(--gold)}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border)}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dashboard{padding:22px}.hero{flex-direction:column}.hero-metric{min-width:0}.metric-grid,.content-grid,.nav-list{grid-template-columns:1fr}.record-card,.task-item{align-items:flex-start;flex-direction:column}.record-meta{text-align:left}}.lead-table{display:grid;gap:12px}.lead-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.2fr;gap:16px;align-items:center;padding:18px;border:1px solid rgba(214,178,91,.16);border-radius:16px;background:#ffffff09}.lead-row p,.lead-row span{margin:0;color:#c9c0aa}.lead-row span{display:block;margin-bottom:6px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.lead-row strong{color:#f5f0e6}@media(max-width:1100px){.lead-row{grid-template-columns:1fr}}.lead-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lead-form label{display:grid;gap:8px;color:var(--muted);font-size:.9rem}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:12px 14px;outline:none}.lead-form textarea{resize:vertical}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d6ad5424}.metric-grid.mini{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}@media(max-width:760px){.form-grid,.metric-grid.mini{grid-template-columns:1fr}}.offer-list{display:grid;gap:14px}.offer-card{border:1px solid rgba(214,178,91,.16);background:#ffffff09;border-radius:16px;padding:18px}.offer-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.offer-card-top strong{color:var(--text);font-size:1.05rem}.offer-card-top p,.offer-note{color:var(--muted);margin:6px 0 0;line-height:1.5}.offer-status{border:1px solid var(--border);background:var(--gold-soft);color:var(--gold);padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:800;white-space:nowrap}.offer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.offer-grid div{border:1px solid rgba(255,255,255,.06);background:var(--surface-2);border-radius:10px;padding:12px}.offer-grid span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:6px}.offer-grid strong{color:var(--text)}.offer-progress{width:100%;height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;margin-bottom:14px}.offer-progress span{display:block;height:100%;background:var(--gold);border-radius:999px}.process-list{display:grid;gap:14px}.process-step{display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(255,255,255,.06);background:var(--surface-2);border-radius:12px;padding:14px}.process-step>span{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border:1px solid var(--gold);color:var(--gold);border-radius:999px;font-weight:900}.process-step strong{color:var(--text)}.process-step p{color:var(--muted);margin:6px 0 0;line-height:1.5}@media(max-width:760px){.offer-card-top{flex-direction:column}.offer-grid{grid-template-columns:1fr}}
