.crm{--b:#4a98ee;--b2:#2f7fd8;--uv:#8b5cff;--line:#ffffff14;--mute:#8e93a3;text-align:left;width:min(1180px,100%);font-family:var(--f-text);background:#0a0c13;border:1px solid #ffffff1f;border-radius:18px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 50px 140px -40px #000000f2,0 0 120px -40px #2f7fd873}.crm-bar{border-bottom:1px solid var(--line);background:linear-gradient(#161b26,#10141d);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;height:42px;padding:0 16px;display:grid}.crm-dots{gap:7px;display:flex}.crm-dots i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.crm-dots i:nth-child(2){background:#febc2e}.crm-dots i:nth-child(3){background:#28c840}.crm-addr{color:var(--mute);background:#ffffff0f;border-radius:8px;justify-self:center;padding:5px 14px;font-size:12.5px}.crm-live{font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);align-items:center;gap:7px;display:flex}.crm-live i{background:#3ddc84;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite crm-pulse;box-shadow:0 0 10px #3ddc84}@keyframes crm-pulse{50%{opacity:.35}}.crm-body{grid-template-columns:190px 1fr 320px;min-height:560px;display:grid}.crm-side{border-right:1px solid var(--line);background:#ffffff04;flex-direction:column;gap:18px;padding:18px 14px;display:flex}.crm-brand{color:#f5f5f7;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:600;display:flex}.crm-brand span{background:linear-gradient(135deg, var(--b), var(--uv));color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.crm-side nav{gap:2px;display:grid}.crm-side nav button,.crm-nav-up{font:inherit;color:#c7cad3;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13.5px;display:flex}.crm-side nav button.on{color:#fff;background:#4a98ee24}.crm-side nav button span{background:var(--b2);color:#fff;text-align:center;border-radius:999px;min-width:20px;padding:2px 6px;font-size:11px}.crm-nav-up{cursor:default;color:var(--mute)}.crm-nav-up small{color:#b9a6ff;border:1px solid #8b5cff80;border-radius:999px;padding:2px 6px;font-size:10px}.crm-kpi{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;margin-top:auto;padding:14px}.crm-kpi p{color:var(--mute);margin:0;font-size:11px}.crm-kpi b{letter-spacing:-.02em;color:#f5f5f7;font-variant-numeric:tabular-nums;margin:2px 0 10px;font-size:19px;display:block}.crm-kpi b.won{color:#5fd38d;margin-bottom:0}.crm-main{flex-direction:column;gap:14px;min-width:0;padding:16px 18px;display:flex}.crm-head{justify-content:space-between;align-items:center;display:flex}.crm-head h3{font-family:var(--f-sans);letter-spacing:-.02em;color:#f5f5f7;margin:0;font-size:18px;font-weight:600}.crm-seg{border:1px solid var(--line);background:#ffffff0d;border-radius:10px;padding:3px;display:flex}.crm-seg button{color:var(--mute);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:6px 12px;font-size:12.5px}.crm-seg button.on{color:#fff;background:#ffffff1a}.crm-kanban{flex:1;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;display:grid;overflow-x:auto}.crm-col{background:#ffffff06;border:1px dashed #0000;border-radius:12px;flex-direction:column;gap:8px;padding:8px;transition:border-color .2s;display:flex}.crm-col.can-drop{border-color:#4a98ee59}.crm-col-h{letter-spacing:.04em;text-transform:uppercase;color:var(--mute);justify-content:space-between;margin:2px 4px 4px;font-size:11.5px;font-weight:600;display:flex}.crm-card{border:1px solid var(--line);color:#e9eaee;font:inherit;text-align:left;cursor:pointer;background:#11141d;border-radius:11px;gap:6px;padding:11px;transition:border-color .2s,transform .2s,box-shadow .2s;display:grid}.crm-card:hover{border-color:#ffffff2e;transform:translateY(-1px)}.crm-card.on{border-color:var(--b);box-shadow:0 0 0 1px var(--b), 0 10px 30px -12px #4a98ee99}.crm-card.fresh{animation:.7s cubic-bezier(.2,.8,.2,1) crm-in}@keyframes crm-in{0%{opacity:0;box-shadow:0 0 0 2px var(--b), 0 0 30px #4a98eecc;transform:translateY(-10px)scale(.96)}}.crm-card-top{justify-content:space-between;gap:6px;font-size:13px;display:flex}.crm-card-top small{color:var(--mute);white-space:nowrap;font-size:11px}.crm-card-need{color:#aeb2be;font-size:12px;line-height:1.35}.crm-card-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:10.5px;display:flex}.crm-card-meta i{color:#aeb2be;background:#ffffff0f;border-radius:5px;padding:2px 6px;font-style:normal}.crm-card-meta em{color:#f5f5f7;margin-left:auto;font-style:normal;font-weight:600}.crm-chip{border-radius:999px;justify-self:start;padding:3px 8px;font-size:10.5px;font-weight:500}.crm-chip.ai{color:#c9bbff;background:#8b5cff24;border:1px solid #8b5cff59}.crm-chip.ok{color:#7fe0a6;background:#3ddc841a;border:1px solid #3ddc844d}.crm-chip.big{padding:8px 12px;font-size:13px}.crm-table{border:1px solid var(--line);border-radius:12px;display:grid;overflow:hidden}.crm-tr{border:0;border-top:1px solid var(--line);color:#d6d8df;font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:1.1fr 1.6fr .8fr .8fr .7fr;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:grid}.crm-tr.th{color:var(--mute);text-transform:uppercase;letter-spacing:.05em;cursor:default;background:#ffffff08;border-top:0;font-size:11px}.crm-tr:not(.th):hover{background:#ffffff08}.crm-tr.on{background:#4a98ee1a}.crm-tr b{color:#f5f5f7;font-weight:500;display:block}.crm-tr small{color:var(--mute)}.crm-stage{background:#ffffff12;border-radius:999px;padding:3px 8px;font-size:11px;font-style:normal}.crm-stage.nieuw{color:#9cc6ff;background:#4a98ee26}.crm-stage.offerte{color:#c9bbff;background:#8b5cff26}.crm-stage.gewonnen{color:#7fe0a6;background:#3ddc841f}.crm-contacts{gap:6px;margin:0;padding:0;list-style:none;display:grid}.crm-contacts li{border:1px solid var(--line);background:#11141d;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.crm-contacts b{color:#f5f5f7;font-size:13px;font-weight:500;display:block}.crm-contacts small{color:var(--mute);font-size:12px}.crm-av{color:#fff;background:linear-gradient(135deg, var(--b2), var(--uv));border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.crm-contact-tags{gap:6px;display:flex}.crm-contact-tags i{color:#aeb2be;background:#ffffff0f;border-radius:999px;padding:3px 8px;font-size:11px;font-style:normal}.crm-contact-tags i.won{color:#7fe0a6;background:#3ddc841a}.crm-detail{border-left:1px solid var(--line);background:#ffffff05;flex-direction:column;gap:12px;padding:18px;display:flex}.crm-detail-k{font:500 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--b);margin:0}.crm-detail h4{font-family:var(--f-sans);letter-spacing:-.03em;color:#f5f5f7;margin:0;font-size:20px}.crm-detail-need{color:#c7cad3;margin:0;font-size:13.5px;line-height:1.45}.crm-detail-need small{color:var(--mute)}.crm-mail{background:linear-gradient(#8b5cff14,#4a98ee08);border:1px solid #8b5cff4d;border-radius:12px;overflow:hidden}.crm-mail-h{color:#c9bbff;border-bottom:1px solid #8b5cff33;align-items:center;gap:8px;margin:0;padding:9px 12px;font-size:12px;display:flex}.crm-claude{color:#e8916b;font-size:14px}.crm-mail pre{white-space:pre-wrap;min-height:196px;font:12.5px/1.55 var(--f-text);color:#e3e4ea;margin:0;padding:12px}.crm-caret{vertical-align:-2px;background:var(--b);width:7px;height:14px;margin-left:1px;animation:.9s steps(2,end) infinite crm-pulse;display:inline-block}.crm-caret.done{display:none}.crm-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crm-send{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(180deg, var(--b), var(--b2));border:0;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;box-shadow:0 8px 22px -8px #2f7fd8cc}.crm-send:disabled{opacity:.45;cursor:default}.crm-send:not(:disabled):hover{transform:translateY(-1px)}.crm-next{border:1px solid var(--line);color:#d6d8df;font:inherit;cursor:pointer;background:#ffffff0a;border-radius:10px;padding:9px 12px;font-size:12.5px}.crm-toast{color:#fff;background:#10141eeb;border:1px solid #4a98ee80;border-radius:999px;margin:0;padding:10px 16px;font-size:13px;animation:.4s cubic-bezier(.2,.8,.2,1) crm-toast;position:absolute;bottom:18px;left:50%;translate:-50%;box-shadow:0 14px 40px -10px #000c}@keyframes crm-toast{0%{opacity:0;translate:-50% 10px}}@media (max-width:1000px){.crm-body{grid-template-columns:1fr}.crm-side{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center}.crm-side nav{flex-wrap:wrap;display:flex}.crm-nav-up,.crm-kpi{display:none}.crm-kanban{grid-template-columns:repeat(4,210px)}.crm-detail{border-left:0;border-top:1px solid var(--line)}.crm-tr{grid-template-columns:1.2fr 1.4fr .8fr}.crm-tr>:nth-child(3),.crm-tr>:nth-child(5){display:none}}@media (prefers-reduced-motion:reduce){.crm-card.fresh,.crm-toast,.crm-live i,.crm-caret{animation:none}}.crm-mods{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.crm-mods li{border:1px solid var(--hair,#ffffff1a);background:linear-gradient(#ffffff0f,#ffffff04);border-radius:22px;flex-direction:column;gap:10px;padding:24px 22px;display:flex;position:relative}.crm-mods li.base{background:linear-gradient(#4a98ee24,#ffffff04);border-color:#4a98ee73}.crm-mods-tag{font:500 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#a1a1a6;border:1px solid #ffffff24;border-radius:999px;align-self:flex-start;padding:5px 9px}.crm-mods li.base .crm-mods-tag{color:#9cc6ff;border-color:#4a98ee80}.crm-mods h3{font-family:var(--f-sans);letter-spacing:-.03em;margin:0;font-size:21px}.crm-mods p{color:var(--grey,#a1a1a6);margin:0;font-size:14.5px;line-height:1.5}.crm-mods .crm-mods-price{color:var(--ink,#f5f5f7);border-top:1px solid #ffffff14;margin-top:auto;padding-top:10px;font-size:16px;font-weight:600}.crm-mods a{color:#7fb6f5;font-size:14px}@media (max-width:1000px){.crm-mods{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.crm-mods{grid-template-columns:1fr}}.sp-showcase{padding-inline:var(--gutter) var(--gutter-r);margin-top:clamp(30px,5vw,60px)}.sp-showcase-note{text-align:center;max-width:1180px;color:var(--grey-2,#6e6e73);margin:14px auto 0;font-size:13px}