@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/adb45196eddef626-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/26d0ba92e140f0dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Instrument Sans Fallback;src:local("Arial");ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.00%;size-adjust:102.74%}.__className_be5b54{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}:root{--accent:#2563eb;--bg:#f3f5f8;--surface:#ffffff;--surface-2:#f8fafc;--border:#e3e8ee;--tekst:#18222e;--tekst-2:#5c6b7a;--tekst-3:#8d99a7;--zijbalk-bg:#101b2d;--zijbalk-tekst:#9fb0c4;--zijbalk-rand:rgba(255,255,255,.07);--ok:#15803d;--warn:#b45309;--gevaar:#b91c1c;--schaduw:0 1px 2px rgba(16,27,45,.05),0 6px 20px rgba(16,27,45,.05);--radius:12px;--pad-card:20px;--pad-rij:10px;--maat-basis:14.5px}[data-thema=donker]{--bg:#0b121e;--surface:#131d2d;--surface-2:#0f1828;--border:#243349;--tekst:#e8eef6;--tekst-2:#9db0c5;--tekst-3:#6c7f95;--zijbalk-bg:#0d1626;--zijbalk-tekst:#8fa3ba;--ok:#4ade80;--warn:#fbbf24;--gevaar:#f87171;--schaduw:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25)}[data-dichtheid=compact]{--pad-card:14px;--pad-rij:6px;--maat-basis:13.5px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Instrument Sans,system-ui,sans-serif;font-size:var(--maat-basis);line-height:1.45;background:var(--bg);color:var(--tekst);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}a{text-decoration:none}a,button{color:inherit}button{font:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:var(--tekst);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px 12px;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in oklab,var(--accent) 45%,transparent);outline-offset:1px;border-color:var(--accent)}::placeholder{color:var(--tekst-3)}.wordmark{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px;letter-spacing:-.01em;color:#fff}.wordmark-tekst{display:flex;flex-direction:column;line-height:1.15}.wordmark-tekst strong{font-size:15.5px;font-weight:700}.wordmark-tekst span{font-size:11px;font-weight:500;color:var(--zijbalk-tekst);letter-spacing:.02em}.wordmark-licht .wordmark-tekst span{color:#9fb0c4}.wordmark-blok{width:30px;height:30px;border-radius:8px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:700}.app{display:flex;min-height:100vh}.zijbalk{width:250px;flex-shrink:0;background:var(--zijbalk-bg);color:var(--zijbalk-tekst);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh}.zijbalk .wordmark{padding:0 10px 18px;border-bottom:1px solid var(--zijbalk-rand);margin-bottom:14px}.zijbalk-nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:8px;color:var(--zijbalk-tekst);font-weight:500;font-size:14px;text-align:left;width:100%;transition:background .12s,color .12s}.nav-item:hover{background:rgba(255,255,255,.06);color:#e6edf6}.nav-item-actief,.nav-item-actief:hover{background:var(--accent);color:#fff}.zijbalk-voet{padding:14px 10px 0;border-top:1px solid var(--zijbalk-rand);margin-top:14px}.zijbalk-voet-tekst{font-size:12px;color:var(--zijbalk-tekst);opacity:.7}.nav-overlay{display:none}.hoofd{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:12px 28px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.topbar-titel{font-weight:600;font-size:15px}.topbar-acties{margin-left:auto;display:flex;align-items:center;gap:6px}.topbar-menu{display:none}.inhoud{padding:26px 28px 48px;max-width:1280px;width:100%;margin:0 auto}.pagina-kop{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.pagina-kop h1{font-size:24px}.pagina-sub{color:var(--tekst-2);margin-top:3px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--schaduw)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.kpi-grid-3{grid-template-columns:repeat(3,1fr)}.kpi{display:flex;align-items:center;gap:14px;padding:var(--pad-card)}.kpi-icoon{width:40px;height:40px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:var(--surface-2);color:var(--tekst-2);border:1px solid var(--border)}.kpi-icoon-accent{background:color-mix(in oklab,var(--accent) 12%,transparent);color:var(--accent);border-color:color-mix(in oklab,var(--accent) 25%,transparent)}.kpi-tekst{display:flex;flex-direction:column;min-width:0}.kpi-waarde{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.kpi-waarde small{font-size:14px;font-weight:500;color:var(--tekst-2)}.kpi-label{color:var(--tekst-2);font-size:13px}.kpi-sub{color:var(--tekst-3);font-size:12px;margin-top:2px}.kpi-saldo{align-items:flex-start}.kpi-saldo .kpi-tekst{width:100%}.saldo-balk{height:6px;border-radius:3px;background:var(--surface-2);border:1px solid var(--border);margin:8px 0 6px;overflow:hidden}.saldo-balk span{display:block;height:100%;background:var(--accent);border-radius:3px}.dash-grid{display:grid;grid-template-columns:3fr 2fr;gap:16px;align-items:start}.dash-kolom{display:flex;flex-direction:column;gap:16px;min-width:0}.widget-kop{justify-content:space-between;gap:12px;padding:calc(var(--pad-card) - 4px) var(--pad-card);border-bottom:1px solid var(--border)}.widget-kop,.widget-kop h2{display:flex;align-items:center}.widget-kop h2{font-size:14.5px;gap:8px;color:var(--tekst)}.widget-kop h2 svg{color:var(--tekst-3)}.widget-aantal{background:color-mix(in oklab,var(--accent) 13%,transparent);color:var(--accent);font-size:12px;font-weight:600;border-radius:99px;padding:1px 8px}.widget-body{padding:6px var(--pad-card) calc(var(--pad-card) - 6px)}.widget-uitleg{color:var(--tekst-2);padding:8px 0 12px}.rijen{list-style:none;margin:0;padding:0;flex-direction:column}.rij,.rijen{display:flex}.rij{align-items:center;gap:12px;padding:var(--pad-rij) 0;border-bottom:1px solid var(--border)}.rij:last-child{border-bottom:none}.rijen-compact .rij{gap:10px}.rij-tekst{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.rij-tekst strong{font-weight:600;font-size:13.5px}.rij-tekst span{color:var(--tekst-2);font-size:12.5px}.rij-notitie{font-style:italic;color:var(--tekst-3)!important}.rij-acties{display:flex;gap:6px}.taak-vink{width:20px;height:20px;flex-shrink:0;border:1.5px solid var(--border);border-radius:6px;background:var(--surface);display:grid;place-items:center;color:#fff;transition:background .12s,border-color .12s}.taak-vink-aan,.taak-vink:hover{border-color:var(--accent)}.taak-vink-aan{background:var(--accent)}.taak-klaar .rij-tekst strong{text-decoration:line-through;color:var(--tekst-3)}.badge{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap;flex-shrink:0;display:inline-block}.badge-neutraal{background:var(--surface-2);color:var(--tekst-2);border:1px solid var(--border)}.badge-ok{background:color-mix(in oklab,var(--ok) 14%,transparent);color:var(--ok)}.badge-wacht{background:color-mix(in oklab,var(--warn) 15%,transparent);color:var(--warn)}.badge-gevaar{background:color-mix(in oklab,var(--gevaar) 13%,transparent);color:var(--gevaar)}.badge-accent{background:color-mix(in oklab,var(--accent) 13%,transparent);color:var(--accent)}.knop{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:9px;font-weight:600;font-size:13.5px;background:var(--surface);color:var(--tekst);border:1px solid var(--border);transition:filter .12s,background .12s}.knop:hover{background:var(--surface-2)}.knop-primair{background:var(--accent);color:#fff;border-color:transparent}.knop-primair:hover{background:var(--accent);filter:brightness(1.08)}.knop-primair:disabled{opacity:.5;cursor:not-allowed}.knop-groot{width:100%;padding:12px 16px;font-size:14.5px}.knop-klein{padding:6px 12px;font-size:12.5px}.iknop{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--tekst-2);position:relative;transition:background .12s,color .12s}.iknop:hover{background:var(--surface-2);color:var(--tekst)}.iknop-ok{color:var(--ok);border:1px solid color-mix(in oklab,var(--ok) 35%,transparent);width:30px;height:30px}.iknop-ok:hover{background:color-mix(in oklab,var(--ok) 12%,transparent);color:var(--ok)}.iknop-gevaar{color:var(--gevaar);border:1px solid color-mix(in oklab,var(--gevaar) 30%,transparent);width:30px;height:30px}.iknop-gevaar:hover{background:color-mix(in oklab,var(--gevaar) 10%,transparent);color:var(--gevaar)}.bel-badge{position:absolute;top:3px;right:3px;background:var(--gevaar);color:#fff;font-size:10px;font-weight:700;min-width:15px;height:15px;border-radius:99px;display:grid;place-items:center;padding:0 3px}[data-thema=donker] .bel-badge{color:#0b121e}.avatar{border-radius:99px;flex-shrink:0;display:inline-grid;place-items:center;font-weight:700;letter-spacing:.02em}.leeg{display:flex;align-items:center;gap:12px;padding:16px 0;color:var(--tekst-2)}.leeg-icoon{width:36px;height:36px;border-radius:99px;flex-shrink:0;display:grid;place-items:center;background:color-mix(in oklab,var(--ok) 12%,transparent);color:var(--ok)}.dropdown-anker{position:relative}.dropdown{position:absolute;right:0;top:calc(100% + 8px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--schaduw);min-width:300px;z-index:60;overflow:hidden}.dropdown header{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-3);padding:12px 16px 8px}.dropdown ul{list-style:none;margin:0;padding:0 8px 8px;max-height:320px;overflow-y:auto}.dropdown-meldingen li{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border-radius:8px;font-size:13px;color:var(--tekst-2)}.dropdown-meldingen li svg{flex-shrink:0;margin-top:1px;color:var(--accent)}.dropdown-meldingen li:hover{background:var(--surface-2)}.dropdown-leeg{padding:4px 16px 14px;color:var(--tekst-2)}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;text-align:left}.dropdown-item:hover{background:var(--surface-2)}.dropdown-item-actief{background:color-mix(in oklab,var(--accent) 9%,transparent)}.dropdown-item svg:last-child{color:var(--accent)}.dropdown-uitloggen{margin:0 8px 8px;width:calc(100% - 16px);color:var(--gevaar);font-weight:600}.dropdown-uitloggen svg:last-child{color:var(--gevaar)}.gebruiker-knop{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 5px;border-radius:99px;border:1px solid var(--border);transition:background .12s}.gebruiker-knop:hover{background:var(--surface-2)}.gebruiker-knop>svg{color:var(--tekst-3)}.gebruiker-tekst{display:flex;flex-direction:column;text-align:left;line-height:1.25;min-width:0}.gebruiker-tekst strong{font-size:13px;font-weight:600}.gebruiker-tekst span{font-size:11.5px;color:var(--tekst-2)}.melding{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:var(--radius);margin-bottom:18px;font-weight:500}.melding-gevaar{background:color-mix(in oklab,var(--gevaar) 10%,var(--surface));border:1px solid color-mix(in oklab,var(--gevaar) 30%,transparent);color:var(--tekst)}.melding-gevaar svg{color:var(--gevaar);flex-shrink:0}.melding-info{background:color-mix(in oklab,var(--accent) 8%,var(--surface));border:1px solid color-mix(in oklab,var(--accent) 25%,transparent);color:var(--tekst)}.melding-info svg{color:var(--accent);flex-shrink:0}.melding .knop{margin-left:auto;flex-shrink:0}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--zijbalk-bg);color:#e6edf6;padding:12px 20px;border-radius:99px;display:flex;align-items:center;gap:9px;font-weight:500;font-size:13.5px;box-shadow:0 8px 30px rgba(0,0,0,.25);z-index:100;animation:toast-in .25s ease-out}.toast svg{color:#4ade80}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.modal-achtergrond{position:fixed;inset:0;z-index:90;background:rgba(10,18,30,.45);display:grid;place-items:center;padding:20px;animation:fade-in .15s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:440px;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:modal-in .18s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.modal-kop{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.modal-kop h3{font-size:16px}.modal-body{padding:14px 20px 4px;display:flex;flex-direction:column;gap:12px}.modal-voet{padding:14px 20px 18px}.knoppenrij{display:flex;justify-content:flex-end;gap:10px}.veld{display:flex;flex-direction:column;gap:5px}.veld>span{font-size:12.5px;font-weight:600;color:var(--tekst-2)}.veld-rij{display:grid;grid-template-columns:1fr 1fr;gap:12px}.veld-hint{color:var(--tekst-3);font-size:12.5px;padding-bottom:8px}.veld-fout{color:var(--gevaar);font-size:12.5px;font-weight:500}.bon-upload{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:9px;border:1.5px dashed var(--border);color:var(--tekst-2);font-weight:500;font-size:13px;transition:border-color .12s,color .12s,background .12s}.bon-upload:hover{border-color:var(--accent);color:var(--tekst)}.bon-upload-aan{border-style:solid;border-color:color-mix(in oklab,var(--ok) 45%,transparent);color:var(--ok);background:color-mix(in oklab,var(--ok) 7%,transparent)}.module-leeg{padding:56px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.module-leeg-icoon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:color-mix(in oklab,var(--accent) 11%,transparent);color:var(--accent);margin-bottom:8px}.module-leeg h2{font-size:17px}.module-leeg p{color:var(--tekst-2);max-width:420px;text-wrap:pretty}.login{display:flex;min-height:100vh}.login-merk{flex:1.1;background:var(--zijbalk-bg);color:#d7e1ee;display:flex;align-items:center;justify-content:center;padding:48px}.login-merk-inhoud{max-width:460px;display:flex;flex-direction:column;gap:18px}.login-merk h1{color:#fff;font-size:34px;line-height:1.15;letter-spacing:-.02em;text-wrap:balance}.login-merk p{color:#9fb0c4;font-size:15.5px;text-wrap:pretty}.login-punten{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.login-punten li{display:flex;align-items:center;gap:11px;font-size:14.5px;color:#c4d2e2}.login-punten svg{color:var(--accent);flex-shrink:0;background:color-mix(in oklab,var(--accent) 20%,transparent);border-radius:99px;padding:4px;width:23px;height:23px}.login-paneel{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--bg)}.login-kaart{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px}.login-kaart h2{font-size:22px}.login-sub{color:var(--tekst-2);margin-top:-8px}.login-voetnoot{color:var(--tekst-3);font-size:12.5px;text-align:center}.login-fout{background:color-mix(in oklab,var(--gevaar) 10%,var(--surface));border:1px solid color-mix(in oklab,var(--gevaar) 30%,transparent);color:var(--tekst);padding:10px 14px;border-radius:9px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:9px}.login-fout svg{color:var(--gevaar);flex-shrink:0}.persona-lijst{display:flex;flex-direction:column;gap:8px;margin:4px 0}.persona{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;background:var(--surface);border:1.5px solid var(--border);text-align:left;width:100%;transition:border-color .12s,background .12s}.persona:hover{border-color:color-mix(in oklab,var(--accent) 45%,var(--border))}.persona-actief,.persona-actief:hover{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 6%,var(--surface))}.persona-tekst{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.3}.persona-tekst strong{font-size:13.5px}.persona-tekst span{font-size:12px;color:var(--tekst-2)}.persona-radio{width:17px;height:17px;border-radius:99px;flex-shrink:0;border:1.5px solid var(--border);display:grid;place-items:center}.persona-actief .persona-radio{border-color:var(--accent)}.persona-actief .persona-radio:after{content:"";width:9px;height:9px;border-radius:99px;background:var(--accent)}.code-invoer{display:flex;gap:8px;justify-content:center;margin:6px 0}.code-invoer input{width:46px;height:54px;text-align:center;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;padding:0;border-radius:10px}.qr-blok{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0}.qr-blok img{width:188px;height:188px;border-radius:10px;background:#fff;padding:8px}.qr-blok img,.qr-sleutel{border:1px solid var(--border)}.qr-sleutel{font-family:ui-monospace,Cascadia Code,monospace;font-size:13px;letter-spacing:.04em;background:var(--surface-2);padding:8px 12px;border-radius:8px;word-break:break-all;text-align:center}.backupcodes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.backupcode{font-family:ui-monospace,Cascadia Code,monospace;font-size:14px;letter-spacing:.08em;background:var(--surface-2);border:1px solid var(--border);padding:9px 12px;border-radius:8px;text-align:center;font-weight:600}.werkbalk{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.zoekveld{max-width:320px}.filter-select{width:auto}.tabel{width:100%;border-collapse:collapse;font-size:13.5px}.tabel th{text-align:left;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-3);padding:12px 16px}.tabel td,.tabel th{border-bottom:1px solid var(--border)}.tabel td{padding:var(--pad-rij) 16px}.tabel tr:last-child td{border-bottom:none}.tabel .num{text-align:right;font-variant-numeric:tabular-nums}.tabel-rij{cursor:pointer;transition:background .1s}.tabel-rij:hover{background:var(--surface-2)}.tabel-leeg{padding:28px 20px;color:var(--tekst-2);text-align:center}.cel-persoon{display:flex;align-items:center;gap:11px}.cel-naam{display:flex;flex-direction:column;line-height:1.3;min-width:0}.cel-sub{color:var(--tekst-3);font-size:12px}.cel-sub-inline{font-weight:400}.cel-pijl,.cel-sub-inline{color:var(--tekst-3)}.kolom-balk{width:130px}.saldo-balk-cel{margin:0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px}.tab{padding:9px 14px;font-weight:600;font-size:13.5px;color:var(--tekst-2);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.tab:hover{color:var(--tekst)}.tab-actief,.tab-actief:hover{color:var(--accent);border-bottom-color:var(--accent)}.segmenten{display:flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:3px}.segment{padding:6px 13px;border-radius:7px;font-weight:600;font-size:12.5px;color:var(--tekst-2);transition:background .12s,color .12s}.segment:hover{color:var(--tekst)}.segment-actief,.segment-actief:hover{background:var(--accent);color:#fff}.terug-knop{display:inline-flex;align-items:center;gap:6px;color:var(--tekst-2);font-weight:600;font-size:13px;margin-bottom:14px;padding:4px 8px;border-radius:7px}.terug-knop:hover{background:var(--surface);color:var(--tekst)}.dossier-kop{display:flex;align-items:center;gap:18px;padding:var(--pad-card);margin-bottom:18px}.dossier-kop h1{font-size:21px}.dossier-kop-tekst{flex:1;min-width:0}.dossier-kop .knop{flex-shrink:0}.dossier-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.dossier-sectie{padding:var(--pad-card)}.dossier-breed{grid-column:1/-1}.sectie-titel{font-size:14.5px;margin-bottom:10px}.sectie-titel-vervolg{margin-top:18px}.sectie-titel-kaart{padding:16px 20px 0}.sectie-titel-kaart+.rijen-los,.sectie-titel-kaart+.tabel-leeg{margin-top:0}.sectie-hint{font-weight:400;color:var(--tekst-3);font-size:12.5px}.sectie-kop-rij{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.info-rij{display:grid;grid-template-columns:170px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:13.5px}.info-rij:last-of-type{border-bottom:none}.info-label{color:var(--tekst-2)}.info-waarde{font-weight:500}.info-hint{color:var(--tekst-3);font-weight:400;font-size:12.5px}.afgeschermd{display:flex;align-items:center;gap:9px;color:var(--tekst-2);padding:8px 0}.doc-icoon{width:34px;height:34px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--tekst-2)}.notitie-formulier{display:flex;flex-direction:column;gap:10px;align-items:flex-end;margin-top:14px}.notitie-formulier textarea{width:100%}.rijen-los{padding:6px 20px}.rij-klikbaar{cursor:pointer}.rij-klikbaar:hover{background:var(--surface-2);margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:8px}.tijdlijn{list-style:none;margin:0;padding:0}.tijdlijn-item{display:flex;gap:12px;padding:8px 0;position:relative}.tijdlijn-item:before{content:"";position:absolute;left:5px;top:26px;bottom:-4px;width:1.5px;background:var(--border)}.tijdlijn-item:last-child:before{display:none}.tijdlijn-stip{width:12px;height:12px;border-radius:99px;background:color-mix(in oklab,var(--accent) 18%,var(--surface));border:2.5px solid var(--accent);flex-shrink:0;margin-top:4px}.cel-leeg{color:var(--tekst-3)}.uren-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.uren-dag input{text-align:center;font-variant-numeric:tabular-nums}.traject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;align-items:start}.voortgang{display:flex;align-items:center;gap:12px;padding:10px 0 6px}.voortgang-balk{flex:1;margin:0}.voortgang-tekst{font-size:12px;color:var(--tekst-2);white-space:nowrap}.doel-select{width:auto;font-size:12.5px;padding:6px 10px;flex-shrink:0}.organogram{display:flex;flex-direction:column;align-items:stretch}.org-wortel{display:flex;justify-content:center}.org-kaart{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:11px 14px;box-shadow:var(--schaduw)}.org-kaart-top{border-color:color-mix(in oklab,var(--accent) 45%,var(--border));background:color-mix(in oklab,var(--accent) 6%,var(--surface))}.org-lijn{width:2px;height:22px;background:var(--border);margin:0 auto}.org-rij{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;align-items:start;border-top:2px solid var(--border);padding-top:18px}.org-tak{gap:8px}.org-tak,.org-team{display:flex;flex-direction:column}.org-team{list-style:none;margin:0 0 0 16px;padding:0;gap:6px}.org-lid{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:7px 10px;position:relative}.org-lid:before{content:"";position:absolute;left:-10px;top:50%;width:9px;height:2px;background:var(--border)}.org-team{border-left:2px solid var(--border);padding-left:9px}.tabel-rechten .rechten-kolom{text-align:center;width:120px}.rechten-groep td{background:var(--surface-2);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--tekst-3);padding:8px 16px}.recht-ja{color:var(--ok)}.recht-nee{color:var(--tekst-3);opacity:.6}.staven{display:flex;flex-direction:column;gap:9px;padding:10px 0}.staaf-rij{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:10px}.staaf-label{font-size:12.5px;color:var(--tekst-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staaf-baan{background:var(--surface-2);border:1px solid var(--border);border-radius:5px;height:16px;overflow:hidden}.staaf{display:block;height:100%;background:var(--accent);border-radius:4px 0 0 4px;min-width:2px;transition:width .3s ease}.staaf-waarde{font-size:12.5px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}@media (max-width:1100px){.dash-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-grid-3{grid-template-columns:1fr 1fr}}@media (max-width:940px){.zijbalk{position:fixed;left:0;top:0;z-index:80;height:100vh;transform:translateX(-100%);transition:transform .2s ease-out;box-shadow:0 0 40px rgba(0,0,0,.3)}.zijbalk-open{transform:translateX(0)}.nav-overlay{display:block;position:fixed;inset:0;background:rgba(10,18,30,.4);z-index:70}.topbar-menu{display:grid}.topbar{padding:10px 16px}.inhoud{padding:20px 16px 40px}.login{flex-direction:column}.login-merk{padding:36px 24px;flex:none}.login-merk h1{font-size:26px}.login-punten{display:none}}@media (max-width:760px){.kolom-md{display:none}.dossier-grid,.info-rij{grid-template-columns:1fr}.info-rij{gap:1px}.tabs{overflow-x:auto}.dossier-kop{flex-wrap:wrap}.uren-grid{grid-template-columns:1fr 1fr}.traject-grid{grid-template-columns:1fr}.staaf-rij{grid-template-columns:90px 1fr 40px}}@media (max-width:620px){.kpi-grid,.kpi-grid-3{grid-template-columns:1fr}.gebruiker-tekst{display:none}.pagina-kop h1{font-size:20px}.veld-rij{grid-template-columns:1fr}.code-invoer input{width:40px;height:48px;font-size:19px}.backupcodes{grid-template-columns:1fr}}