@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/Manrope-Variable.woff2) format("woff2-variations"),url(/fonts/Manrope-Variable.woff2) format("woff2"),url(/fonts/Manrope-Variable.ttf) format("truetype")}*,*:before,*:after{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;background:var(--color-achtergrond);color:var(--color-inkt);font-family:var(--font-sans);font-size:var(--type-data-size);font-weight:var(--type-data-weight);line-height:var(--type-data-lh);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,p{margin:0}a{color:var(--color-koraalTekst);text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-koraal);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:var(--space-sm);top:-100px;z-index:100;padding:var(--space-xs) var(--space-md);background:var(--color-koraal);color:var(--color-opKoraal);border-radius:var(--radius-klein);font-weight:var(--type-knop-weight)}.skip-link:focus{top:var(--space-sm)}.t-titelGroot{font-size:var(--type-titelGroot-size);font-weight:var(--type-titelGroot-weight);line-height:var(--type-titelGroot-lh);letter-spacing:-.02em}.t-schermtitel{font-size:var(--type-schermtitel-size);font-weight:var(--type-schermtitel-weight);line-height:var(--type-schermtitel-lh);letter-spacing:-.01em}.t-lijsttitel{font-size:var(--type-lijsttitel-size);font-weight:var(--type-lijsttitel-weight);line-height:var(--type-lijsttitel-lh)}.t-body{font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-lh)}.t-bijschrift{font-size:var(--type-bijschrift-size);font-weight:var(--type-bijschrift-weight);line-height:var(--type-bijschrift-lh);color:var(--color-inktZacht)}.t-dataLabel{font-size:var(--type-dataLabel-size);font-weight:var(--type-dataLabel-weight);line-height:var(--type-dataLabel-lh);letter-spacing:.04em;text-transform:uppercase;color:var(--color-inktZacht)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:32px;padding:0 var(--space-md);border:1px solid transparent;border-radius:var(--radius-knop);background:var(--color-vlak);color:var(--color-inkt);font-size:var(--type-data-size);font-weight:var(--type-knop-weight);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-easing)}.btn:hover{border-color:var(--color-lijn)}.btn:disabled,.btn[aria-busy=true]{cursor:default;opacity:.6}.btn-primary{background:var(--color-koraal);color:var(--color-opKoraal)}.btn-primary:hover{border-color:var(--color-koraalTekst)}.btn-lg{min-height:40px;font-size:var(--type-knop-size)}.btn-quiet{background:transparent}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field label{font-size:var(--type-bijschrift-size);font-weight:var(--type-bijschrift-weight);color:var(--color-inktZacht)}.input{width:100%;min-height:36px;padding:0 var(--space-md);border:1px solid var(--color-lijn);border-radius:var(--radius-invoer);background:var(--color-vlak);color:var(--color-inkt);font-size:var(--type-body-size);font-weight:var(--type-body-weight)}.input::placeholder{color:var(--color-inktStil)}.input:focus-visible{outline-offset:0;border-color:var(--color-koraal)}.input[aria-invalid=true]{border-color:var(--color-fout)}.field-error{font-size:var(--type-bijschrift-size);font-weight:var(--type-bijschrift-weight);color:var(--color-fout)}.alert{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-invoer);background:var(--color-vlak);border:1px solid var(--color-lijn)}.alert-error{color:var(--color-fout);border-color:var(--color-fout)}.login{flex:1;display:grid;place-items:center;padding:var(--space-xl)}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:var(--space-lg)}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.brand{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-inkt);font-weight:800}.brand-mark{width:22px;height:22px;flex:none;border-radius:6px;background:var(--color-koraal);color:var(--color-opKoraal)}.shell{flex:1;display:grid;grid-template-columns:var(--layout-navWidth) minmax(0,1fr);min-height:100vh}.shell-nav{display:flex;flex-direction:column;border-right:1px solid var(--color-lijn);background:var(--color-vlak);padding:var(--space-md) var(--space-sm);gap:var(--space-lg);position:sticky;top:0;height:100vh}.shell-nav .brand{padding:0 var(--space-sm)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-xxs)}.nav-link{display:flex;align-items:center;min-height:28px;padding:0 var(--space-sm);border-radius:var(--radius-klein);color:var(--color-inkt);font-weight:600;transition:background-color var(--motion-fast) var(--motion-easing)}.nav-link:hover{background:var(--color-achtergrond);text-decoration:none}.nav-link[aria-current=page]{background:var(--color-achtergrond);color:var(--color-koraalTekst)}.nav-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding:0 var(--space-sm)}.nav-user{display:flex;flex-direction:column;gap:var(--space-xxs);min-width:0}.nav-user-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-main{display:flex;flex-direction:column;min-width:0}.page{flex:1;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);max-width:var(--layout-contentMaxWidth)}.page-header{display:flex;align-items:baseline;gap:var(--space-md);min-height:var(--layout-headerHeight);border-bottom:1px solid var(--color-lijn)}.page-purpose{color:var(--color-inktZacht)}.empty-state{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xl);border:1px dashed var(--color-lijn);border-radius:var(--radius-tegel);color:var(--color-inktZacht)}.center{flex:1;display:grid;place-items:center;padding:var(--space-xl)}.stack{display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-start}.chip{display:inline-flex;align-items:center;padding:0 var(--space-sm);min-height:18px;border-radius:var(--radius-klein);background:var(--color-achtergrond);border:1px solid var(--color-lijn);font-size:var(--type-dataLabel-size);font-weight:var(--type-dataLabel-weight);color:var(--color-inktZacht);text-transform:uppercase;letter-spacing:.04em}@media(max-width:720px){.shell{grid-template-columns:1fr}.shell-nav{position:static;height:auto;border-right:0;border-bottom:1px solid var(--color-lijn)}.page{padding:var(--space-md)}}.row{display:flex;gap:var(--space-sm);flex-wrap:wrap}