@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400..700&display=swap");:root{--grijs-25:#fcfcfd;--grijs-50:#f8f9fa;--grijs-100:#f2f3f5;--grijs-150:#eaecef;--grijs-200:#e1e3e8;--grijs-300:#cbced6;--grijs-400:#9ea2ad;--grijs-500:#71757f;--grijs-600:#565a63;--grijs-700:#3e424a;--grijs-800:#292c32;--grijs-900:#1c1e22;--grijs-950:#131519;--color-primary:var(--grijs-900);--color-primary-light:var(--grijs-800);--color-primary-subtle:var(--grijs-100);--color-surface:#fff;--color-surface-raised:var(--grijs-25);--color-background:var(--grijs-50);--color-border:var(--grijs-200);--color-border-subtiel:var(--grijs-150);--color-border-sterk:var(--grijs-300);--color-text-primary:var(--grijs-900);--color-text-secondary:var(--grijs-600);--color-text-muted:var(--grijs-500);--color-text-faint:var(--grijs-400);--color-success:#0f7040;--color-success-subtle:#e8f6ee;--color-warning:#96520a;--color-warning-subtle:#fdf4e7;--color-danger:#a32e14;--color-danger-subtle:#fdece8;--color-info:#1f4d8f;--color-info-subtle:#ecf1f9;--font-family:"Inter var","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-features:"zero" 1,"cv05" 1,"cv08" 1,"cv11" 1;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-md:0.875rem;--font-size-lg:1rem;--font-size-xl:1.125rem;--font-size-2xl:1.375rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-kop:1.25;--line-height-normal:1.5;--letter-spacing-kop:-0.021em;--letter-spacing-normaal:-0.006em;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-card:0 1px 2px rgba(19,21,25,.04),0 1px 3px rgba(19,21,25,.03);--ring-focus:0 0 0 2px var(--color-surface),0 0 0 4px var(--grijs-700);--transition-fast:120ms cubic-bezier(0.2,0,0.2,1)}@media (prefers-reduced-motion:reduce){:root{--transition-fast:1ms linear}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-feature-settings:var(--font-features);font-size:var(--font-size-md);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normaal);color:var(--color-text-primary);background:var(--color-background)}.min-h-screen{min-height:100dvh}.bg-gray-50{background-color:var(--color-background)}.bg-white{background-color:var(--color-surface)}.border-b{border-bottom:1px solid}.border-t{border-top:1px solid}.border-gray-200{border-color:var(--color-border)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.text-center{text-align:center}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mt-4{margin-top:var(--spacing-4)}.text-xl{font-size:var(--font-size-xl);line-height:var(--line-height-kop);letter-spacing:var(--letter-spacing-kop)}.text-sm{font-size:var(--font-size-md)}.font-semibold{font-weight:var(--font-weight-semibold)}.text-blue-900{color:var(--color-text-primary)}.text-gray-500{color:var(--color-text-muted)}.text-gray-400{color:var(--color-text-faint)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-6)}.card-ruim{padding:var(--spacing-8) var(--spacing-6)}.card h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-kop);letter-spacing:var(--letter-spacing-kop);color:var(--color-text-primary)}.card h2,.form-group{margin-bottom:var(--spacing-4)}.form-group label{display:block;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.form-group input,.form-group select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--font-size-lg);color:var(--color-text-primary);background:var(--color-surface);min-height:44px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-border-sterk);box-shadow:var(--ring-focus)}.form-group .error{border-color:var(--color-danger)}.error-text{color:var(--color-danger);font-size:var(--font-size-sm)}.error-text,.radio-group{margin-top:var(--spacing-1)}.radio-group{display:flex;gap:var(--spacing-4)}.radio-group label{display:flex;align-items:center;gap:var(--spacing-2);font-weight:var(--font-weight-normal);cursor:pointer;min-height:44px}.radio-group input[type=radio]{width:auto;min-height:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);min-height:44px;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.btn:focus-visible{outline:none;box-shadow:var(--ring-focus)}.btn-primary{background-color:var(--color-primary);color:var(--color-surface)}.btn-primary:hover{background-color:var(--color-primary-light)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--grijs-100)}.btn-danger{background-color:var(--color-danger);color:var(--color-surface)}.status-badge{display:inline-block;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status-complete{background-color:var(--color-success-subtle);color:var(--color-success)}.status-incomplete{background-color:var(--color-warning-subtle);color:var(--color-warning)}.nav-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);border-bottom:1px solid var(--color-border);padding-bottom:0}.nav-tab{padding:var(--spacing-2) var(--spacing-4);text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-md);border-bottom:2px solid transparent;margin-bottom:-1px;min-height:44px;display:inline-flex;align-items:center}.nav-tab.active{color:var(--color-text-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-medium)}.voortgang{margin:calc(-1 * var(--spacing-3)) 0 var(--spacing-6)}.voortgang-stappen{display:flex;align-items:flex-start;list-style:none;margin:0;padding:0}.voortgang-stap{display:flex;align-items:center;flex:1 1;min-width:0}.voortgang-stap:last-child{flex:0 0 auto}.voortgang-link{gap:var(--spacing-2);min-height:44px;text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.voortgang-bol,.voortgang-link{display:inline-flex;align-items:center}.voortgang-bol{width:22px;height:22px;border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:.75rem;font-weight:var(--font-weight-semibold);justify-content:center;flex-shrink:0}.voortgang-stap--klaar .voortgang-bol{background:var(--color-success);border-color:var(--color-success);color:var(--color-surface)}.voortgang-stap--huidig .voortgang-bol{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-subtle)}.voortgang-stap--huidig .voortgang-link{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.voortgang-stap--later .voortgang-link{color:var(--color-text-muted)}.voortgang-lijn{flex:1 1 auto;height:2px;margin:0 var(--spacing-3);background:var(--color-border)}.voortgang-stap--klaar .voortgang-lijn{background:var(--color-success)}.voortgang-actie{margin:var(--spacing-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.voortgang-actie strong{color:var(--color-text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.alert{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-sm);margin-bottom:var(--spacing-4);font-size:var(--font-size-md)}.alert-success{background-color:var(--color-success-subtle);color:var(--color-success)}.alert-error{background-color:var(--color-danger-subtle);color:var(--color-danger)}.alert-info{background-color:var(--color-info-subtle);color:var(--color-info)}@media (max-width:640px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.px-6{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.card{padding:var(--spacing-4);border-radius:var(--radius-md)}.card-ruim{padding:var(--spacing-6) var(--spacing-4)}.nav-tabs{overflow-x:auto}.btn{width:100%}.voortgang-stappen{flex-direction:column;align-items:stretch}.voortgang-stap,.voortgang-stap:last-child{flex:0 0 auto}.voortgang-link{min-height:40px}.voortgang-lijn{display:none}}