:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;--mtm-blue: #1e40af;--mtm-blue-dark: #1d4ed8;--mtm-blue-light: #dbeafe;--mtm-green: #16a34a;--mtm-green-light: #dcfce7;--mtm-red: #dc2626;--mtm-red-light: #fef2f2;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827}*{box-sizing:border-box}body{margin:0;background-color:var(--gray-50);color:var(--gray-900);line-height:1.5}.container{max-width:64rem;margin:0 auto;padding:0 1.5rem}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-x-4>*+*{margin-left:1rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-center{text-align:center}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-900{color:var(--gray-900)}.text-blue-600{color:var(--mtm-blue)}.text-blue-700,.text-blue-800,.text-blue-900{color:var(--mtm-blue-dark)}.text-green-600,.text-green-700,.text-green-800,.text-green-900{color:var(--mtm-green)}.text-red-600,.text-red-800,.text-red-900{color:var(--mtm-red)}.text-yellow-800{color:#92400e}.text-white{color:#fff}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-blue-50,.bg-blue-100{background-color:var(--mtm-blue-light)}.bg-green-50,.bg-green-100{background-color:var(--mtm-green-light)}.bg-red-50{background-color:var(--mtm-red-light)}.bg-yellow-50{background-color:#fefce8}.bg-yellow-100{background-color:#fef3c7}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-gray-200{border-color:var(--gray-200)}.border-gray-300{border-color:var(--gray-300)}.border-blue-200{border-color:var(--mtm-blue-light)}.border-green-200{border-color:var(--mtm-green-light)}.border-red-200{border-color:var(--mtm-red-light)}.border-red-600{border-color:var(--mtm-red)}.border-yellow-200{border-color:#fbbf24}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}header{background-color:#fff;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 3px #0000001a}input,select,textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:.375rem;font-size:.875rem;line-height:1.25rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--mtm-blue);box-shadow:0 0 0 3px #1e40af1a}input:disabled,select:disabled,textarea:disabled{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}label{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700)}input[type=checkbox],input[type=radio]{width:auto;margin-right:.5rem;accent-color:var(--mtm-blue)}.btn{display:inline-flex;align-items:center;padding:.5rem 1rem;font-weight:500;border-radius:.375rem;border:1px solid;cursor:pointer;transition:all .2s;text-decoration:none;font-size:.875rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--mtm-blue);border-color:var(--mtm-blue);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--mtm-blue-dark);border-color:var(--mtm-blue-dark)}.btn-secondary{background-color:#fff;border-color:var(--gray-300);color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50)}.btn-success{background-color:var(--mtm-green);border-color:var(--mtm-green);color:#fff}.btn-success:hover:not(:disabled){background-color:#15803d;border-color:#15803d}.btn-outline{background-color:transparent;border-color:var(--mtm-blue);color:var(--mtm-blue)}.btn-outline:hover:not(:disabled){background-color:var(--mtm-blue-light)}.card{background-color:#fff;border:1px solid var(--gray-300);border-radius:.5rem;padding:1.5rem}.step-indicator{display:flex;align-items:center;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.step-current{background-color:var(--mtm-blue-light);color:var(--mtm-blue-dark)}.step-completed{background-color:var(--mtm-green-light);color:var(--mtm-green)}.step-inactive{background-color:var(--gray-100);color:var(--gray-500)}.field-error{color:var(--mtm-red);font-size:.75rem;margin-top:.25rem}.field-invalid{border-color:var(--mtm-red)!important;box-shadow:0 0 0 1px var(--mtm-red)!important}.w-full{width:100%}.text-left{text-align:left}.max-h-48{max-height:12rem}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.right-3{right:.75rem}.top-2{top:.5rem}.z-10{z-index:10}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.hover\:bg-gray-100:hover{background-color:var(--gray-100)}.hover\:bg-gray-50:hover{background-color:var(--gray-50)}.hover\:underline:hover{text-decoration:underline}.screening-item{cursor:pointer;border-bottom:1px solid var(--gray-200)}.screening-item:hover{background-color:var(--gray-50)}.screening-item:last-child{border-bottom:none}.success-message{background-color:var(--mtm-green-light);border:1px solid var(--mtm-green);border-radius:.5rem;padding:2rem;text-align:center}.success-icon{color:var(--mtm-green);font-size:4rem;font-weight:700;margin-bottom:1rem}.success-message h1{font-size:1.5rem;font-weight:700;color:var(--mtm-green);margin-bottom:1rem}.success-text{color:var(--mtm-green);margin-bottom:1.5rem;font-size:1rem}.success-subtext{color:var(--mtm-green);margin-bottom:0}.success-footer{margin-top:2rem}.success-footer p{font-size:.875rem;color:var(--mtm-green);margin:0}.error-message{background-color:var(--mtm-red-light);border:1px solid var(--mtm-red);border-radius:.5rem;padding:2rem}.error-icon{color:var(--mtm-red);font-size:3rem;font-weight:700;margin-bottom:1rem}.error-message h1{font-size:1.5rem;font-weight:700;color:var(--mtm-red);margin-bottom:1rem}.error-text{color:var(--mtm-red);margin-bottom:1.5rem}.error-actions{display:flex;gap:1rem}.page-subtitle{color:var(--gray-600);margin-bottom:2rem}.card h2{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.group-summary{border-bottom:1px solid var(--gray-200);padding-bottom:1rem;margin-bottom:1rem}.group-summary:last-child{border-bottom:none;margin-bottom:0}.group-summary h3{font-weight:500;color:var(--gray-900);margin-bottom:1rem}.screening-details{background-color:var(--mtm-blue-light);border:1px solid var(--mtm-blue);border-radius:.375rem;padding:1rem;margin-bottom:1rem}.screening-title{font-size:1rem;font-weight:600;color:var(--mtm-blue-dark);margin-bottom:.75rem}.screening-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;font-size:.875rem;color:var(--mtm-blue-dark)}.group-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;font-size:.875rem;color:var(--gray-700)}.group-toelichting{grid-column:span 2}.contact-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;font-size:.875rem;color:var(--gray-700)}.navigation-buttons{display:flex;justify-content:space-between;margin-top:2rem}.intro-text{background-color:#fff;border:1px solid var(--gray-200);border-radius:.5rem;padding:1.5rem}.intro-text h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem;margin-top:0}.intro-text h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:.75rem;margin-top:1rem}.intro-text p{color:var(--gray-700);margin-bottom:1rem;line-height:1.6}.intro-text ul{margin-bottom:1rem;padding-left:1.5rem;color:var(--gray-700)}.intro-text li{margin-bottom:.5rem;line-height:1.6}.intro-text a{color:var(--mtm-blue);text-decoration:none}.intro-text a:hover{text-decoration:underline}.intro-text img{max-width:100%;height:auto;margin-bottom:1rem}.intro-text strong,.intro-text em{color:var(--gray-900)}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2 / span 2}.screening-info,.group-info,.contact-info{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.screening-info,.group-info,.contact-info{grid-template-columns:1fr;gap:.75rem}.group-toelichting{grid-column:span 1}.navigation-buttons{flex-direction:column;gap:1rem}.navigation-buttons .btn{width:100%;justify-content:center}}