:root{--bg:#f7f8fa;--card:#fff;--border:#e6e8ec;--text:#1a1d24;--muted:#6b7280;--accent:#4f46e5;--accent-soft:#eef2ff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:1000px;margin:0 auto;padding:24px 20px 80px}.topbar{border-bottom:1px solid var(--border);background:var(--card)}.topbar .inner{justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:16px 20px;display:flex}.brand{font-size:18px;font-weight:700}.brand span{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:13px}h1{margin-bottom:4px;font-size:24px}h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:28px 0 12px;font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:18px}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.relatie-link{display:block}.relatie-link:hover .card{border-color:var(--accent)}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge.koud{color:#4f46e5;background:#eef2ff}.badge.gesprek{color:#b45309;background:#fef3c7}.badge.voorstel{color:#c2410c;background:#ffedd5}.badge.klant{color:#15803d;background:#dcfce7}.badge.terugkerend{color:#047857;background:#d1fae5}.badge.geparkeerd{color:#6b7280;background:#f3f4f6}.badge.verloren{color:#b91c1c;background:#fee2e2}.badge.soort{color:#475569;background:#f1f5f9}.badge.nieuw{color:#4f46e5;background:#eef2ff}.badge.video_gestuurd{color:#b45309;background:#fef3c7}.badge.afspraak_staat{color:#c2410c;background:#ffedd5}.badge.omgezet{color:#15803d;background:#dcfce7}.badge.afgewezen{color:#b91c1c;background:#fee2e2}.stage-group{margin-bottom:8px}.stage-head{align-items:center;gap:8px;margin:22px 0 8px;display:flex}.stage-head .count{color:var(--muted);font-size:12px}.timeline-item{border-left:2px solid var(--border);padding:0 0 16px 16px;position:relative}.timeline-item:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:-5px}.timeline-date{color:var(--muted);font-size:12px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--border);width:100%;font:inherit;background:#fff;border-radius:8px;padding:8px 10px}button{background:var(--accent);color:#fff;cursor:pointer;font-weight:600;font:inherit;border:none;border-radius:8px;padding:9px 16px}button.secondary{background:var(--accent-soft);color:var(--accent)}.btn-row{gap:8px;margin-top:10px;display:flex}.kv{gap:8px;padding:3px 0;font-size:14px;display:flex}.kv .k{color:var(--muted);min-width:90px}.back{color:var(--muted);margin-bottom:16px;font-size:14px;display:inline-block}.empty{color:var(--muted);padding:8px 0;font-size:14px}.stat{font-size:22px;font-weight:700}.nieuwe-relatie{margin:12px 0 20px}.nieuwe-relatie summary{cursor:pointer;color:var(--accent);font-weight:600}.relatie-form{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.relatie-form button{grid-column:1/-1}@media (max-width:520px){.relatie-form{grid-template-columns:1fr}}