@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-col{flex-direction:column}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--groen:#58694c;--groen-donker:#46543c;--groen-diep:#39442f;--groen-licht:#edf0e9;--oranje:#e87722;--oranje-donker:#cf6415;--oranje-licht:#fdefe3;--bg:#f5f5f0;--wit:#fff;--tekst:#1a1a1a;--tekst-sec:#666;--tekst-zwak:#9a9a92;--rand:#e4e4dc;--rand-zacht:#efefe8;--succes:#4caf50;--succes-bg:#e8f4e9;--succes-tekst:#2e6b31;--fout:#e53e3e;--fout-bg:#fce9e9;--fout-tekst:#9b2c2c;--waarschuwing:#f59e0b;--waarschuwing-bg:#fdf3e0;--waarschuwing-tekst:#92400e;--radius:12px;--radius-klein:8px;--schaduw:0 1px 2px #1a1a1a0a, 0 4px 12px #1a1a1a0d;--schaduw-zwaar:0 8px 30px #1a1a1a29;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--tekst);-webkit-font-smoothing:antialiased;margin:0;padding:0}h1,h2,h3{color:var(--groen);margin:0}.app-indeling{background:var(--bg);min-height:100vh;display:flex}.zijbalk{background:linear-gradient(180deg, var(--groen) 0%, var(--groen-donker) 100%);flex-direction:column;flex-shrink:0;width:248px;height:100vh;display:flex;position:sticky;top:0}.zijbalk-merk{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:20px 18px;display:flex}.zijbalk-merk-naam{color:#fff;font-size:15px;font-weight:700;line-height:1.2}.zijbalk-merk-sub{color:#ffffff8c;margin-top:2px;font-size:12px}.zijbalk-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.zijbalk-item{text-align:left;border-radius:var(--radius-klein);cursor:pointer;width:100%;font-size:14px;font-family:var(--font);color:#ffffffb8;background:0 0;border:none;align-items:center;gap:11px;padding:10px 12px;font-weight:500;transition:background .15s,color .15s;display:flex}.zijbalk-item svg{opacity:.85;flex-shrink:0}.zijbalk-item:hover{color:#fff;background:#ffffff17}.zijbalk-item-actief,.zijbalk-item-actief:hover{background:var(--oranje);color:#fff;font-weight:600}.zijbalk-voet{border-top:1px solid #ffffff1f;padding:14px}.hoofdvlak{flex-direction:column;flex:1;min-width:0;display:flex}.pagina-kop{background:var(--wit);border-bottom:1px solid var(--rand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;display:flex}.pagina-kop h1{color:var(--groen);font-size:20px;font-weight:700}.pagina-kop-sub{color:var(--tekst-sec);margin-top:3px;font-size:13px}.pagina-inhoud{flex:1;padding:28px;overflow-y:auto}.kaart{background:var(--wit);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);overflow:hidden}.kaart-kop{border-bottom:1px solid var(--rand-zacht);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.kaart-titel{color:var(--tekst);font-size:15px;font-weight:700}.kaart-inhoud{padding:20px}.knop{border-radius:var(--radius-klein);min-height:40px;font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.knop:active:not(:disabled){transform:translateY(1px)}.knop:focus-visible{outline:2px solid var(--groen);outline-offset:2px}.knop:disabled{cursor:not-allowed;opacity:.55}.knop-cta{background:var(--oranje);color:#fff}.knop-cta:hover:not(:disabled){background:var(--oranje-donker)}.knop-primair{background:var(--groen);color:#fff}.knop-primair:hover:not(:disabled){background:var(--groen-donker)}.knop-secundair{background:var(--groen-licht);color:var(--groen-donker)}.knop-secundair:hover:not(:disabled){background:#e0e5d8}.knop-neutraal{color:#3d3d38;background:#efefea}.knop-neutraal:hover:not(:disabled){background:#e4e4dc}.knop-gevaar{background:var(--fout-bg);color:var(--fout-tekst)}.knop-gevaar:hover:not(:disabled){background:#f8d7d7}.knop-gevaar-vol{background:var(--fout);color:#fff}.knop-gevaar-vol:hover:not(:disabled){background:#c53030}.knop-klein{min-height:32px;padding:6px 12px;font-size:13px}.knop-link{color:var(--groen);font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:13px;font-weight:600;transition:color .15s}.knop-link:hover{color:var(--oranje)}.veld-label{color:var(--tekst-sec);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.veld{border-radius:var(--radius-klein);border:1px solid var(--rand);min-height:44px;font-size:14px;font-family:var(--font);color:var(--tekst);background:var(--wit);padding:10px 14px;transition:border-color .15s,box-shadow .15s}.veld:focus{border-color:var(--groen);outline:none;box-shadow:0 0 0 3px #58694c26}.veld::placeholder{color:var(--tekst-zwak)}.veld-vol{width:100%}.vinkje{cursor:pointer;width:18px;height:18px;accent-color:var(--groen)}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-ok{background:var(--succes-bg);color:var(--succes-tekst)}.badge-fout{background:var(--fout-bg);color:var(--fout-tekst)}.badge-warn{background:var(--waarschuwing-bg);color:var(--waarschuwing-tekst)}.badge-neutraal{color:#55554f;background:#efefea}.badge-groen{background:var(--groen-licht);color:var(--groen-donker)}.melding{border-radius:var(--radius-klein);align-items:center;gap:10px;padding:11px 16px;font-size:14px;font-weight:500;animation:.25s fade-in;display:flex}.melding-ok{background:var(--succes-bg);color:var(--succes-tekst);border:1px solid #c8e4c9}.melding-fout{background:var(--fout-bg);color:var(--fout-tekst);border:1px solid #f3c6c6}.tabel{border-collapse:collapse;width:100%;font-size:14px}.tabel th{background:var(--groen-licht);color:var(--groen-donker);text-align:left;text-transform:uppercase;letter-spacing:.5px;z-index:1;padding:10px 16px;font-size:12px;font-weight:700;position:sticky;top:0}.tabel td{border-top:1px solid var(--rand-zacht);padding:12px 16px}.tabel tbody tr:nth-child(2n){background:#fafaf6}.tabel tbody tr:hover{background:var(--groen-licht)}.lijst-rij{transition:background .12s}.lijst-rij:hover{background:#fafaf6}.avatar{background:var(--groen);color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.leeg-melding{text-align:center;color:var(--tekst-zwak);padding:56px 20px;font-size:15px}.spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite draai}.spinner-donker{border-color:#58694c40;border-top-color:var(--groen)}@keyframes draai{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.25s fade-in}.pagina-inhoud::-webkit-scrollbar{width:8px}.zijbalk-nav::-webkit-scrollbar{width:8px}.pagina-inhoud::-webkit-scrollbar-thumb{background:#d6d6cc;border-radius:4px}.zijbalk-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.ipad-knop{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform 80ms,filter .15s}.ipad-knop:active:not(:disabled){filter:brightness(1.15);transform:scale(.95)}@media (max-width:900px){.zijbalk{width:76px}.zijbalk-item span,.zijbalk-merk-tekst{display:none}.zijbalk-item{justify-content:center}.pagina-kop,.pagina-inhoud{padding-left:16px;padding-right:16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}