:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background:#f3f4f6}*{box-sizing:border-box}html,body,#root{min-height:100vh}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f3f4f6;color:#1f2937}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin-top:0}#root{min-height:100vh}.volledig-scherm-midden{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.laden-kaart{width:100%;max-width:420px;background:#fff;padding:32px;border-radius:18px;box-shadow:0 18px 40px #0f172a14;text-align:center}.app-layout{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.zijbalk{background:linear-gradient(180deg,#111827,#0f172a);color:#fff;padding:24px 20px;display:flex;flex-direction:column;gap:24px;border-right:1px solid rgba(255,255,255,.06)}.logo-blok h2{margin:0;font-size:24px;color:#fff}.logo-blok p{margin:6px 0 0;color:#9ca3af;font-size:14px}.menu{display:flex;flex-direction:column;gap:10px}.menu-link{padding:12px 14px;border-radius:12px;color:#e5e7eb;transition:background .2s ease,color .2s ease,transform .15s ease}.menu-link:hover{background:#1f2937;color:#fff;transform:translate(2px)}.menu-link.actief{background:#2563eb;color:#fff;font-weight:700;box-shadow:0 10px 22px #2563eb40}.menu-leegmelding{padding:14px;border-radius:12px;background:#ffffff0f;color:#d1d5db;font-size:14px}.uitlog-knop{margin-top:auto;border:none;border-radius:12px;padding:12px 14px;background:#dc2626;color:#fff;font-weight:700;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.uitlog-knop:hover{opacity:.95;transform:translateY(-1px)}.inhoud{padding:32px}.pagina-bovenbalk{display:flex;justify-content:space-between;align-items:stretch;gap:20px;margin-bottom:24px;padding:18px 22px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 14px 34px #0f172a0f}.pagina-bovenbalk-links,.pagina-bovenbalk-rechts{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.bovenbalk-label,.bovenbalk-profiel-label{display:block;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#6b7280;margin-bottom:4px}.bovenbalk-waarde,.bovenbalk-profiel-waarde{font-size:15px;font-weight:700;color:#111827}.bovenbalk-profiel,.bovenbalk-bedrijf-info,.bovenbalk-bedrijf-kiezer{min-width:180px}.bovenbalk-bedrijf-kiezer label{display:block;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#6b7280;margin-bottom:4px}.bovenbalk-bedrijf-kiezer select{min-width:220px}.pagina-shell{display:flex;flex-direction:column;gap:24px}.pagina-kop{display:flex;flex-direction:column;gap:8px}.pagina-kop h1,.pagina-kaart h1{margin-bottom:0;color:#111827}.pagina-kop p{margin-bottom:0;color:#6b7280;max-width:900px}.dashboard-pagina,.voertuigen-pagina,.voertuig-detail-pagina,.documenten-pagina{display:flex;flex-direction:column;gap:24px}.kaart,.statistiek-kaart,.pagina-kaart{background:#fff;border-radius:18px;padding:24px;box-shadow:0 14px 34px #0f172a0f;border:1px solid #e5e7eb}.pagina-kaart h2,.kaart h2{margin-bottom:12px;color:#111827}.pagina-kaart p:last-child,.kaart p:last-child{margin-bottom:0}.sectie-kop{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.sectie-kop h2,.sectie-kop h3{margin-bottom:0}.sectie-kop p{margin-bottom:0;color:#6b7280}.login-scherm{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(135deg,#e5e7eb,#f9fafb,#eef2ff)}.login-kaart{width:100%;max-width:460px;background:#fff;border-radius:20px;padding:32px;box-shadow:0 24px 60px #0f172a1a;border:1px solid #e5e7eb}.login-kop h1{margin:0 0 8px;font-size:32px;color:#111827}.login-kop p{margin:0 0 24px;color:#6b7280;font-size:15px}.login-formulier,.voertuig-formulier{display:flex;flex-direction:column;gap:18px}.formulier-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px}.formulier-veld,.veld-groep{display:flex;flex-direction:column;gap:8px}.formulier-veld label,.veld-groep span{font-weight:700;color:#374151}.veld-groep input,.formulier-veld input,.formulier-veld textarea,.formulier-veld select,.tekstvak,select{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:14px 16px;outline:none;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.veld-groep input:focus,.formulier-veld input:focus,.formulier-veld textarea:focus,.formulier-veld select:focus,.tekstvak:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.formulier-veld input:disabled,.formulier-veld textarea:disabled,.formulier-veld select:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.tekstvak{resize:vertical;min-height:110px}.checkbox-groep,.checkbox-veld,.checkbox-veld label{display:flex;align-items:center;gap:10px;font-weight:600;color:#374151}.checkbox-veld input[type=checkbox],.checkbox-groep input[type=checkbox]{width:auto;transform:scale(1.05)}.formulier-acties{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.actieknoppen-regel{display:flex;gap:12px;flex-wrap:wrap}.primaire-knop{border:none;border-radius:12px;padding:14px 18px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.primaire-knop:hover{transform:translateY(-1px);box-shadow:0 10px 24px #2563eb33}.primaire-knop:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.secundaire-knop,.bekijk-knop{border:1px solid #d1d5db;border-radius:12px;padding:10px 14px;background:#fff;color:#111827;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.secundaire-knop:hover,.bekijk-knop:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.bekijk-knop{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff}.bekijk-knop:hover{background:#dbeafe;border-color:#93c5fd}.foutmelding,.melding.fout{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;font-size:14px}.succesmelding,.melding.succes{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;border-radius:12px;padding:12px 14px;font-size:14px}.statistieken-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:20px}.dashboard-tegel-link{display:block}.statistiek-kaart{position:relative;overflow:hidden;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.statistiek-kaart:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;background:linear-gradient(180deg,#2563eb,#60a5fa)}.statistiek-kaart h3,.statistiek-label{margin:0;color:#6b7280;font-size:15px;font-weight:600}.statistiek-kaart strong,.statistiek-waarde{display:block;margin-top:14px;font-size:40px;line-height:1;color:#111827}.statistiek-waarde.klein{font-size:28px;line-height:1.2;word-break:break-word}.statistiek-kaart-klikbaar{transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.statistiek-kaart-klikbaar:hover{transform:translateY(-3px);border-color:#bfdbfe;box-shadow:0 16px 30px #2563eb1a}.dashboard-waarschuwingen-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:20px}.dashboard-waarschuwing-blok{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.dashboard-waarschuwing-blok h3{margin-bottom:14px;color:#111827}.dashboard-waarschuwing-blok p{margin-bottom:0;color:#6b7280}.dashboard-lijst{display:flex;flex-direction:column;gap:12px}.dashboard-lijst-link{display:block}.dashboard-lijst-item{display:flex;flex-direction:column;gap:4px;padding:14px;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.dashboard-lijst-item strong{color:#111827}.dashboard-lijst-item span{color:#6b7280;font-size:14px}.dashboard-lijst-item-klikbaar{transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.dashboard-lijst-item-klikbaar:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 12px 24px #2563eb14}.informatie-vlak{min-height:50px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;color:#111827}.detail-blok{padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#f9fafb}.detail-blok p{margin-bottom:10px;color:#374151}.detail-blok p:last-child{margin-bottom:0}.tabel-wrapper{overflow-x:auto;border-radius:16px}.gegevens-tabel,.overzicht-tabel,.rechten-tabel{width:100%;border-collapse:collapse;min-width:950px;background:#fff}.gegevens-tabel th,.gegevens-tabel td,.overzicht-tabel th,.overzicht-tabel td,.rechten-tabel th,.rechten-tabel td{text-align:left;padding:14px 16px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.gegevens-tabel th,.overzicht-tabel th,.rechten-tabel th{background:#f9fafb;font-size:14px;font-weight:700;color:#374151;white-space:nowrap}.gegevens-tabel tbody tr:hover,.overzicht-tabel tbody tr:hover,.rechten-tabel tbody tr:hover{background:#f9fafb}.rechten-tabel td input[type=checkbox]{transform:scale(1.05);cursor:pointer}.tabel-actieknoppen{display:flex;gap:8px;flex-wrap:wrap}.tab-knop{border:1px solid #d1d5db;border-radius:12px;padding:11px 16px;background:#fff;color:#111827;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}.tab-knop:hover{background:#f9fafb;border-color:#93c5fd;color:#1d4ed8;transform:translateY(-1px)}.tab-knop.actief{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 10px 24px #2563eb38}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;border:1px solid transparent}.status-badge.neutraal{background:#f3f4f6;color:#374151;border-color:#d1d5db}.status-badge.blauw{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.status-badge.groen{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.status-badge.geel{background:#fffbeb;color:#b45309;border-color:#fde68a}.status-badge.rood{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.status-badge.paars{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.apk-geldig{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.apk-binnenkort{background:#fffbeb;color:#b45309;border-color:#fde68a}.apk-verlopen{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.apk-geen-datum,.apk-onbekend{background:#f3f4f6;color:#374151;border-color:#d1d5db}.onderhoud-uitgevoerd{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.onderhoud-ingepland{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.status-actief{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.status-inactief{background:#f3f4f6;color:#4b5563;border-color:#d1d5db}.status-waarschuwing{background:#fffbeb;color:#b45309;border-color:#fde68a}.status-probleem{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.info-label{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#f9fafb;border:1px solid #e5e7eb;color:#374151;font-size:12px;font-weight:700;white-space:nowrap}.bedrijf-tab-navigatie{position:sticky;top:0;z-index:20;background:#f3f4f6eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 0 4px;margin-bottom:4px}.bedrijf-tabbalk{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bedrijf-tab{border:1px solid #d1d5db;border-radius:999px;padding:10px 16px;background:#fff;color:#111827;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .15s ease}.bedrijf-tab:hover{background:#f9fafb;border-color:#93c5fd;color:#1d4ed8;transform:translateY(-1px)}.bedrijf-tab.actief{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 10px 24px #2563eb38}.bedrijf-tab-verversen{margin-left:auto}.bedrijf-sectie{scroll-margin-top:120px}@media(max-width:1200px){.pagina-bovenbalk{flex-direction:column;align-items:flex-start}}@media(max-width:1100px){.statistieken-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.dashboard-waarschuwingen-grid{grid-template-columns:1fr}}@media(max-width:900px){.app-layout{grid-template-columns:1fr}.zijbalk{gap:16px}.formulier-grid{grid-template-columns:1fr}.pagina-bovenbalk-rechts,.pagina-bovenbalk-links{width:100%}}@media(max-width:700px){.bedrijf-tab-navigatie{top:0;padding-top:4px}.bedrijf-tabbalk{gap:8px}.bedrijf-tab{width:100%;text-align:center;border-radius:14px}.bedrijf-tab-verversen{margin-left:0;width:100%}.bedrijf-tab-verversen .secundaire-knop{width:100%}.tab-knop{width:100%;text-align:center}}@media(max-width:600px){.inhoud{padding:20px}.statistieken-grid{grid-template-columns:1fr}.login-kaart{padding:24px}.sectie-kop{flex-direction:column;align-items:flex-start}.statistiek-kaart,.pagina-kaart,.kaart{padding:20px}.statistiek-kaart strong,.statistiek-waarde{font-size:34px}.statistiek-waarde.klein{font-size:24px}.actieknoppen-regel,.formulier-acties{width:100%}.status-badge,.info-label{white-space:normal}.bovenbalk-bedrijf-kiezer,.bovenbalk-bedrijf-info,.bovenbalk-profiel{width:100%}.bovenbalk-bedrijf-kiezer select{min-width:100%}}