@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lexend:wght@400;500;600;700&family=Syne:wght@700;800&display=swap";
:root{--color-volt:#ffdc3c;--color-stroomzwart:#0a0a0a;--color-grafiet:#1a1a1a;--color-krijt:#f5f5f0;--color-wit:#fff;--color-background:var(--color-krijt);--color-surface:var(--color-wit);--color-text-primary:var(--color-stroomzwart);--color-text-muted:#0a0a0a8c;--color-text-subtle:#0a0a0a66;--color-border:#0a0a0a14;--color-border-strong:#0a0a0a29;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#ea580c;--color-warning-bg:#fff7ed;--color-info:#2563eb;--color-info-bg:#eff6ff;--color-purple:#7c3aed;--color-purple-bg:#f5f3ff;--color-error:#dc2626;--color-error-bg:#fef2f2;--font-syne:"Syne", sans-serif;--font-dm-sans:"DM Sans", sans-serif;--font-lexend:"Lexend", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-card:0 1px 3px #0a0a0a0a, 0 1px 2px #0a0a0a0f;--shadow-card-hover:0 4px 12px #0a0a0a14;--shadow-modal:0 20px 60px #0a0a0a33;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-dm-sans);background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100%;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-lexend);color:var(--color-text-primary);font-weight:700;line-height:1.2}button{font-family:var(--font-dm-sans);cursor:pointer;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}input,select,textarea{font-family:var(--font-dm-sans)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.login-header{justify-content:space-between;align-items:center;gap:12px;display:flex}@media (max-width:640px){.login-header{flex-wrap:wrap;justify-content:center}}.app-header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:0 24px;display:flex}.app-header-actions{align-items:center;gap:12px;min-width:0;display:flex}.app-header-role-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-header-pill{display:inline-block}@media (max-width:640px){.app-header{padding:0 12px}.app-header-actions{gap:8px}.app-header-name{display:none}.app-header-role-text{max-width:140px}.app-header-pill{display:none}}.lead-detail-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (max-width:768px){.lead-detail-grid{grid-template-columns:1fr}}.lead-row{grid-template-columns:2fr 2fr 1fr 1fr 1fr 1fr;display:grid}.lead-row-datum-mobiel{display:none}@media (max-width:640px){.lead-row{grid-template-columns:1fr auto;align-items:center}.lead-cell-email,.lead-cell-woonplaats,.lead-cell-bedrag,.lead-cell-datum{display:none}.lead-row-datum-mobiel{color:#00000073;margin-top:2px;font-size:12px;font-weight:400;display:block}}