:root{--terracotta: #de5a2c;--terracotta-donker: #b8441d;--goud: #e3a93a;--goud-licht: #f2cd7e;--goud-donker: #b8801d;--petrol: #2e5561;--petrol-donker: #1e3b45;--creme: #fbf1e9;--creme-diep: #f5e6d9;--wit: #ffffff;--hairline: #eaddce;--tekst: #2e5561;--tekst-zacht: #6b7f88;--radius-kaart: 18px;--radius-pill: 999px;--schaduw-zacht: 0 1px 2px rgba(46, 85, 97, .05), 0 6px 20px rgba(46, 85, 97, .06);--schaduw-diep: 0 10px 40px rgba(46, 85, 97, .16);--font-kop: "Poppins", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--maxbreedte: 1520px;--kop-hoogte: 81px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--creme);color:var(--tekst);font-family:var(--font-body);font-size:15px;line-height:1.55;background-image:radial-gradient(120% 60% at 50% -10%,#e3a93a29,#fbf1e900 60%),radial-gradient(80% 40% at 100% 0%,#de5a2c1a,#fbf1e900 55%);background-attachment:fixed}h1,h2,h3{font-family:var(--font-kop);color:var(--petrol);margin:0;letter-spacing:-.01em}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--terracotta);outline-offset:2px;border-radius:4px}.overslaan{position:absolute;left:-9999px;top:0;background:var(--wit);padding:12px 18px;border-radius:var(--radius-pill);z-index:100}.overslaan:focus{left:12px;top:12px}.alleen-screenreader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.knop{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-pill);padding:10px 20px;font-family:var(--font-kop);font-weight:600;font-size:14px;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .12s ease}.knop:active{transform:translateY(1px)}.knop--goud{background:var(--goud);color:#40301a}.knop--goud:hover{background:var(--goud-licht)}.knop--terracotta{background:var(--terracotta);color:var(--wit)}.knop--terracotta:hover{background:var(--terracotta-donker)}.knop--rand{background:var(--wit);color:var(--petrol);border-color:var(--hairline)}.knop--rand:hover{border-color:var(--terracotta);color:var(--terracotta)}.knop--gevaar{background:var(--wit);color:var(--terracotta-donker);border-color:#de5a2c73}.knop--gevaar:hover{background:var(--terracotta);border-color:var(--terracotta);color:var(--wit)}.knop--klein{padding:7px 14px;font-size:13px}.knop[disabled]{opacity:.5;cursor:not-allowed}.kop{background:#fbf1e9e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);position:sticky;top:0;z-index:20}.kop__binnen{max-width:var(--maxbreedte);margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.kop__titel{display:flex;align-items:center;gap:14px;margin:0 auto 0 0;min-width:0;font-size:26px;line-height:1}.kop__thuis{display:flex;align-items:center;background:none;border:none;padding:0;margin:0;cursor:pointer;border-radius:8px;transition:opacity .15s ease}.kop__thuis:hover{opacity:.75}.kop__beeldmerk{height:52px;width:auto;flex:none}.kop__terugval{font-weight:700;color:var(--petrol);letter-spacing:-.015em}.kop__ai{color:var(--goud)}.kop__product{font-weight:500;font-size:23px;color:var(--petrol);opacity:.8;white-space:nowrap}.kop__acties{display:flex;gap:10px;flex-wrap:wrap}.hoofd{max-width:var(--maxbreedte);margin:0 auto;padding:26px 20px 80px}.melding{display:flex;align-items:flex-start;gap:10px;background:#e3a93a24;border:1px solid rgba(227,169,58,.45);border-radius:var(--radius-kaart);padding:11px 16px;font-size:13.5px;color:var(--petrol);margin-bottom:20px}.melding--fout{background:#de5a2c1a;border-color:#de5a2c66}.melding__link{background:none;border:none;padding:0;font:inherit;color:var(--terracotta-donker);text-decoration:underline;cursor:pointer}.melding__punt{width:8px;height:8px;border-radius:50%;background:var(--goud);margin-top:7px;flex:none}.melding--fout .melding__link{background:none;border:none;padding:0;font:inherit;color:var(--terracotta-donker);text-decoration:underline;cursor:pointer}.melding__link:hover{color:var(--terracotta)}.melding__punt{background:var(--terracotta)}.paneelbalk{display:grid;gap:14px;margin-bottom:22px}.knoppenbalk{display:flex;gap:10px;flex-wrap:wrap}.paneelknop{display:inline-flex;align-items:baseline;gap:9px;background:var(--wit);border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:11px 20px;cursor:pointer;box-shadow:var(--schaduw-zacht);transition:border-color .18s ease,box-shadow .18s ease}.paneelknop:hover{border-color:var(--goud)}.paneelknop--open{border-color:var(--goud);box-shadow:0 6px 20px #e3a93a3d}.paneelknop__waarde{font-family:var(--font-kop);font-weight:700;font-size:21px;color:var(--petrol);line-height:1;font-variant-numeric:tabular-nums}.paneelknop__label strong{font-family:var(--font-kop);font-weight:600;color:var(--petrol)}.paneelknop__label{font-size:13.5px;color:var(--tekst-zacht)}.paneelknop__chevron{width:9px;height:9px;border-right:2px solid var(--terracotta);border-bottom:2px solid var(--terracotta);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s ease;align-self:center}.paneelknop--open .paneelknop__chevron{transform:rotate(225deg) translate(-2px,-2px)}.band{display:grid;grid-template-columns:minmax(220px,290px) minmax(0,1fr);gap:22px;align-items:start}.band__lijst{min-width:0}.band>.buis-paneel{position:sticky;top:calc(var(--kop-hoogte) + 16px)}@media (max-width: 820px){.band{grid-template-columns:1fr}.band>.buis-paneel{position:static}}.paneel{background:var(--wit);border:1px solid var(--hairline);border-radius:var(--radius-kaart);box-shadow:var(--schaduw-zacht);padding:20px}.paneel__titel strong{font-weight:700;color:var(--petrol)}.paneel__titel{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--tekst-zacht);font-family:var(--font-kop);margin-bottom:14px}.buis-paneel{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,var(--wit) 0%,#fffaf4 100%)}.buis-paneel__kop{text-align:center;margin-bottom:8px}.buis-paneel__kop h2{font-size:16px}.buis-paneel__kop p{margin:4px 0 0;font-size:12.5px;color:var(--tekst-zacht)}.buis{width:100%;max-width:260px;height:auto}.buis__knikker{transition:opacity .45s ease,transform .45s cubic-bezier(.22,1.2,.4,1);transform-origin:center;transform-box:fill-box}.buis__knikker--verborgen{opacity:0;transform:translateY(26px) scale(.55)}@keyframes knikkerValt{0%{transform:translateY(var(--val-afstand, -300px)) scale(.85);opacity:0}12%{opacity:1}62%{transform:translateY(0) scale(1)}74%{transform:translateY(-7px) scale(1.05)}86%{transform:translateY(0) scale(.98)}to{transform:translateY(0) scale(1)}}.buis__knikker--valt{opacity:1;animation:knikkerValt .85s cubic-bezier(.4,0,.6,1) backwards}.buis__knikker--gemarkeerd{filter:drop-shadow(0 0 5px rgba(222,90,44,.95))}.buis__band{transition:opacity .25s ease}.buis__legenda{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:12px;font-size:12px;color:var(--tekst-zacht)}.buis__legenda span{display:inline-flex;align-items:center;gap:6px}.buis__stip{width:10px;height:10px;border-radius:50%;flex:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.teller__hoofd{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.teller__getal{font-family:var(--font-kop);font-weight:700;font-size:clamp(40px,8vw,62px);line-height:1;color:var(--petrol);font-variant-numeric:tabular-nums}.teller__doel{font-family:var(--font-kop);font-size:20px;color:var(--tekst-zacht);font-weight:500}.teller__label{font-size:13px;color:var(--tekst-zacht);margin:6px 0 0}.teller__potentieel{margin-top:14px;padding-top:14px;border-top:1px solid var(--hairline);font-size:13.5px;color:var(--tekst-zacht)}.teller__potentieel strong{font-family:var(--font-kop);color:var(--terracotta);font-size:17px;font-variant-numeric:tabular-nums}.kerncijfers{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-top:16px}.kerncijfer{background:var(--creme);border-radius:14px;padding:12px 14px}.kerncijfer__getal{font-family:var(--font-kop);font-weight:700;font-size:24px;color:var(--petrol);line-height:1.1;font-variant-numeric:tabular-nums}.kerncijfer__label{font-size:12px;color:var(--tekst-zacht)}.afdelingen{display:grid;gap:9px;align-content:start}.afdeling{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;font-size:13.5px}.afdeling__naam{font-weight:500}.afdeling__uren{font-family:var(--font-kop);font-variant-numeric:tabular-nums;font-size:13.5px;color:var(--petrol)}.afdeling__balk{grid-column:1 / -1;height:7px;border-radius:var(--radius-pill);background:var(--creme-diep);overflow:hidden;display:flex}.afdeling__balk i{display:block;height:100%;border-radius:var(--radius-pill)}.afdeling__balk i.gerealiseerd{background:var(--goud)}.afdeling__balk i.potentieel{background:repeating-linear-gradient(45deg,#de5a2c8c 0,#de5a2c8c 4px,#de5a2c40 4px,#de5a2c40 8px)}.afdeling__meta{font-size:11.5px;color:var(--tekst-zacht)}.zoekbalk{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px 14px;margin:0 0 12px}.zoekveld{grid-column:span 2}@media (max-width: 560px){.zoekveld{grid-column:1 / -1}}.zoekveld input{width:100%}.zoekveld input::-webkit-search-cancel-button{cursor:pointer}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:12px 14px;align-items:end;margin:0 0 12px}.veld{display:grid;gap:5px;min-width:0}.veld input,.veld select,.veld textarea{min-width:0}.veld__label{font-size:12px;font-weight:600;color:var(--tekst-zacht);text-transform:uppercase;letter-spacing:.06em}.veld select,.veld input,.veld textarea{background:var(--wit);border:1px solid var(--hairline);border-radius:var(--radius-pill);padding:9px 14px;min-height:40px;color:var(--petrol)}.veld textarea{border-radius:14px;resize:vertical;min-height:92px;font-family:var(--font-body)}.filters__teller{width:fit-content;margin:8px -2px -46px auto;position:sticky;top:calc(var(--kop-hoogte) + 8px);z-index:6;min-width:44px;height:44px;padding:0 13px;display:flex;align-items:center;justify-content:center;background:var(--wit);border:1px solid var(--hairline);border-radius:var(--radius-pill);font-family:var(--font-kop);font-weight:700;font-size:16px;color:var(--petrol);font-variant-numeric:tabular-nums;box-shadow:var(--schaduw-zacht)}.veld--breed,.veld--breed select,.veld--breed input,.veld--breed textarea{width:100%}.lijst-blok{--lijst-kolommen: 42px minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 128px 100px 108px 154px;container-type:inline-size}.lijst{list-style:none;margin:0;padding:0;display:grid;gap:10px}.lijst__kop{position:sticky;top:var(--kop-hoogte);z-index:5;background:#fbf1e9e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;grid-template-columns:var(--lijst-kolommen);gap:14px;padding:10px 19px 8px;font-family:var(--font-kop);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--tekst-zacht)}.lijst__kop span:nth-child(6),.lijst__kop span:nth-child(7),.lijst__kop span:nth-child(8){text-align:right}.rij{background:var(--wit);border:1px solid var(--hairline);border-radius:var(--radius-kaart);padding:14px 18px;box-shadow:var(--schaduw-zacht);transition:border-color .18s ease,box-shadow .18s ease;min-width:0;overflow-wrap:break-word}.rij:hover,.rij:focus-within{border-color:var(--goud);box-shadow:0 6px 20px #e3a93a38}.rij__hoofd{display:grid;grid-template-columns:var(--lijst-kolommen);gap:14px;align-items:center}.rij__cel{min-width:0;font-size:13.5px}.rij__cel--uren,.rij__cel--gevoelig,.rij__cel--status{text-align:right}.gevoelig{font-size:13px}.gevoelig--ja{display:inline-block;border-radius:var(--radius-pill);padding:3px 10px;background:#de5a2c24;color:var(--terracotta-donker);font-family:var(--font-kop);font-size:11.5px;font-weight:600}.gevoelig--onbekend{color:var(--tekst-zacht)}.rij__cel--actie{display:flex;justify-content:flex-end}.rij__label{display:none;font-family:var(--font-kop);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-zacht)}.rij__nr{font-family:var(--font-kop);font-weight:600;font-size:13px;color:var(--tekst-zacht);font-variant-numeric:tabular-nums}.rij__titel{font-family:var(--font-kop);font-weight:600;font-size:15px;line-height:1.35;margin:0}.rij__omschrijving{margin:3px 0 0;font-size:12.5px;color:#6b7f88;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rij__opmerking{margin:5px 0 0;padding-left:9px;border-left:2px solid var(--hairline);font-size:12px;color:#8a7a6c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rij__leeg{color:var(--tekst-zacht);font-style:italic}.rij__leeg--nadruk{color:var(--terracotta);font-style:normal;font-weight:500}.rij__uren{display:block;font-family:var(--font-kop);font-weight:700;font-size:16px;color:var(--petrol);line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap}.rij__cel--uren small{font-size:11.5px;color:var(--tekst-zacht)}.bewerk{display:grid;gap:12px;background:var(--creme);border-radius:14px;padding:14px;margin-top:12px}.bewerk__velden{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px 14px}.bewerk__velden .veld--vol{grid-column:1 / -1}.bewerk textarea{border-radius:16px;line-height:1.5;resize:vertical}.bewerk__acties{display:flex;gap:8px;flex-wrap:wrap}.bewerk__acties .knop--gevaar{margin-left:auto}@container (max-width: 1080px){.lijst__kop{display:none}.rij__hoofd{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:12px;align-items:start}.rij__cel--nummer,.rij__cel--titel{grid-column:1 / -1}.rij__cel--uren,.rij__cel--gevoelig,.rij__cel--status{text-align:left}.rij__cel--gevoelig .alleen-screenreader{display:none}.rij__cel--actie{grid-column:1 / -1;justify-content:flex-start}.rij__label{display:block;margin-bottom:2px}}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);padding:4px 12px;font-size:11.5px;font-weight:600;font-family:var(--font-kop);white-space:nowrap;flex:none}.badge--done{background:#e3a93a38;color:#7a5410}.badge--behandeling{background:#2e55611f;color:var(--petrol)}.badge--idee{background:#de5a2c1f;color:var(--terracotta-donker)}.leeg{background:var(--wit);border:1px dashed var(--hairline);border-radius:var(--radius-kaart);padding:40px 20px;text-align:center;color:var(--tekst-zacht)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e3b4573;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;z-index:50}.modal{background:var(--wit);border-radius:22px;box-shadow:var(--schaduw-diep);width:min(560px,100%);padding:26px;margin:auto}.modal__kop{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.modal__kop h2{font-size:20px}.modal__kop p{margin:4px 0 0;font-size:13px;color:var(--tekst-zacht)}.modal__sluit{margin-left:auto;background:none;border:none;cursor:pointer;font-size:22px;line-height:1;color:var(--tekst-zacht);padding:4px 8px;border-radius:var(--radius-pill)}.modal__sluit:hover{color:var(--terracotta)}.modal__velden{display:grid;gap:14px}.modal__rij{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal__acties{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.veld__fout{margin:0;font-size:12.5px;font-weight:500;color:var(--terracotta-donker)}.veld input[aria-invalid=true],.veld textarea[aria-invalid=true]{border-color:var(--terracotta)}.modal__fout{color:var(--terracotta-donker);font-size:13px;margin:0}.modal__vraag{margin:0 0 10px;font-size:15px}.modal__doel{margin:0;padding:12px 14px;background:var(--creme);border-radius:14px;font-family:var(--font-kop);font-weight:600;color:var(--petrol)}.modal__code{background:var(--creme);border:1px solid var(--hairline);border-radius:14px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;max-height:240px;overflow:auto;white-space:pre;color:#4a616a}@media (max-width: 560px){.modal__rij,.bewerk__velden{grid-template-columns:1fr}}@media (max-width: 600px){.kop__binnen{padding:12px 16px;gap:12px}.kop__titel{font-size:20px;gap:10px}.kop__beeldmerk{height:40px}.kop__product{font-size:18px}.kop__acties{width:100%;gap:8px}.kop__acties .knop{flex:1 1 0;justify-content:center;padding:10px 12px}.alleen-breed{display:none}.hoofd{padding:20px 16px 60px}.paneel{padding:16px}.buis{max-width:190px}.filters{margin-top:26px}.filters .veld{flex:1 1 140px}.rij{padding:14px}.bewerk__velden{grid-template-columns:1fr}.modal{padding:20px}.modal__acties{flex-direction:column}.modal__acties .knop{width:100%;justify-content:center}}