*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primair:#c8102e;--blauw:var(--primair);--blauw-mid:var(--primair);--blauw-licht:#fdecea;--rood:#b91c1c;--grijs-50:#f8fafc;--grijs-100:#f1f5f9;--grijs-200:#e2e8f0;--grijs-400:#94a3b8;--grijs-600:#475569;--grijs-800:#1e293b;--donker:#1a1a1a;--groen:#16a34a;--oranje:#d97706;--radius:8px;--kaart-radius:8px;--shadow:0 1px 4px #0000001f;--achtergrond-tekstkleur:#fff;--tab-actief-kleur:var(--primair);--lettertype:"Segoe UI", system-ui, sans-serif;--body-bg:linear-gradient(160deg, var(--donker) 0%, color-mix(in srgb, var(--primair) 25%, #000) 50%, var(--primair) 100%);--nav-bg:#1a1a1ad9;--nav-tekstkleur:var(--achtergrond-tekstkleur);--sub-nav-bg:#0f0f0feb;--sub-nav-tekstkleur:var(--achtergrond-tekstkleur)}body{font-family:var(--lettertype);background:var(--body-bg);color:var(--grijs-800);background-attachment:fixed;min-height:100vh;font-size:15px;line-height:1.6}a{color:var(--blauw-mid);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-weight:700;line-height:1.3}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 20px;font-size:14px;font-weight:600;transition:opacity .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primair{background:var(--blauw);color:#fff}.btn-primair:hover:not(:disabled){opacity:.88}.btn-blauw{background:var(--primair);color:#fff}.btn-blauw:hover:not(:disabled){opacity:.88}.btn-gevaar{background:var(--rood);color:#fff}.btn-gevaar:hover:not(:disabled){background:#991b1b}.btn-grijs{background:var(--grijs-200);color:var(--grijs-800)}.btn-grijs:hover:not(:disabled){background:#cbd5e1}.btn-rood{color:#fff;background:#dc2626}.btn-rood:hover:not(:disabled){background:#b91c1c}.btn-klein{padding:5px 12px;font-size:13px}.btn-vol{justify-content:center;width:100%}.form-groep{flex-direction:column;gap:5px;margin-bottom:16px;display:flex}.form-groep label{color:var(--grijs-600);font-size:13px;font-weight:600}.form-groep input,.form-groep select,.form-groep textarea{border:1px solid var(--grijs-200);border-radius:var(--radius);background:#fff;padding:9px 12px;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-groep input:focus,.form-groep select:focus,.form-groep textarea:focus{border-color:var(--primair);box-shadow:0 0 0 3px color-mix(in srgb, var(--primair) 20%, transparent);outline:none}.form-fout{color:var(--rood);margin-top:2px;font-size:13px}.form-rij{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=540px){.form-rij{grid-template-columns:1fr}}.kaart{border-radius:var(--kaart-radius);box-shadow:var(--shadow);background:#fff;padding:24px}.melding{border-radius:var(--radius);margin-bottom:16px;padding:12px 16px;font-size:14px}.melding-fout{color:var(--rood);background:#fef2f2;border:1px solid #fecaca}.melding-ok{color:var(--groen);background:#f0fdf4;border:1px solid #bbf7d0}.melding-info{background:var(--blauw-licht);color:var(--blauw);border:1px solid #bfdbfe}.melding-waarsch{color:var(--oranje);background:#fffbeb;border:1px solid #fde68a}.melding-neutraal{color:var(--grijs-700,#374151);background:#f8f9fa;border:1px solid #e5e7eb}.badge{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge-blauw{background:var(--blauw-licht);color:var(--blauw)}.badge-groen{color:var(--groen);background:#dcfce7}.badge-rood{color:var(--rood);background:#fee2e2}.badge-grijs{background:var(--grijs-200);color:var(--grijs-600)}.badge-oranje{color:var(--oranje);background:#fef3c7}.tabel-wrapper{overflow-x:auto}.tabel{border-collapse:collapse;width:100%;font-size:14px}.tabel th{text-align:left;background:var(--grijs-100);color:var(--grijs-600);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--grijs-200);padding:10px 12px;font-size:12px}.tabel td{border-bottom:1px solid var(--grijs-200);vertical-align:middle;padding:11px 12px}.tabel tr:hover td{background:var(--grijs-50)}.tabel th:hover>div[draggable=false]{background:#00000026;border-radius:2px}.nav-bar{background:var(--nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--nav-tekstkleur);z-index:100;justify-content:space-between;align-items:center;height:58px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000080}.nav-logo{letter-spacing:-.3px;color:var(--nav-tekstkleur);align-items:center;gap:10px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.nav-logo img{width:auto;height:34px}.nav-logo span{color:var(--blauw)}.nav-links{gap:4px;display:flex}.nav-link{color:color-mix(in srgb, var(--nav-tekstkleur) 80%, transparent);border-radius:6px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover,.nav-link.actief{background:color-mix(in srgb, var(--primair) 30%, transparent);color:var(--nav-tekstkleur);text-decoration:none}.nav-user{color:color-mix(in srgb, var(--nav-tekstkleur) 70%, transparent);align-items:center;gap:10px;font-size:13px;display:flex}.sub-nav-bar{background:var(--sub-nav-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99;justify-content:center;align-items:center;gap:2px;height:40px;padding:0 24px;display:flex;position:sticky;top:58px;overflow-x:auto;box-shadow:0 2px 6px #00000059}.sub-nav-link{color:color-mix(in srgb, var(--sub-nav-tekstkleur) 65%, transparent);white-space:nowrap;border-radius:5px;padding:4px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.sub-nav-link:hover,.sub-nav-link.actief{background:color-mix(in srgb, var(--primair) 35%, transparent);color:var(--sub-nav-tekstkleur);text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:28px 16px}.container-breed{padding:28px 24px}.pagina-titel{color:var(--achtergrond-tekstkleur);margin-bottom:20px;font-size:22px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.auth-wrapper{background:linear-gradient(160deg, var(--donker) 0%, color-mix(in srgb, var(--primair) 25%, #000) 50%, var(--primair) 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:16px;display:flex}.auth-kaart{width:100%;max-width:420px}.auth-logo{text-align:center;color:#fff;margin-bottom:24px;font-size:20px;font-weight:800}.auth-logo img{margin-bottom:12px;width:auto;height:64px;margin-inline:auto;display:block}.auth-logo span{color:#ffffffbf}.laad-wrapper{justify-content:center;padding:60px 0;display:flex}.spinner{border:3px solid var(--grijs-200);border-top-color:var(--blauw);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--radius);background:#fff;width:100%;max-width:520px;padding:28px;box-shadow:0 8px 32px #0003}.modal-titel{color:var(--blauw);margin-bottom:16px;font-size:18px;font-weight:700}.modal-acties{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.tabs{border-bottom:2px solid color-mix(in srgb, var(--achtergrond-tekstkleur) 20%, transparent);gap:0;margin-bottom:24px;display:flex}.tab-knop{cursor:pointer;color:color-mix(in srgb, var(--achtergrond-tekstkleur) 65%, transparent);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:14px;font-weight:600;transition:color .15s,border-color .15s}.tab-knop.actief{color:var(--tab-actief-kleur);border-bottom-color:var(--tab-actief-kleur)}.tab-knop:hover{color:var(--achtergrond-tekstkleur)}.tabs-licht{border-bottom:2px solid var(--grijs-200);flex-wrap:wrap;gap:0;margin-bottom:24px;display:flex}.tabs-licht .tab-knop{color:var(--grijs-500)}.tabs-licht .tab-knop.actief{color:var(--primair);border-bottom-color:var(--primair)}.tabs-licht .tab-knop:hover{color:var(--grijs-900)}.paginering{justify-content:center;align-items:center;gap:6px;margin-top:20px;display:flex}.paginering button{border:1px solid var(--grijs-200);cursor:pointer;background:#fff;border-radius:6px;padding:6px 12px;font-size:13px}.paginering button:disabled{opacity:.4;cursor:default}.paginering button.actief{background:var(--primair);color:#fff;border-color:var(--primair)}.zoek-rij{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.zoek-input{border:1px solid var(--grijs-200);border-radius:var(--radius);flex:1;min-width:200px;padding:9px 12px;font-size:14px}.zoek-input:focus{border-color:var(--blauw);outline:none;box-shadow:0 0 0 3px #c8102e26}.check-rij{align-items:center;gap:10px;margin-bottom:12px;display:flex}.check-rij input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--blauw)}