:root{--portaal-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--portaal-achtergrond:#f3f3f1;--portaal-vlak:#ffffff;--portaal-tekst:#1b1b1b;--portaal-tekst-zacht:#6f6f6f;--portaal-rand:#e2e2df;--portaal-accent:#1f2a44;--portaal-accent-tekst:#ffffff;--portaal-accent-hover:#2d3b5e;--portaal-auth-achtergrond:#1f2a44;--portaal-fout:#b42318;--portaal-radius:12px;--portaal-ease:cubic-bezier(0.2,0.7,0.2,1);--portaal-duur:250ms}.portaal-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--portaal-auth-achtergrond);font-family:var(--portaal-font);color:var(--portaal-tekst)}.portaal-auth__kaart{width:100%;max-width:400px;background:var(--portaal-vlak);border-radius:calc(var(--portaal-radius) + 4px);padding:32px;box-shadow:0 24px 60px rgba(0,0,0,.25);animation:portaal-opkomen .6s var(--portaal-ease) both}.portaal-merk{display:flex;align-items:center;margin-bottom:24px;font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--portaal-accent);text-decoration:none}.portaal-merk img{height:36px;width:auto}.portaal-titel{margin:0 0 4px;font-size:20px;font-weight:700}.portaal-sub{margin:0 0 24px;font-size:14px;line-height:1.55;color:var(--portaal-tekst-zacht)}.portaal-sub strong{color:var(--portaal-tekst);font-weight:600}.portaal-label{display:block;margin:12px 0 6px;font-size:14px;font-weight:600}.portaal-veld{width:100%;box-sizing:border-box;padding:11px 12px;font:inherit;font-size:15px;color:var(--portaal-tekst);background:var(--portaal-vlak);border:1px solid var(--portaal-rand);border-radius:calc(var(--portaal-radius) - 4px);outline:none;transition:border-color var(--portaal-duur) var(--portaal-ease),box-shadow var(--portaal-duur) var(--portaal-ease)}.portaal-veld:focus{border-color:var(--portaal-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--portaal-accent) 18%,transparent)}.portaal-knop{display:inline-flex;width:100%;justify-content:center;margin-top:16px;padding:12px 16px;font:inherit;font-size:15px;font-weight:600;color:var(--portaal-accent-tekst);background:var(--portaal-accent);border:0;border-radius:calc(var(--portaal-radius) - 4px);cursor:pointer;transition:background var(--portaal-duur) var(--portaal-ease),transform var(--portaal-duur) var(--portaal-ease),box-shadow var(--portaal-duur) var(--portaal-ease),opacity var(--portaal-duur) var(--portaal-ease)}@media (hover:hover){.portaal-knop:not(:disabled):hover{background:var(--portaal-accent-hover);transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--portaal-accent) 35%,transparent)}}.portaal-knop:disabled{opacity:.5;cursor:default}.portaal-knop--licht{width:auto;margin:0;padding:8px 12px;font-size:14px;color:var(--portaal-tekst-zacht);background:transparent;border:1px solid var(--portaal-rand)}@media (hover:hover){.portaal-knop--licht:not(:disabled):hover{color:var(--portaal-tekst);background:var(--portaal-achtergrond);transform:none;box-shadow:none}}.portaal-link{display:block;margin-top:18px;text-align:center;font-size:14px;color:var(--portaal-tekst-zacht);text-decoration:underline;text-underline-offset:3px;transition:color var(--portaal-duur) var(--portaal-ease)}.portaal-link:hover{color:var(--portaal-accent)}.portaal-fout{margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--portaal-fout);animation:portaal-opkomen .35s var(--portaal-ease) both}.portaal-schil{min-height:100vh;background:var(--portaal-achtergrond);font-family:var(--portaal-font);color:var(--portaal-tekst)}.portaal-kop{background:var(--portaal-vlak);border-bottom:1px solid var(--portaal-rand)}.portaal-kop__binnen,.portaal-main{max-width:1120px;margin:0 auto;padding:0 24px}.portaal-kop__binnen{justify-content:space-between;gap:12px 24px;padding-top:14px;padding-bottom:14px}.portaal-kop__binnen,.portaal-kop__links{display:flex;flex-wrap:wrap;align-items:center}.portaal-kop__links{gap:8px 24px}.portaal-kop .portaal-merk{margin:0}.portaal-kop .portaal-merk img{height:28px}.portaal-nav{display:flex;flex-wrap:wrap;gap:4px}.portaal-nav__link{padding:7px 12px;font-size:14px;font-weight:500;color:var(--portaal-tekst-zacht);text-decoration:none;border-radius:calc(var(--portaal-radius) - 4px);transition:background var(--portaal-duur) var(--portaal-ease),color var(--portaal-duur) var(--portaal-ease)}.portaal-nav__link:hover{color:var(--portaal-tekst);background:var(--portaal-achtergrond)}.portaal-nav__link--actief,.portaal-nav__link--actief:hover{color:var(--portaal-accent-tekst);background:var(--portaal-accent)}.portaal-main{padding-top:32px;padding-bottom:48px}.portaal-main h1{margin:0 0 4px;font-size:24px;font-weight:700;letter-spacing:-.01em}.portaal-main>.portaal-sub{margin-bottom:32px}.portaal-kaarten{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.portaal-kaart{display:block;padding:20px;background:var(--portaal-vlak);border:1px solid var(--portaal-rand);border-radius:var(--portaal-radius);color:inherit;text-decoration:none;transition:transform var(--portaal-duur) var(--portaal-ease),box-shadow var(--portaal-duur) var(--portaal-ease)}@media (hover:hover){.portaal-kaart:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.1)}}.portaal-kaart h2{margin:0 0 6px;font-size:16px;font-weight:700}.portaal-kaart p{margin:0;font-size:14px;line-height:1.5;color:var(--portaal-tekst-zacht)}.portaal-leeg{padding:40px 24px;text-align:center;background:var(--portaal-vlak);border:1px dashed var(--portaal-rand);border-radius:var(--portaal-radius)}.portaal-leeg h2{margin:0 0 6px;font-size:16px}.portaal-leeg p{margin:0;font-size:14px;line-height:1.55;color:var(--portaal-tekst-zacht)}.portaal-skelet{border-radius:var(--portaal-radius);background:var(--portaal-rand);animation:portaal-puls 1.4s ease-in-out infinite}@keyframes portaal-opkomen{0%{opacity:0;translate:0 8px}to{opacity:1;translate:none}}@keyframes portaal-puls{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.portaal-auth__kaart,.portaal-fout,.portaal-skelet{animation:none}}:root{--portaal-accent:#ad5d39;--portaal-accent-hover:#8f4a2b;--portaal-auth-achtergrond:#121212;--portaal-font:var(--font-sans,system-ui,sans-serif)}.portaal-kaart h2,.portaal-leeg h2,.portaal-main h1,.portaal-merk,.portaal-titel{font-family:var(--font-kop,var(--portaal-font))}body:has(.portaal-auth),body:has(.portaal-schil){padding-bottom:0}.portaal-balk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:24px}.portaal-balk h1{margin:0}.portaal-knoppen{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:24px}.portaal-balk .portaal-knop,.portaal-knoppen .portaal-knop{width:auto;margin-top:0}.portaal-knop--gevaar{color:var(--portaal-fout);background:transparent;border:1px solid var(--portaal-rand)}@media (hover:hover){.portaal-knop--gevaar:not(:disabled):hover{color:var(--portaal-accent-tekst);background:var(--portaal-fout);border-color:var(--portaal-fout);box-shadow:none}}.portaal-lijst{background:var(--portaal-vlak);border:1px solid var(--portaal-rand);border-radius:var(--portaal-radius);overflow:hidden}.portaal-lijst__rij{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:16px 20px;border-top:1px solid var(--portaal-rand)}.portaal-lijst__rij:first-child{border-top:0}.portaal-lijst__titel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font-size:15px;font-weight:600}.portaal-lijst__meta{margin:4px 0 0;font-size:13px;color:var(--portaal-tekst-zacht)}.portaal-status{padding:3px 8px;font-size:12px;font-weight:600;border-radius:999px;color:var(--portaal-tekst-zacht);background:var(--portaal-achtergrond);border:1px solid var(--portaal-rand)}.portaal-status--gepubliceerd{color:var(--portaal-accent);background:color-mix(in srgb,var(--portaal-accent) 10%,transparent);border-color:color-mix(in srgb,var(--portaal-accent) 35%,transparent)}.portaal-acties{display:flex;flex-wrap:wrap;gap:8px}.portaal-acties .portaal-knop{width:auto;margin-top:0;text-decoration:none}.portaal-vlak{padding:24px;background:var(--portaal-vlak);border:1px solid var(--portaal-rand);border-radius:var(--portaal-radius)}.portaal-veld--tekst{min-height:260px;line-height:1.6;resize:vertical}.portaal-veld--intro{min-height:90px;line-height:1.6;resize:vertical}.portaal-hulp{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--portaal-tekst-zacht)}.portaal-foto{display:block;max-width:320px;width:100%;height:auto;margin-top:10px;border:1px solid var(--portaal-rand)}.portaal-foto,.portaal-melding{border-radius:calc(var(--portaal-radius) - 4px)}.portaal-melding{margin:16px 0 0;padding:10px 12px;font-size:14px;line-height:1.5;color:var(--portaal-tekst);background:var(--portaal-achtergrond);border:1px solid var(--portaal-rand);animation:portaal-opkomen .35s var(--portaal-ease) both}.portaal-melding--fout{color:var(--portaal-fout);border-color:color-mix(in srgb,var(--portaal-fout) 40%,transparent);background:color-mix(in srgb,var(--portaal-fout) 8%,transparent)}.portaal-melding--goed{color:var(--portaal-accent);border-color:color-mix(in srgb,var(--portaal-accent) 40%,transparent);background:color-mix(in srgb,var(--portaal-accent) 8%,transparent)}.portaal-voorbeeld{margin-top:24px;border:1px solid var(--portaal-rand);border-radius:var(--portaal-radius);overflow:hidden}@media (prefers-reduced-motion:reduce){.portaal-melding{animation:none}}