:root{--navy: #24254e;--navy-deep: #1b2142;--navy-soft: #2e3560;--oranje: #e45c14;--amber: #f6a320;--blauw: #3b6ff5;--blauw-hover: #2e5cd6;--lime: #b8cc1e;--lime-bg: #f4f8d8;--bg: #f7f8fb;--surface: #ffffff;--border: #e6e8ef;--text: #1c2033;--text-2: #5c637a;--text-3: #9aa1b5;--groen: #10b981;--rood: #ef4444;--geel: #f59e0b;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 10px rgba(27, 33, 66, .07);--sidebar-w: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,sans-serif;font-weight:400;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--blauw);text-decoration:none}a:hover{text-decoration:underline}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4{font-family:Poppins,system-ui,sans-serif;font-weight:700;color:var(--navy);line-height:1.25}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}h4{font-size:1rem}p{color:var(--text-2)}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--navy-deep);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform .25s ease}.sidebar-logo{padding:20px 16px 8px}.sidebar-logo-inner{background:#fff;border-radius:var(--radius-sm);padding:10px 14px;display:flex;align-items:center;justify-content:center}.sidebar-logo-inner img{height:32px;width:auto}.sidebar-new-btn{margin:16px 16px 8px;display:flex;align-items:center;gap:8px;background:var(--blauw);color:#fff;border-radius:var(--radius-sm);padding:10px 16px;font-size:.875rem;font-weight:600;transition:background .15s;text-decoration:none}.sidebar-new-btn:hover{background:var(--blauw-hover);text-decoration:none}.sidebar-nav{flex:1;padding:8px 0;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:11px 20px;color:#ffffffa6;font-size:.9rem;font-weight:500;cursor:pointer;border-left:3px solid transparent;transition:color .15s,background .15s,border-color .15s;text-decoration:none;position:relative}.sidebar-nav-item:hover{color:#fff;background:var(--navy-soft);text-decoration:none}.sidebar-nav-item.actief{color:#fff;border-left-color:var(--oranje);background:#ffffff0f}.sidebar-nav-item svg{flex-shrink:0;opacity:.7}.sidebar-nav-item.actief svg{opacity:1}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.08);padding:12px 0 8px}.sidebar-bottom .sidebar-nav-item{font-size:.85rem}.sidebar-user{padding:12px 16px;display:flex;align-items:center;gap:10px}.sidebar-avatar{width:34px;height:34px;border-radius:50%;background:var(--oranje);color:#fff;font-family:Poppins,sans-serif;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-naam{font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-klant{font-size:.72rem;color:#ffffff73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{margin-left:var(--sidebar-w);flex:1;min-width:0;display:flex;flex-direction:column}.page-header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 32px;height:60px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:50}.page-header-title{font-family:Poppins,sans-serif;font-weight:700;font-size:1.05rem;color:var(--navy);flex:1}.page-header-right{display:flex;align-items:center;gap:12px}.klant-switcher{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 32px 6px 12px;font-size:.85rem;color:var(--text);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c637a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:180px}.klant-switcher:focus{outline:2px solid var(--blauw);outline-offset:2px}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--navy)}.page-body{padding:28px 32px;flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-title{font-family:Poppins,sans-serif;font-weight:700;font-size:1rem;color:var(--navy)}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px}.kpi-getal{font-family:Poppins,sans-serif;font-weight:700;font-size:2rem;color:var(--navy);line-height:1}.kpi-label{font-size:.82rem;color:var(--text-2);font-weight:500}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;cursor:pointer;border:none;white-space:nowrap;text-decoration:none}.btn-primary{background:var(--blauw);color:#fff}.btn-primary:hover{background:var(--blauw-hover);text-decoration:none;color:#fff}.btn-ghost{background:transparent;color:var(--text-2);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg);color:var(--text);text-decoration:none}.btn-danger{background:var(--rood);color:#fff}.btn-danger:hover{background:#dc2626;color:#fff;text-decoration:none}.btn-disabled,.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-sm{padding:6px 12px;font-size:.8rem}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap;line-height:1.4}.badge-pakket-basis{background:#f1f2f6;color:var(--text-2)}.badge-pakket-plus{background:#fff4de;color:#a16207}.badge-pakket-premium{background:var(--navy);color:var(--lime)}.badge-pakket-custom{background:#ede9fe;color:#6d28d9}.badge-urgentie-laag{background:#f1f2f6;color:var(--text-2)}.badge-urgentie-middel{background:#fff4de;color:#92400e}.badge-urgentie-hoog{background:#fee2e2;color:#b91c1c}.badge-status-voorgesteld{background:#dbeafe;color:#1e40af}.badge-status-geinteresseerd{background:#fef3c7;color:#92400e}.badge-status-gesprek{background:#ede9fe;color:#5b21b6}.badge-status-geplaatst{background:#d1fae5;color:#065f46}.badge-status-afgewezen{background:#fee2e2;color:#991b1b}.badge-vacature-open{background:#d1fae5;color:#065f46}.badge-vacature-gesloten{background:#f1f2f6;color:var(--text-2)}.badge-vacature-concept{background:#fef3c7;color:#92400e}.badge-vacature-verlopen{background:#fee2e2;color:#991b1b}.chip-binnenkort{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;background:var(--lime);color:#2d3600;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.input,.select,textarea.input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s;line-height:1.5}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--blauw);box-shadow:0 0 0 3px #3b6ff51f}.input::placeholder{color:var(--text-3)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235c637a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-groep{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.85rem;font-weight:600;color:var(--text)}.form-hint{font-size:.78rem;color:var(--text-3)}.form-fout{font-size:.8rem;color:var(--rood)}.tabel-wrapper{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse}thead th{padding:11px 16px;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);background:var(--bg);border-bottom:1px solid var(--border);white-space:nowrap}tbody tr{border-bottom:1px solid var(--border);transition:background .12s;cursor:pointer}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#3b6ff508}tbody td{padding:13px 16px;font-size:.875rem;color:var(--text);vertical-align:middle}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b214273;z-index:200;animation:fadeIn .2s ease}.drawer{position:fixed;top:0;right:0;width:min(520px,95vw);height:100vh;background:var(--surface);z-index:201;display:flex;flex-direction:column;box-shadow:-4px 0 24px #1b21421f;animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:12px}.drawer-sluit{margin-left:auto;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-2);cursor:pointer;transition:background .15s}.drawer-sluit:hover{background:var(--border)}.drawer-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.skeleton{background:linear-gradient(90deg,var(--border) 25%,#eceef4 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-tekst{height:14px;border-radius:4px;margin-bottom:8px}.skeleton-kop{height:22px;border-radius:4px;margin-bottom:12px}.skeleton-blok{height:80px;border-radius:var(--radius-sm)}.empty-state{text-align:center;padding:56px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state-icoon{width:56px;height:56px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-3);font-size:1.5rem;margin-bottom:4px}.empty-state h3{font-size:1.05rem;color:var(--navy)}.empty-state p{font-size:.875rem;color:var(--text-2);max-width:320px}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:.875rem;border-left:3px solid}.alert-fout{background:#fef2f2;border-color:var(--rood);color:#991b1b}.alert-succes{background:#f0fdf4;border-color:var(--groen);color:#065f46}.alert-info{background:#eff6ff;border-color:var(--blauw);color:#1e40af}.teaser-card{background:var(--navy);border-radius:var(--radius);padding:24px;color:#ffffffd9;display:flex;align-items:center;justify-content:space-between;gap:16px}.teaser-card-tekst h3{color:#fff;margin-bottom:4px}.teaser-card-tekst p{color:#ffffffa6;font-size:.875rem}.progress-bar-wrap{height:5px;background:var(--border);border-radius:999px;overflow:hidden;width:80px}.progress-bar-fill{height:100%;background:var(--oranje);border-radius:999px;transition:width .3s}.divider{height:1px;background:var(--border);margin:4px 0}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--blauw);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.laad-scherm{display:flex;align-items:center;justify-content:center;min-height:200px;gap:12px;color:var(--text-2);font-size:.875rem}.stap-indicator{display:flex;align-items:center;gap:0;margin-bottom:32px}.stap-item{display:flex;align-items:center;gap:10px;flex:1}.stap-cirkel{width:30px;height:30px;border-radius:50%;background:var(--border);color:var(--text-2);font-size:.8rem;font-weight:700;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,color .2s}.stap-cirkel.actief{background:var(--blauw);color:#fff}.stap-cirkel.klaar{background:var(--groen);color:#fff}.stap-naam{font-size:.8rem;font-weight:600;color:var(--text-2)}.stap-naam.actief{color:var(--navy)}.stap-lijn{flex:1;height:2px;background:var(--border);margin:0 8px}.segment-control{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.segment-btn{padding:7px 14px;font-size:.825rem;font-weight:600;color:var(--text-2);background:transparent;border:none;cursor:pointer;transition:background .15s,color .15s}.segment-btn.actief{background:var(--surface);color:var(--navy);box-shadow:0 1px 4px #0000000f}.segment-btn:hover:not(.actief){color:var(--text)}.filterbalk{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.filterbalk .input{width:auto;min-width:200px}.pipeline-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.pipeline-chip{padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.pipeline-chip:hover{border-color:var(--navy);color:var(--navy)}.pipeline-chip.actief{border-color:var(--blauw);background:#eff6ff;color:var(--blauw)}.pipeline-chip-count{background:currentColor;color:#fff;width:18px;height:18px;border-radius:50%;font-size:.68rem;display:flex;align-items:center;justify-content:center}.toggle-wrap{display:flex;align-items:center;gap:10px;cursor:pointer}.toggle{width:42px;height:24px;background:var(--border);border-radius:999px;position:relative;transition:background .2s;flex-shrink:0}.toggle.aan{background:var(--groen)}.toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 4px #0000002e}.toggle.aan:after{transform:translate(18px)}@media(max-width:900px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.hamburger-btn{display:flex}.page-body{padding:20px 16px}.page-header{padding:0 16px}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr 1fr}.drawer{width:100vw}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b21428c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.onboarding-kaart{background:var(--surface);border-radius:var(--radius);box-shadow:0 8px 48px #1b21422e;width:100%;max-width:540px;padding:40px 36px 32px;position:relative;display:flex;flex-direction:column;gap:28px}.onboarding-sluit{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--text-3);padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .15s}.onboarding-sluit:hover{color:var(--text)}.onboarding-dots{display:flex;gap:8px;justify-content:center}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border);transition:background .2s,transform .2s}.onboarding-dot.actief{background:var(--blauw);transform:scale(1.25)}.onboarding-dot.klaar{background:var(--groen)}.onboarding-stap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-height:200px;justify-content:center}.onboarding-logo-wrap{background:var(--navy-deep);border-radius:14px;padding:16px 24px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:4px}.onboarding-logo-wrap img{height:36px;display:block}.onboarding-icoon{font-size:2.8rem;margin-bottom:4px;line-height:1}.onboarding-stap h2{font-size:1.25rem;font-weight:700;color:var(--navy);margin:0}.onboarding-stap p{font-size:.9rem;color:var(--text-2);line-height:1.6;max-width:400px;margin:0}.onboarding-stap ul{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;max-width:380px}.onboarding-stap ul li{display:flex;align-items:flex-start;gap:8px;font-size:.875rem;color:var(--text-2)}.onboarding-stap ul li:before{content:"✓";color:var(--groen);font-weight:700;flex-shrink:0;margin-top:1px}.onboarding-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.onboarding-nav-links{display:flex;gap:8px}.checklist-kaart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:24px}.checklist-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.checklist-header-links{flex:1}.checklist-titel{font-size:1rem;font-weight:700;color:var(--navy);margin:0 0 10px}.checklist-voortgang-balk{height:6px;background:var(--border);border-radius:99px;overflow:hidden;max-width:280px}.checklist-voortgang-vulling{height:100%;background:var(--groen);border-radius:99px;transition:width .35s ease}.checklist-voortgang-tekst{font-size:.78rem;color:var(--text-3);margin-top:5px}.checklist-verberg-btn{background:none;border:none;cursor:pointer;font-size:.78rem;color:var(--text-3);padding:2px 6px;border-radius:6px;white-space:nowrap;transition:color .15s;flex-shrink:0}.checklist-verberg-btn:hover{color:var(--text-2)}.checklist-items{display:flex;flex-direction:column;gap:0}.checklist-item{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--border);text-decoration:none;color:inherit;transition:background .12s;border-radius:4px}.checklist-item:last-child{border-bottom:none}.checklist-item:hover .checklist-item-label{color:var(--blauw)}.checklist-cirkel{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s,background .2s}.checklist-cirkel.afgevinkt{border-color:var(--groen);background:var(--groen);color:#fff}.checklist-cirkel svg{display:block}.checklist-item-label{font-size:.875rem;font-weight:500;color:var(--text);transition:color .15s}.checklist-item-label.afgevinkt{color:var(--text-3);text-decoration:line-through;font-weight:400}.checklist-item-pijl{margin-left:auto;color:var(--text-3);font-size:.85rem}@media(max-width:540px){.onboarding-kaart{padding:28px 20px 24px}}.overzicht-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.overzicht-twee-kolommen{display:grid;grid-template-columns:1fr 1fr;gap:20px}.overzicht-kandidaten-lijst{display:flex;flex-direction:column;gap:2px}.overzicht-kandidaat-rij{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s;text-decoration:none}.overzicht-kandidaat-rij:hover{background:var(--bg)}.overzicht-kandidaat-avatar{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-family:Poppins,sans-serif;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.overzicht-kandidaat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.overzicht-kandidaat-naam{font-size:.875rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overzicht-kandidaat-meta{font-size:.78rem;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overzicht-kandidaat-datum{font-size:.75rem;color:var(--text-3);white-space:nowrap;flex-shrink:0}.overzicht-tooltip{background:var(--navy);color:#fff;border-radius:var(--radius-sm);padding:8px 12px;font-size:.82rem;box-shadow:var(--shadow)}.overzicht-tooltip-label{color:#ffffffa6;font-size:.75rem;margin-bottom:2px}.overzicht-tooltip-waarde{font-family:Poppins,sans-serif;font-weight:700}@media(max-width:900px){.overzicht-twee-kolommen{grid-template-columns:1fr}}.vacature-titel{font-size:.875rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.vacature-sub{font-size:.75rem;color:var(--text-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.vacature-looptijd-tekst{font-size:.75rem;color:var(--text-3);white-space:nowrap}.vac-detail-terug{display:inline-flex;align-items:center;gap:4px;font-size:.875rem;color:var(--text-2);margin-bottom:20px;transition:color .15s}.vac-detail-terug:hover{color:var(--navy);text-decoration:none}.vac-detail-header{margin-bottom:20px}.vac-detail-kop{display:flex;align-items:flex-start;gap:20px}.vac-detail-logo{width:64px;height:64px;object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border);flex-shrink:0}.vac-detail-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.vac-detail-main{display:flex;flex-direction:column;gap:20px}.vac-detail-zijkolom{display:flex;flex-direction:column;gap:16px;position:sticky;top:76px}.vac-detail-kpi-rij{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.vac-detail-kpi{display:flex;flex-direction:column;gap:3px}.vac-detail-kpi-getal{font-family:Poppins,sans-serif;font-weight:700;font-size:1.4rem;color:var(--navy);line-height:1}.vac-detail-kpi-label{font-size:.75rem;color:var(--text-3);font-weight:500}.vac-funnel-stappen{display:flex;flex-direction:column;gap:12px}.vac-funnel-stap{display:grid;grid-template-columns:130px 1fr 48px;align-items:center;gap:12px}.vac-funnel-label{font-size:.82rem;color:var(--text-2);font-weight:500}.vac-funnel-balk-wrap{height:22px;background:var(--bg);border-radius:4px;overflow:hidden}.vac-funnel-balk{height:100%;border-radius:4px;transition:width .5s ease;min-width:4px}.vac-funnel-getal{font-family:Poppins,sans-serif;font-weight:700;font-size:.9rem;color:var(--navy);text-align:right}.vac-kandidaten-lijst{display:flex;flex-direction:column;gap:2px}.vac-kandidaat-rij{display:flex;align-items:center;gap:12px;padding:10px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background .12s}.vac-kandidaat-rij:hover{background:var(--bg)}.vac-kandidaat-avatar{width:34px;height:34px;border-radius:50%;background:var(--navy-soft);color:#fff;font-family:Poppins,sans-serif;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vac-kandidaat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.vac-kandidaat-naam{font-size:.875rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vac-kandidaat-meta{font-size:.75rem;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vac-kandidaat-datum{font-size:.75rem;color:var(--text-3);white-space:nowrap}.vac-tabs-header{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px;gap:0}.vac-tab-btn{padding:12px 20px;font-size:.875rem;font-weight:600;color:var(--text-2);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px}.vac-tab-btn:hover{color:var(--navy)}.vac-tab-btn.actief{color:var(--navy);border-bottom-color:var(--oranje)}.vac-html-inhoud{font-size:.9rem;line-height:1.7;color:var(--text-2)}.vac-html-inhoud h1,.vac-html-inhoud h2,.vac-html-inhoud h3,.vac-html-inhoud h4{margin-top:1.25em;margin-bottom:.5em;color:var(--navy)}.vac-html-inhoud p{margin-bottom:.75em}.vac-html-inhoud ul,.vac-html-inhoud ol{padding-left:1.4em;margin-bottom:.75em;list-style:disc}.vac-html-inhoud ol{list-style:decimal}.vac-html-inhoud li{margin-bottom:.25em}.vac-zijkolom-rijen{display:flex;flex-direction:column;gap:10px}.vac-zijkolom-rij{display:flex;flex-direction:column;gap:2px}.vac-zijkolom-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}.vac-zijkolom-waarde{font-size:.875rem;color:var(--text);font-weight:500}.vac-platform-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;background:var(--bg);border:1px solid var(--border);font-size:.75rem;font-weight:500;color:var(--text-2)}.vac-zijkolom-campagne{border:1px dashed var(--border);background:var(--bg)}@media(max-width:1100px){.vac-detail-kpi-rij{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.vac-detail-layout{grid-template-columns:1fr}.vac-detail-zijkolom{position:static}.vac-funnel-stap{grid-template-columns:100px 1fr 40px}}@media(max-width:600px){.vac-detail-kpi-rij{grid-template-columns:repeat(2,1fr)}.vac-tab-btn{padding:10px 12px;font-size:.8rem}}