:root{--paars: #391029;--paars-800: #4a1837;--paars-700: #5d2247;--lila: #8779b7;--lila-soft: #ece9f5;--groen: #00a75d;--groen-soft: #e2f6ec;--blauw: #93d5f6;--blauw-soft: #eaf7fe;--warn: #c98a1a;--warn-soft: #fbf2df;--danger: #c33d4b;--danger-soft: #fbeaec;--bg: #f6f5f8;--surface: #ffffff;--ink: #241019;--muted: #6f6675;--line: #e7e3ec;--line-strong: #d6d0dd;--radius: 14px;--radius-sm: 9px;--shadow-sm: 0 1px 2px rgba(57, 16, 41, .06), 0 1px 3px rgba(57, 16, 41, .04);--shadow-md: 0 6px 24px rgba(57, 16, 41, .1);--shadow-lg: 0 18px 50px rgba(57, 16, 41, .22);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--paars-700)}h1,h2,h3{margin:0 0 8px;letter-spacing:-.01em}.app-shell{display:grid;grid-template-columns:256px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"side topbar" "side inhoud";min-height:100vh}.zijbalk{grid-area:side;background:linear-gradient(180deg,var(--paars),var(--paars-800));color:#f3e9f0;display:flex;flex-direction:column;gap:4px;padding:18px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.zijbalk-merk{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}.zijbalk-merk img{height:26px}.zijbalk-groep-kop{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffff75;margin:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:#ffffffd6;text-decoration:none;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .14s ease,color .14s ease}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.actief{background:#8779b75c;color:#fff}.nav-item .nav-tel{margin-left:auto;background:var(--blauw);color:var(--paars);border-radius:999px;font-size:.7rem;font-weight:800;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.zijbalk-voet{margin-top:auto;padding:12px 10px 4px;font-size:.74rem;color:#ffffff80;font-style:italic}.topbar{grid-area:topbar;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:0 clamp(16px,3vw,28px);height:64px;background:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-burger{display:none;width:40px;height:40px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;align-items:center;justify-content:center;color:var(--ink)}.topbar-crumb{font-size:.72rem;color:var(--muted);font-weight:600}.topbar-titel{font-size:1.06rem;font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-home{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;font-weight:700;font-size:.9rem;cursor:pointer;flex:none}.topbar-home:hover{background:var(--lila-soft);border-color:var(--line-strong)}.topbar-home.actief{background:var(--lila-soft);border-color:var(--lila);color:var(--paars)}.nav-home{margin-bottom:4px}.paginakop:after{content:"";position:absolute;right:0;bottom:0;width:min(240px,45%);height:78%;background:url(/lijnen.png) right bottom / contain no-repeat;opacity:.45;pointer-events:none}.paginakop-titel{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.01em;color:#fff}@media (max-width: 560px){.topbar-home-tekst{display:none}}.topbar-acties{margin-left:auto;display:flex;align-items:center;gap:10px}.bel-tel{position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;border-radius:999px;font-size:.66rem;font-weight:800;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.bel-wrap{position:relative;display:inline-flex}.bel-paneel{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:min(340px,92vw);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden;animation:belPop .14s ease-out}@keyframes belPop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.bel-paneel-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}.bel-lijst{max-height:min(60vh,420px);overflow-y:auto}.bel-item{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:11px 14px;border:none;border-bottom:1px solid var(--line);background:transparent;cursor:pointer;color:var(--ink);font:inherit}.bel-item:hover{background:var(--bg)}.bel-item.ongelezen{background:var(--lila-soft)}.bel-item.ongelezen:hover{background:var(--blauw-soft)}.bel-item-stip{color:var(--lila);font-size:.7rem;line-height:1.5;flex:none}.bel-item-body{display:flex;flex-direction:column;gap:2px;min-width:0}.bel-item-tekst{font-size:.85rem;font-weight:600;line-height:1.3}.bel-item-meta{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bel-leeg{margin:0;padding:18px 14px;font-size:.86rem}.bel-voet{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid var(--line);background:var(--bg)}.bel-voet-link{font-size:.82rem;font-weight:700;color:var(--paars);text-decoration:none;white-space:nowrap}.bel-voet-link:hover{text-decoration:underline}.bel-push{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:999px;padding:5px 10px;font:inherit;font-size:.74rem;font-weight:700;cursor:pointer;text-align:right}button.bel-push:hover:not(:disabled){background:var(--lila-soft);border-color:var(--lila)}.bel-push:disabled{opacity:.6;cursor:default}.bel-push-aan{color:var(--groen);border-color:var(--groen);background:var(--groen-soft)}span.bel-push{border-style:dashed;cursor:default;color:var(--muted)}.inhoud{grid-area:inhoud;padding:clamp(16px,3vw,28px);max-width:1240px;width:100%}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.panel-kop h2,.panel-kop h3{margin:0;font-size:1.02rem;font-weight:800}.btn{font-family:var(--font);font-size:.9rem;font-weight:700;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:9px 15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s ease,background .15s ease,border-color .15s ease,transform .05s ease}.btn:hover{background:var(--bg)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primair{background:var(--paars);border-color:var(--paars);color:#fff}.btn-primair:hover{background:var(--paars-700)}.btn-lila{background:var(--lila);border-color:var(--lila);color:#fff}.btn-groen{background:var(--groen);border-color:var(--groen);color:#fff}.btn-groen:hover{filter:brightness(1.05);background:var(--groen)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-ghost{background:transparent;border-color:transparent;color:var(--paars-700)}.btn-ghost:hover{background:var(--lila-soft)}.btn-klein{padding:6px 11px;font-size:.82rem}.btn:focus-visible{outline:2px solid var(--lila);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:700;border:1px solid transparent;white-space:nowrap}.badge-ok{background:var(--groen-soft);color:#0a7c46;border-color:#00a75d47}.badge-optioneel,.badge-uitnodiging{background:var(--lila-soft);color:#5d2247;border-color:#8779b766}.badge-warn{background:var(--warn-soft);color:#8a5e0f;border-color:#c98a1a57}.badge-danger{background:var(--danger-soft);color:#9c2330;border-color:#c33d4b52}.badge-neutraal{background:var(--bg);color:var(--muted);border-color:var(--line)}.badge-info{background:var(--blauw-soft);color:#1d6a92;border-color:#93d5f680}.battery-track{position:relative;width:120px;height:12px;border-radius:999px;background:var(--line);overflow:hidden}.battery-vul{position:absolute;inset:0 auto 0 0;border-radius:999px;background:var(--groen);transition:width .4s ease}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:.78rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.kpi-waarde{font-size:1.9rem;font-weight:800;color:var(--paars);line-height:1.1}.kpi.accent-groen .kpi-waarde{color:var(--groen)}.kpi.accent-warn .kpi-waarde{color:var(--warn)}.kpi.accent-danger .kpi-waarde{color:var(--danger)}.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.tbl{width:100%;border-collapse:collapse;font-size:.9rem}.tbl thead th{text-align:left;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:11px 14px;border-bottom:1px solid var(--line);background:var(--bg);white-space:nowrap}.tbl tbody td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr.klikbaar{cursor:pointer}.tbl tbody tr.klikbaar:hover{background:var(--lila-soft)}.tbl-leeg{padding:28px 14px;text-align:center;color:var(--muted)}@media (max-width: 640px){.tbl-wrap:has(.tbl-kaart){overflow-x:visible;border:none;background:transparent;border-radius:0}.tbl-kaart thead{display:none}.tbl-kaart,.tbl-kaart tbody,.tbl-kaart tbody tr,.tbl-kaart tbody td{display:block;width:100%}.tbl-kaart tbody tr{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:4px 14px;margin-bottom:12px}.tbl-kaart tbody tr:last-child{margin-bottom:0}.tbl-kaart tbody td{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);text-align:right}.tbl-kaart tbody tr td:last-child{border-bottom:none}.tbl-kaart tbody td[data-label]:before{content:attr(data-label);margin-right:auto;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;flex:0 0 auto}.tbl-kaart tbody td.tbl-leeg{display:block;text-align:center}}.field-fout{font-size:.78rem;color:var(--danger);font-weight:600}.input,.select,.textarea{font-family:var(--font);font-size:.9rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:9px 12px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--lila);box-shadow:0 0 0 3px #8779b72e}.tab.actief{color:var(--paars);border-bottom-color:var(--lila)}.banner-info{background:var(--blauw-soft);border-color:#93d5f680}.banner-ok{background:var(--groen-soft);border-color:#00a75d47}.banner-warn{background:var(--warn-soft);border-color:#c98a1a57}.banner-danger{background:var(--danger-soft);border-color:#c33d4b52}.banner-uitnodiging{background:var(--lila-soft);border-color:#8779b766}.docrow-icoon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--lila-soft);color:var(--paars-700);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lila);color:#fff;font-weight:800;font-size:.82rem;width:34px;height:34px;flex-shrink:0;text-transform:uppercase}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#2410196b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:scrim-in .18s ease both}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal-kaart{position:relative;z-index:1;width:min(520px,100%);max-height:88vh;overflow:auto;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:22px;animation:modal-in .22s cubic-bezier(.22,1,.36,1) both}.modal-kop h3{margin:0;font-size:1.12rem;font-weight:800}.modal-sluit{margin-left:auto;width:32px;height:32px;border:none;background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;color:var(--muted);font-size:1.1rem}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(560px,100%);background:var(--surface);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:drawer-in .26s cubic-bezier(.22,1,.36,1) both}.drawer-kop h3{margin:0;font-size:1.08rem;font-weight:800}.drawer-sluit{margin-left:auto;width:32px;height:32px;border:none;background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;color:var(--muted);font-size:1.1rem}.toast-host{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 36px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--paars);color:#fff;box-shadow:var(--shadow-md);font-size:.88rem;animation:toast-in .24s cubic-bezier(.22,1,.36,1) both}.todo-placeholder{color:var(--muted);font-size:.9rem}.inhoud:has(.plaza){padding:0;max-width:none}.plaza{display:flex;flex-direction:column;min-height:calc(100dvh - 64px);padding:clamp(20px,4vw,40px);color:#f6eef2;background:radial-gradient(900px 500px at 88% -12%,rgba(135,121,183,.3),transparent 60%),radial-gradient(700px 460px at -8% 112%,rgba(147,213,246,.14),transparent 55%),linear-gradient(165deg,#2a0b1e,var(--paars))}.plaza-hero .fues-logo-img{filter:drop-shadow(0 4px 14px rgba(57,16,41,.22))}.plaza-hero-tekst{min-width:0}.plaza-eyebrow{display:inline-block;margin-bottom:6px;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--paars);opacity:.72}.plaza-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.tegel{display:flex;flex-direction:column;gap:8px;min-height:150px;padding:20px;border-radius:var(--radius);color:#f6eef2;background:linear-gradient(160deg,#ffffff1f,#ffffff0b);border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}.tegel[role=button]{cursor:pointer;transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease}.tegel[role=button]:hover{transform:translateY(-3px);border-color:#93d5f699;box-shadow:0 16px 40px #00000057}.tegel[role=button]:focus-visible{outline:2px solid var(--blauw);outline-offset:2px}.tegel-icoon{font-size:1.6rem;line-height:1}.tegel h3{margin:0;font-size:1.1rem;font-weight:800;color:#fff}.tegel p{margin:0;flex:1;color:#ffffffb8;font-size:.9rem;line-height:1.5}.tegel-ga{margin-top:4px;font-size:.84rem;font-weight:700;color:var(--blauw)}.plaza .lijnen-img{display:block;width:100%;height:auto}@media (max-width: 640px){.plaza-raster{grid-template-columns:1fr;gap:12px}.tegel{min-height:0}}@media (prefers-reduced-motion: reduce){.tegel[role=button]{transition:none}.tegel[role=button]:hover{transform:none}}@media (max-width: 640px){.topbar{gap:10px;height:calc(56px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:14px;padding-right:14px}.topbar-acties{gap:8px}.topbar-acties .rij .muted{display:none}.topbar-titel{font-size:.98rem}.inhoud{padding:16px 14px}.panel{padding:14px}.kpi-rij{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.zijbalk{padding-top:max(18px,env(safe-area-inset-top,0px))}}@media (max-width: 480px){.kpi-rij{grid-template-columns:1fr 1fr;gap:10px}.inhoud{padding:14px 12px}.topbar-titel{font-size:.94rem}}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "inhoud"}.zijbalk{position:fixed;top:0;left:0;z-index:45;width:256px;transform:translate(-100%);transition:transform .24s cubic-bezier(.22,1,.36,1)}.zijbalk.open{transform:translate(0);box-shadow:var(--shadow-lg)}.topbar-burger{display:inline-flex}}@media (prefers-reduced-motion: reduce){.modal-kaart,.drawer,.toast,.scrim,.zijbalk{animation:none!important;transition:none!important}}.auth-scherm{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:40px 20px;position:relative;overflow-x:clip;color:#f6eef2;background:radial-gradient(1100px 620px at 82% -12%,rgba(135,121,183,.32),transparent 60%),radial-gradient(900px 520px at -12% 112%,rgba(147,213,246,.18),transparent 55%),linear-gradient(160deg,#2a0b1e,#391029)}.auth-glow{position:absolute;top:44%;left:50%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(147,213,246,.22),rgba(135,121,183,.16) 45%,transparent 70%);filter:blur(18px);pointer-events:none;animation:auth-glow 6s ease-in-out infinite alternate}@keyframes auth-glow{0%{opacity:.55;transform:translate(-50%,-50%) scale(1)}to{opacity:.9;transform:translate(-50%,-50%) scale(1.16)}}.auth-scherm .fues-logo-img{position:relative;z-index:1;filter:drop-shadow(0 6px 22px rgba(135,121,183,.5))}.auth-kaart{position:relative;z-index:1;width:min(460px,100%);text-align:center;padding:38px 34px;border-radius:26px;background:linear-gradient(155deg,#ffffff24,#ffffff0d);-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 60px #0006,inset 0 1px #ffffff47;animation:glas-pop .5s cubic-bezier(.22,1,.36,1) both}.auth-eyebrow{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#93d5f6;margin-bottom:14px}.auth-kaart h1{margin:0 0 10px;font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.01em}.auth-kaart .ondertitel{color:#ffffffb8;font-size:.94rem;margin:0 auto 6px;max-width:36ch;line-height:1.55}.auth-kaart .field{text-align:left;margin-top:14px}.auth-kaart .field-label{color:#ffffffd1}.auth-kaart .input{background:#00000038;border:1px solid rgba(255,255,255,.2);color:#fff}.auth-kaart .input:focus{border-color:#93d5f6b3;box-shadow:0 0 0 3px #93d5f62e}.auth-knop-ms,.auth-knop{margin-top:22px;width:100%;padding:13px 16px;font-size:.98rem;font-weight:700;border-radius:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;border:1px solid transparent;transition:filter .2s ease,transform .12s ease}.auth-knop-ms{background:var(--lila);color:var(--paars);border-color:#ffffff42;box-shadow:0 10px 26px #39102957}.auth-knop{background:linear-gradient(120deg,#8779b7,#93d5f6);color:#1c0a16}.auth-knop-ms:hover:not(:disabled),.auth-knop:hover:not(:disabled){filter:brightness(1.04)}.auth-knop-ms:active,.auth-knop:active{transform:scale(.98)}.auth-knop-ms svg{flex:0 0 auto}.auth-knop-ms-fues{position:relative;justify-content:center;min-height:50px}.auth-knop-ms-fues .ms-logo-links{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center}.auth-knop-ms-fues .fues-logo-img{filter:none}.auth-kaart .auth-welkom{margin:16px 0 22px;font-size:clamp(1.35rem,4vw,1.6rem)}.auth-knop-ghost{margin-top:12px;width:100%;padding:13px 16px;font-size:.98rem;font-weight:700;border-radius:13px;cursor:pointer;font-family:inherit;color:#f6eef2;background:#ffffff0f;border:1px solid rgba(255,255,255,.22);transition:background .15s ease,border-color .15s ease,transform .12s ease}.auth-knop-ghost:hover{background:#93d5f624;border-color:#93d5f680}.auth-knop-ghost:active{transform:scale(.98)}.auth-terug{position:absolute;top:14px;left:16px;padding:6px 8px;background:none;border:none;color:#ffffffb8;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:color .15s ease}.auth-terug:hover{color:#93d5f6}.auth-top{position:absolute;top:max(20px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:2;display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.auth-top-titel{padding-left:12px;border-left:1px solid rgba(255,255,255,.28);font-size:.95rem;font-weight:700;letter-spacing:.02em;color:#f6eef2}.auth-scheiding{display:flex;align-items:center;gap:12px;margin:22px 0 6px;color:#ffffff80;font-size:.78rem}.auth-scheiding:before,.auth-scheiding:after{content:"";flex:1;height:1px;background:#ffffff29}.auth-rolkiezer{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.auth-rol{padding:11px 10px;border-radius:13px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#f6eef2;font-weight:700;font-size:.86rem;cursor:pointer;font-family:inherit;transition:background .15s ease,border-color .15s ease}.auth-rol:hover{background:#93d5f629;border-color:#93d5f680}.auth-link{display:inline-block;margin-top:16px;color:#ffffffb8;font-size:.84rem;text-decoration:none}.auth-link:hover{color:#93d5f6}.auth-fout{margin-top:14px;padding:10px 12px;border-radius:11px;background:#df2f4a29;border:1px solid rgba(223,47,74,.4);color:#ffd2d8;font-size:.84rem}.auth-gelukt{margin-top:16px;padding:12px 14px;border-radius:11px;background:#00a75d29;border:1px solid rgba(0,167,93,.42);color:#d6f5e4;font-size:.9rem;line-height:1.5}.auth-akkoord{display:flex;align-items:flex-start;gap:10px;margin-top:16px;text-align:left;color:#ffffffd1;font-size:.86rem;line-height:1.45;cursor:pointer}.auth-akkoord input{margin-top:2px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--lila);cursor:pointer}.auth-voet{position:relative;z-index:1;color:#ffffff8c;font-style:italic;font-size:.85rem}.auth-scherm .lijnen{position:absolute;left:0;right:0;bottom:0;z-index:0;line-height:0;pointer-events:none;opacity:.92}.auth-scherm .lijnen-img{display:block;width:100%;height:auto}@media (max-width: 640px),(max-height: 720px){.auth-scherm{justify-content:center;gap:16px;padding:max(56px,calc(env(safe-area-inset-top) + 44px)) 16px calc(88px + env(safe-area-inset-bottom))}.auth-kaart{padding:26px 20px;border-radius:22px}.auth-kaart h1{font-size:1.4rem}.auth-kaart .ondertitel{font-size:.9rem}.auth-glow{width:360px;height:360px}}@media (prefers-reduced-motion: reduce){.auth-glow,.auth-kaart{animation:none!important}}:root{--fues-paars: #391029;--fues-lila: #8779b7;--fues-lichtblauw: #93d5f6;--fues-groen: #00a75d;--paars: var(--fues-paars);--paars-800: #4a1837;--paars-700: #5d2247;--lila: var(--fues-lila);--lila-soft: #ece9f5;--blauw: var(--fues-lichtblauw);--lichtblauw: var(--fues-lichtblauw);--blauw-soft: #eaf7fe;--groen: var(--fues-groen);--groen-soft: #e2f6ec;--warn: #c98a1a;--warn-soft: #fbf2df;--danger: #c33d4b;--danger-soft: #fbeaec;--lila-700: #645693;--groen-700: #008049;--radius: 14px;--radius-sm: 9px;--radius-lg: 20px;--radius-xl: 24px;--pil: 999px;--w-normaal: 400;--w-medium: 600;--w-bold: 700;--w-hero: 800;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: var(--font);--tekst-xs: .75rem;--tekst-sm: .8125rem;--tekst-md: .875rem;--tekst-lg: 1rem;--tekst-xl: 1.25rem;--tekst-2xl: 1.5rem;--tekst-3xl: 2rem;--tekst-kpi: 2.25rem;--leading: 1.5;--chart-1: #8779b7;--chart-2: #93d5f6;--chart-3: #00a75d;--chart-4: #c98a1a;--chart-5: #5d2247;--chart-6: #4c9be8;--z-topbar: 30;--z-scrim: 40;--z-popover: 41;--z-zijbalk: 45;--z-overlay: 50;--z-toast: 60;--snel: .14s ease;--normaal: .22s ease;--easing: cubic-bezier(.22, 1, .36, 1);--zijbalk-breed: 256px;--zijbalk-smal: 72px;--zij-bg: var(--surface);--zij-ink: var(--ink);--zij-ink-muted: var(--muted);--zij-ink-flauw: var(--muted);--zij-hover: var(--surface-2);--zij-actief-bg: var(--lila-bg);--zij-actief-ink: var(--lila-ink);--zij-rand: var(--line)}:root,[data-thema=licht]{--bg: #f6f5f8;--surface: #ffffff;--surface-2: #faf9fc;--surface-hoog: #ffffff;--ink: #241019;--muted: #6f6675;--line: #e7e3ec;--line-strong: #d6d0dd;--topbar-bg: rgba(255, 255, 255, .86);--scrim: rgba(36, 16, 25, .42);--shadow-sm: 0 1px 2px rgba(57, 16, 41, .06), 0 1px 3px rgba(57, 16, 41, .04);--shadow-md: 0 6px 24px rgba(57, 16, 41, .1);--shadow-lg: 0 18px 50px rgba(57, 16, 41, .22);--accent: var(--lila);--accent-ink: #ffffff;--link: var(--paars-700);--focus-ring: rgba(135, 121, 183, .5);--cijfer: var(--paars);--ok-bg: var(--groen-soft);--ok-ink: #0a7c46;--ok-rand: rgba(0, 167, 93, .28);--info-bg: var(--blauw-soft);--info-ink: #1d6a92;--info-rand: rgba(147, 213, 246, .5);--lila-bg: var(--lila-soft);--lila-ink: #5d2247;--lila-rand: rgba(135, 121, 183, .4);--warn-bg: var(--warn-soft);--warn-ink: #8a5e0f;--warn-rand: rgba(201, 138, 26, .34);--danger-bg: var(--danger-soft);--danger-ink: #9c2330;--danger-rand: rgba(195, 61, 75, .32);--neutraal-bg: var(--bg);--neutraal-ink: var(--muted)}[data-thema=donker]{--bg: #0e0f13;--surface: #16181f;--surface-2: #1d2029;--surface-hoog: #262a35;--ink: #eceef3;--muted: #9aa0ad;--line: #262932;--line-strong: #363b47;--topbar-bg: rgba(22, 24, 31, .82);--scrim: rgba(6, 7, 10, .62);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 8px 28px rgba(0, 0, 0, .55);--shadow-lg: 0 22px 60px rgba(0, 0, 0, .62);--accent: var(--lila);--accent-ink: #ffffff;--link: var(--lichtblauw);--focus-ring: rgba(147, 213, 246, .5);--cijfer: #e7e2f7;--ok-bg: rgba(0, 167, 93, .16);--ok-ink: #63e0a3;--ok-rand: rgba(0, 167, 93, .42);--info-bg: rgba(147, 213, 246, .16);--info-ink: #a9e0fb;--info-rand: rgba(147, 213, 246, .42);--lila-bg: rgba(135, 121, 183, .22);--lila-ink: #cbc0ea;--lila-rand: rgba(135, 121, 183, .5);--warn-bg: rgba(201, 138, 26, .18);--warn-ink: #edc06a;--warn-rand: rgba(201, 138, 26, .44);--danger-bg: rgba(223, 47, 74, .18);--danger-ink: #ff9aa6;--danger-rand: rgba(223, 47, 74, .44);--neutraal-bg: var(--surface-2);--neutraal-ink: var(--muted)}@media (prefers-color-scheme: dark){:root:not([data-thema]){--bg: #0e0f13;--surface: #16181f;--surface-2: #1d2029;--surface-hoog: #262a35;--ink: #eceef3;--muted: #9aa0ad;--line: #262932;--line-strong: #363b47;--topbar-bg: rgba(22, 24, 31, .82);--scrim: rgba(6, 7, 10, .62);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 8px 28px rgba(0, 0, 0, .55);--shadow-lg: 0 22px 60px rgba(0, 0, 0, .62);--link: var(--lichtblauw);--focus-ring: rgba(147, 213, 246, .5);--cijfer: #e7e2f7;--ok-bg: rgba(0, 167, 93, .16);--ok-ink: #63e0a3;--ok-rand: rgba(0, 167, 93, .42);--info-bg: rgba(147, 213, 246, .16);--info-ink: #a9e0fb;--info-rand: rgba(147, 213, 246, .42);--lila-bg: rgba(135, 121, 183, .22);--lila-ink: #cbc0ea;--lila-rand: rgba(135, 121, 183, .5);--warn-bg: rgba(201, 138, 26, .18);--warn-ink: #edc06a;--warn-rand: rgba(201, 138, 26, .44);--danger-bg: rgba(223, 47, 74, .18);--danger-ink: #ff9aa6;--danger-rand: rgba(223, 47, 74, .44);--neutraal-bg: var(--surface-2)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:var(--tekst-md);font-weight:var(--w-normaal);color:var(--ink);background:var(--bg);line-height:var(--leading);-webkit-font-smoothing:antialiased;transition:background var(--snel),color var(--snel)}:where(.nav-item,.thema-toggle,.bel,.topbar-burger,.topbar-inklap,.zijbalk-profiel,.zijbalk-inklap,.modal-sluit,.drawer-sluit,.toast-sluit,.tab,.auth-knop-ms,.auth-knop,.auth-rond,.auth-oog,a.tegel,tr.klikbaar):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-zoek:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}button.nav-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;width:100%;text-align:left;font:inherit}a{color:var(--link)}h1,h2,h3{margin:0 0 var(--sp-2);letter-spacing:-.01em}.app-shell{--zijbalk-nu: var(--zijbalk-breed);display:grid;grid-template-columns:var(--zijbalk-nu) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"side topbar" "side inhoud";min-height:100vh;transition:grid-template-columns var(--normaal) var(--easing)}.app-shell[data-zijbalk=in]{--zijbalk-nu: var(--zijbalk-smal)}.zijbalk{grid-area:side;width:var(--zijbalk-nu);background:var(--zij-bg);color:var(--zij-ink);display:flex;flex-direction:column;gap:var(--sp-1);padding:18px 14px;position:sticky;top:0;height:100vh;overflow-x:hidden;overflow-y:auto;border-right:1px solid var(--zij-rand);transition:width var(--normaal) var(--easing),padding var(--normaal) var(--easing)}.zijbalk-merk{display:flex;align-items:center;gap:10px;padding:6px 8px 16px;min-height:48px}.zijbalk-merk img{height:26px;flex:none}.zijbalk-groep-kop{font-size:var(--tekst-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zij-ink-flauw);margin:14px 10px 6px;white-space:nowrap;overflow:hidden}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--zij-ink-muted);text-decoration:none;font-size:.92rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--snel),color var(--snel)}.nav-item:hover{background:var(--zij-hover);color:var(--zij-ink)}.nav-item.actief{background:var(--zij-actief-bg);color:var(--zij-actief-ink);box-shadow:inset 3px 0 0 var(--lila)}.nav-item.actief .nav-icoon{color:var(--lila)}.nav-icoon{flex:none;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.nav-icoon svg{width:20px;height:20px}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-tel{margin-left:auto;background:var(--blauw);color:var(--paars);border-radius:var(--pil);font-size:.7rem;font-weight:800;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.zijbalk-voet{margin-top:auto;padding:12px 6px 4px}.zijbalk-profiel{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--zij-ink);width:100%;cursor:pointer;font:inherit;text-align:left}.zijbalk-profiel:hover{background:var(--zij-hover)}.zijbalk-profiel-tekst{min-width:0;line-height:1.25}.zijbalk-profiel-naam{font-size:.84rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zijbalk-profiel-rol{font-size:.72rem;color:var(--zij-ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zijbalk-inklap{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;width:100%;border:none;background:transparent;color:var(--zij-ink-muted);border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:.82rem;font-weight:600;white-space:nowrap}.zijbalk-inklap:hover{background:var(--zij-hover);color:var(--zij-ink)}.zijbalk-inklap .nav-icoon{transition:transform var(--normaal) var(--easing)}.app-shell[data-zijbalk=in] .nav-label,.app-shell[data-zijbalk=in] .zijbalk-groep-kop,.app-shell[data-zijbalk=in] .zijbalk-profiel-tekst,.app-shell[data-zijbalk=in] .zijbalk-inklap-label,.app-shell[data-zijbalk=in] .nav-tel{display:none}.app-shell[data-zijbalk=in] .nav-item,.app-shell[data-zijbalk=in] .zijbalk-profiel,.app-shell[data-zijbalk=in] .zijbalk-inklap{justify-content:center;padding-left:0;padding-right:0}.app-shell[data-zijbalk=in] .zijbalk-inklap .nav-icoon{transform:rotate(180deg)}.app-shell[data-zijbalk=in] .nav-item{position:relative}.app-shell[data-zijbalk=in] .nav-item[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--surface-hoog);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-md);padding:5px 10px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;white-space:nowrap;z-index:var(--z-popover);pointer-events:none}.topbar{grid-area:topbar;position:sticky;top:0;z-index:var(--z-topbar);display:flex;align-items:center;gap:16px;padding:0 clamp(16px,3vw,28px);height:64px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-burger,.topbar-inklap{display:inline-flex;width:40px;height:40px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;align-items:center;justify-content:center;color:var(--ink);flex:none}.topbar-burger{display:none}.topbar-titels{display:flex;flex-direction:column;line-height:1.2;min-width:0}.topbar-crumb{font-size:var(--tekst-xs);color:var(--muted);font-weight:600}.topbar-titel{font-size:var(--tekst-lg);font-weight:var(--w-bold);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-zoek{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;min-width:0;max-width:320px;flex:1 1 220px;border:1px solid var(--line);background:var(--surface);border-radius:var(--pil);color:var(--muted)}.topbar-zoek input{border:none;background:transparent;outline:none;font:inherit;font-size:.88rem;color:var(--ink);width:100%}.topbar-acties{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}.thema-toggle{width:40px;height:40px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);transition:background var(--snel),border-color var(--snel)}.thema-toggle:hover{background:var(--lila-bg);border-color:var(--lila-rand)}.bel{position:relative;width:40px;height:40px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.bel:hover{background:var(--lila-bg)}.bel-tel{position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;border-radius:var(--pil);font-size:.66rem;font-weight:800;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.inhoud{grid-area:inhoud;padding:clamp(16px,3vw,28px);width:100%;min-width:0}.inhoud-smal{max-width:1240px;margin-inline:auto}.paginakop{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(120deg,var(--paars),var(--paars-700));color:#fff;border-radius:var(--radius);padding:18px 22px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.paginakop:after{content:"";position:absolute;right:0;bottom:0;width:min(240px,45%);height:78%;background:var(--lijnen-url, url(/assets/fues-lijnen-DNaBvjLz.png)) right bottom / contain no-repeat;opacity:.45;pointer-events:none}.paginakop-tekst{position:relative;z-index:1;min-width:0}.paginakop-titel{margin:0;font-size:var(--tekst-2xl);font-weight:var(--w-hero);letter-spacing:-.01em;color:#fff}.begroeting{font-weight:var(--w-hero);font-size:var(--tekst-3xl);letter-spacing:-.02em;line-height:1.15;margin:0}.begroeting em{font-style:normal;color:var(--lila)}.paginakop-sub{margin:5px 0 0;color:var(--lila-soft);font-size:.9rem;max-width:64ch;line-height:1.45}.paginakop-acties{display:flex;gap:8px;align-items:center;flex-wrap:wrap;position:relative;z-index:1}.panel,.kaart{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.panel+.panel{margin-top:16px}[data-thema=donker] .panel,[data-thema=donker] .kaart,[data-thema=donker] .kpi,[data-thema=donker] .tegel,[data-thema=donker] .voortgang-tegel{box-shadow:var(--shadow-sm),inset 0 1px #ffffff0d}.panel-kop{display:flex;align-items:center;gap:12px;margin-bottom:14px}.panel-kop h2,.panel-kop h3{margin:0;font-size:var(--tekst-lg);font-weight:var(--w-bold)}.panel-kop .panel-acties{margin-left:auto;display:flex;gap:8px}.panel-sub{color:var(--muted);font-size:.88rem;margin:-6px 0 12px}.knop,.btn{font-family:var(--font);font-size:.9rem;font-weight:700;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:9px 15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter var(--snel),background var(--snel),border-color var(--snel),transform .05s ease}.knop:hover,.btn:hover{background:var(--neutraal-bg)}.knop:active,.btn:active{transform:translateY(1px)}.knop:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.knop:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.knop-primair,.btn-primair{background:var(--paars);border-color:var(--paars);color:#fff}.knop-primair:hover,.btn-primair:hover{background:var(--paars-700)}.knop-lila,.btn-lila{background:var(--lila);border-color:var(--lila);color:var(--paars)}.knop-lila:hover,.btn-lila:hover{background:var(--lila-700);border-color:var(--lila-700);color:#fff}.knop-groen,.btn-groen{background:var(--groen-700);border-color:var(--groen-700);color:#fff}.knop-groen:hover,.btn-groen:hover{filter:brightness(1.08)}.knop-danger,.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.knop-ghost,.btn-ghost{background:transparent;border-color:transparent;color:var(--link)}.knop-ghost:hover,.btn-ghost:hover{background:var(--lila-bg)}.knop-klein,.btn-klein{padding:6px 11px;font-size:.82rem}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--pil);font-size:.74rem;font-weight:700;border:1px solid transparent;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.85}.badge-naked:before{display:none}.badge-ok{background:var(--ok-bg);color:var(--ok-ink);border-color:var(--ok-rand)}.badge-optioneel,.badge-uitnodiging{background:var(--lila-bg);color:var(--lila-ink);border-color:var(--lila-rand)}.badge-warn{background:var(--warn-bg);color:var(--warn-ink);border-color:var(--warn-rand)}.badge-danger{background:var(--danger-bg);color:var(--danger-ink);border-color:var(--danger-rand)}.badge-info{background:var(--info-bg);color:var(--info-ink);border-color:var(--info-rand)}.badge-neutraal{background:var(--neutraal-bg);color:var(--neutraal-ink);border-color:var(--line)}.kpi-rij{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;display:flex;flex-direction:column;gap:6px}.kpi-kop{display:flex;align-items:center;justify-content:space-between;gap:10px}.kpi-label{font-size:var(--tekst-sm);font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.kpi-waarde{font-size:var(--tekst-kpi);font-weight:var(--w-bold);color:var(--cijfer);line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.kpi-sub{font-size:.8rem;color:var(--muted)}.kpi.accent-groen .kpi-waarde{color:var(--ok-ink)}.kpi.accent-groen{--spark-kleur: var(--groen)}.kpi.accent-warn .kpi-waarde{color:var(--warn-ink)}.kpi.accent-warn{--spark-kleur: var(--warn)}.kpi.accent-danger .kpi-waarde{color:var(--danger-ink)}.kpi.accent-danger{--spark-kleur: var(--danger)}.kpi-hero{background:linear-gradient(140deg,var(--paars),var(--lila));border-color:transparent;color:#fff;box-shadow:var(--shadow-md)}.kpi-hero .kpi-label{color:#ffffffd1}.kpi-hero .kpi-waarde{color:#fff}.kpi-hero .kpi-sub{color:#ffffffc7}.kpi-hero .kpi-trend-op,.kpi-hero .kpi-trend-neer,.kpi-hero .kpi-trend-vlak{background:#ffffff2e;color:#fff}.kpi-hero .spark-lijn{stroke:#ffffffe6}.kpi-hero .spark-vlak{fill:#fff;opacity:.18}.kpi-trend{display:inline-flex;align-items:center;gap:3px;font-size:.78rem;font-weight:800;padding:2px 8px;border-radius:var(--pil)}.kpi-trend-op{color:var(--ok-ink);background:var(--ok-bg)}.kpi-trend-neer{color:var(--danger-ink);background:var(--danger-bg)}.kpi-trend-vlak{color:var(--muted);background:var(--neutraal-bg)}.spark{display:block;width:100%;height:34px;overflow:visible}.spark-lijn{fill:none;stroke:var(--spark-kleur, var(--lila));stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.spark-vlak{fill:var(--spark-kleur, var(--lila));opacity:.14}.num,.tbl td.num,.tabel td.num{font-variant-numeric:tabular-nums;text-align:right}.tegel{display:flex;flex-direction:column;gap:8px;min-height:140px;padding:20px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--ink)}.tegel[role=button],a.tegel{cursor:pointer;text-decoration:none;transition:transform .1s ease,border-color var(--snel),box-shadow var(--snel)}.tegel[role=button]:hover,a.tegel:hover{transform:translateY(-3px);border-color:var(--lila);box-shadow:var(--shadow-md)}.tegel[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tegel-icoon{width:42px;height:42px;border-radius:var(--radius-sm);background:var(--lila-bg);color:var(--lila-ink);display:inline-flex;align-items:center;justify-content:center;font-size:1.3rem;line-height:1}.tegel-icoon.icoon-blauw{background:var(--info-bg);color:var(--info-ink)}.tegel-icoon.icoon-groen{background:var(--ok-bg);color:var(--ok-ink)}.tegel-icoon svg{width:22px;height:22px}.tegel h3{margin:0;font-size:var(--tekst-lg);font-weight:var(--w-bold);color:var(--ink)}.tegel p{margin:0;flex:1;color:var(--muted);font-size:.9rem;line-height:1.5}.tegel-ga{margin-top:4px;font-size:.84rem;font-weight:700;color:var(--link)}.tegel-glas{background:linear-gradient(160deg,#ffffff1f,#ffffff0b);border:1px solid rgba(255,255,255,.16);box-shadow:none;color:#f6eef2;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}.tegel-glas h3{color:#fff}.tegel-glas p{color:#ffffffb8}.tegel-glas .tegel-ga{color:var(--blauw)}.tegel-glas[role=button]:hover{border-color:#93d5f699;box-shadow:0 16px 40px #00000057}.voortgang-tegel{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:var(--radius);border:1px solid var(--tegel-rand, var(--line));background:var(--tegel-bg, var(--surface));box-shadow:var(--shadow-sm)}.voortgang-tegel.toon-lila{--tegel-bg: var(--lila-bg);--tegel-rand: var(--lila-rand);--tegel-vul: var(--lila)}.voortgang-tegel.toon-blauw{--tegel-bg: var(--info-bg);--tegel-rand: var(--info-rand);--tegel-vul: var(--blauw)}.voortgang-tegel.toon-groen{--tegel-bg: var(--ok-bg);--tegel-rand: var(--ok-rand);--tegel-vul: var(--groen)}.voortgang-tegel.toon-warn{--tegel-bg: var(--warn-bg);--tegel-rand: var(--warn-rand);--tegel-vul: var(--warn)}.voortgang-tegel.toon-danger{--tegel-bg: var(--danger-bg);--tegel-rand: var(--danger-rand);--tegel-vul: var(--danger)}.voortgang-tegel-titel{font-weight:var(--w-bold);font-size:var(--tekst-lg)}.voortgang-tegel-meta{font-size:.8rem;color:var(--muted)}.voortgang-tegel-voet{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem;font-weight:700}.progress{position:relative;height:8px;border-radius:var(--pil);background:#0000001a;overflow:hidden}[data-thema=donker] .progress{background:#ffffff1f}.progress-vul{position:absolute;inset:0 auto 0 0;border-radius:var(--pil);background:var(--tegel-vul, var(--lila));transition:width .4s var(--easing)}.av-stack{display:inline-flex}.av-stack>*+*{margin-left:-8px}.av-stack>*{border:2px solid var(--surface)}.battery{display:inline-flex;align-items:center;gap:10px}.battery-track{position:relative;width:120px;height:12px;border-radius:var(--pil);background:var(--line);overflow:hidden}.battery-vul{position:absolute;inset:0 auto 0 0;border-radius:var(--pil);background:var(--groen);transition:width .4s ease}.battery.is-warn .battery-vul{background:var(--warn)}.battery.is-danger .battery-vul{background:var(--danger)}.battery-pct{font-size:.82rem;font-weight:800;color:var(--ink);min-width:38px}.tbl-wrap,.tabel-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.tbl,.tabel{width:100%;border-collapse:collapse;font-size:.9rem}.tbl thead th,.tabel thead th{text-align:left;font-size:var(--tekst-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:11px 14px;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap}.tbl tbody td,.tabel tbody td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tbody tr:last-child td,.tabel tbody tr:last-child td{border-bottom:none}.tbl tbody tr.klikbaar,.tabel tbody tr.klikbaar{cursor:pointer}.tbl tbody tr.klikbaar:hover,.tabel tbody tr.klikbaar:hover{background:var(--lila-bg)}.tbl-leeg,.tabel-leeg{padding:28px 14px;text-align:center;color:var(--muted)}@media (max-width: 640px){.tbl-wrap:has(.tbl-kaart){overflow-x:visible;border:none;background:transparent;border-radius:0}.tbl-kaart thead{display:none}.tbl-kaart,.tbl-kaart tbody,.tbl-kaart tbody tr,.tbl-kaart tbody td{display:block;width:100%}.tbl-kaart tbody tr{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:4px 14px;margin-bottom:12px}.tbl-kaart tbody td{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);text-align:right}.tbl-kaart tbody tr td:last-child{border-bottom:none}.tbl-kaart tbody td[data-label]:before{content:attr(data-label);margin-right:auto;font-size:var(--tekst-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left}}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}.toolbar-spacer{flex:1}.field{display:flex;flex-direction:column;gap:5px}.field-label{font-size:.8rem;font-weight:700;color:var(--ink)}.field-hint{font-size:.76rem;color:var(--muted)}.field-fout{font-size:.78rem;color:var(--danger-ink);font-weight:600}.input,.select,.textarea{font-family:var(--font);font-size:.9rem;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:9px 12px;width:100%;transition:border-color var(--snel),box-shadow var(--snel)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.textarea{min-height:84px;resize:vertical}.input-zoek{max-width:280px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;font-family:var(--font);font-size:.9rem;font-weight:700;color:var(--muted);padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--ink)}.tab.actief{color:var(--link);border-bottom-color:var(--accent)}.tabs-pill{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:var(--pil);background:var(--surface-2)}.tabs-pill .tab{border:none;margin:0;padding:6px 14px;border-radius:var(--pil);font-size:.84rem}.tabs-pill .tab.actief{color:var(--paars);background:var(--lila)}.banner{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);font-size:.9rem;margin-bottom:16px}.banner-titel{font-weight:800;margin:0 0 2px}.banner-info{background:var(--info-bg);border-color:var(--info-rand)}.banner-ok{background:var(--ok-bg);border-color:var(--ok-rand)}.banner-warn{background:var(--warn-bg);border-color:var(--warn-rand)}.banner-danger{background:var(--danger-bg);border-color:var(--danger-rand)}.docrow{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.docrow+.docrow{margin-top:8px}.docrow-icoon{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--lila-bg);color:var(--lila-ink);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.docrow-body{min-width:0;flex:1}.docrow-titel{font-weight:700;font-size:.92rem}.docrow-meta{font-size:.79rem;color:var(--muted)}.docrow-acties{display:flex;align-items:center;gap:8px;margin-left:auto}.av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lila);color:#fff;font-weight:800;font-size:.82rem;width:34px;height:34px;flex-shrink:0;text-transform:uppercase;overflow:hidden}.av img{width:100%;height:100%;object-fit:cover;display:block}.av-sm{width:26px;height:26px;font-size:.7rem}.av-lg{width:46px;height:46px;font-size:1rem}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-scrim);background:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:scrim-in .18s ease both}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:20px}.modal>.scrim{z-index:0}.modal-kaart{position:relative;z-index:1;width:min(520px,100%);max-height:88vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:22px;animation:modal-in var(--normaal) var(--easing) both}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-kop{display:flex;align-items:center;gap:12px;margin-bottom:12px}.modal-kop h3{margin:0;font-size:var(--tekst-lg);font-weight:var(--w-bold)}.modal-sluit,.drawer-sluit{margin-left:auto;width:32px;height:32px;border:none;background:var(--neutraal-bg);border-radius:var(--radius-sm);cursor:pointer;color:var(--muted);font-size:1.1rem}.modal-voet{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--z-overlay);width:min(560px,100%);background:var(--surface);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:drawer-in .26s var(--easing) both}@keyframes drawer-in{0%{transform:translate(28px);opacity:.4}to{transform:translate(0);opacity:1}}.drawer-kop{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.drawer-kop h3{margin:0;font-size:var(--tekst-lg);font-weight:var(--w-bold)}.drawer-body{padding:20px;overflow-y:auto;flex:1}.drawer-voet{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.toast-host{position:fixed;right:18px;bottom:18px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 36px))}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--paars);color:#fff;box-shadow:var(--shadow-md);font-size:.88rem;animation:toast-in .24s var(--easing) both}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-ok{background:#0a7c46}.toast-warn{background:#8a5e0f}.toast-fout{background:#9c2330}.toast-sluit{margin-left:auto;background:transparent;border:none;color:#fffc;cursor:pointer;font-size:1rem}.plaza{display:flex;flex-direction:column;min-height:calc(100dvh - 64px);padding:clamp(20px,4vw,40px);color:#eef0f6;background:radial-gradient(900px 520px at 86% -12%,rgba(135,121,183,.18),transparent 60%),radial-gradient(720px 480px at -8% 112%,rgba(147,213,246,.1),transparent 55%),linear-gradient(165deg,#0c0d11,#14151b)}.plaza-hero{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(18px,3vw,30px);background:var(--lila);color:var(--paars);border-radius:var(--radius);padding:clamp(20px,3vw,30px) clamp(22px,3.5vw,34px);margin-bottom:clamp(20px,3vw,28px);box-shadow:var(--shadow-lg)}.plaza-eyebrow{display:inline-block;margin-bottom:6px;font-size:var(--tekst-xs);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--paars);opacity:.72}.plaza-hero h1{margin:0 0 4px;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.01em;color:var(--paars)}.plaza-slogan{margin:0;color:var(--paars);font-style:italic;font-weight:700}.plaza-raster,.tegelraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.plaza .lijnen{margin-top:auto;margin-inline:calc(-1*clamp(20px,4vw,40px));margin-bottom:calc(-1*clamp(20px,4vw,40px));padding-top:clamp(24px,5vw,40px);line-height:0;pointer-events:none}.lijnen-img{display:block;width:100%;height:auto}.auth-scherm{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 20px;position:relative;overflow:clip;color:#eef0f6;background:radial-gradient(760px 520px at 12% 26%,rgba(93,34,71,.4),transparent 60%),radial-gradient(820px 560px at 88% 74%,rgba(135,121,183,.36),transparent 60%),linear-gradient(160deg,#0a0b10,#0d0f16)}.auth-water,.auth-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.auth-video{object-fit:cover}.auth-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(1000px 700px at 50% 46%,#08090d00 30%,#08090d80 80%),linear-gradient(180deg,#3910291a,#08090d47)}.auth-kosmos{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(1200px 900px at 50% 120%,rgba(93,34,71,.35),transparent 60%),#07060c}.kosmos-nevel{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;mix-blend-mode:screen;will-change:transform}.kosmos-nevel.n1{width:62vw;height:62vw;left:-12vw;top:-16vw;background:radial-gradient(circle,#7b5cff,#7b5cff00 68%);animation:kosmos-drift-1 28s ease-in-out infinite alternate}.kosmos-nevel.n2{width:54vw;height:54vw;right:-14vw;top:-6vw;background:radial-gradient(circle,#8779b7,#8779b700 68%);animation:kosmos-drift-2 34s ease-in-out infinite alternate}.kosmos-nevel.n3{width:60vw;height:60vw;left:18vw;bottom:-26vw;background:radial-gradient(circle,#4aa0e6,#4aa0e600 66%);opacity:.42;animation:kosmos-drift-3 40s ease-in-out infinite alternate}.kosmos-nevel.n4{width:40vw;height:40vw;right:6vw;bottom:-16vw;background:radial-gradient(circle,#c65bd0,#c65bd000 66%);opacity:.34;animation:kosmos-drift-1 46s ease-in-out infinite alternate-reverse}.kosmos-sterren{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background-image:radial-gradient(1.4px 1.4px at 24px 18px,rgba(255,255,255,.9),transparent 2px),radial-gradient(1px 1px at 88px 64px,rgba(255,255,255,.7),transparent 2px),radial-gradient(1.6px 1.6px at 140px 120px,rgba(214,224,255,.85),transparent 2px),radial-gradient(1px 1px at 200px 40px,rgba(255,255,255,.6),transparent 2px);background-size:180px 180px,220px 220px,300px 300px,260px 260px;animation:kosmos-twinkle 7s ease-in-out infinite,kosmos-pan 120s linear infinite}@keyframes kosmos-drift-1{0%{transform:translate(0) scale(1)}to{transform:translate(6vw,4vw) scale(1.12)}}@keyframes kosmos-drift-2{0%{transform:translate(0) scale(1.05)}to{transform:translate(-5vw,6vw) scale(1)}}@keyframes kosmos-drift-3{0%{transform:translate(0) scale(1)}to{transform:translate(4vw,-5vw) scale(1.1)}}@keyframes kosmos-twinkle{0%,to{opacity:.5}50%{opacity:.85}}@keyframes kosmos-pan{0%{transform:translate(0)}to{transform:translate(-60px,-40px)}}.auth-logo{position:relative;z-index:2;filter:drop-shadow(0 4px 16px rgba(0,0,0,.45))}.auth-kaart{position:relative;z-index:2;width:min(430px,100%);text-align:center;padding:34px 30px;border-radius:26px;background:linear-gradient(155deg,#ffffff14,#0c0e1652);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff3d;animation:glas-pop .5s var(--easing) both}@keyframes glas-pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-kaart h1{margin:0 0 6px;font-size:var(--tekst-2xl);font-weight:var(--w-hero);letter-spacing:-.01em;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.55)}.auth-kaart .ondertitel{color:#ffffffc7;font-size:.92rem;margin:0 auto 4px;max-width:32ch;line-height:1.5;text-shadow:0 1px 10px rgba(0,0,0,.5)}.auth-kaart .auth-veld-label,.auth-of,.auth-onder,.auth-vergeten{text-shadow:0 1px 8px rgba(0,0,0,.55)}.auth-sociaal{display:flex;justify-content:center;gap:12px;margin:18px 0 2px}.auth-rond{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff12;border:1px solid rgba(255,255,255,.14);cursor:pointer;color:#fff;transition:background .15s ease,border-color .15s ease}.auth-rond:hover{background:#ffffff1f;border-color:#ffffff3d}.auth-of{display:flex;align-items:center;gap:12px;margin:14px 0 2px;color:#fff6;font-size:.74rem;text-transform:uppercase;letter-spacing:.14em}.auth-of:before,.auth-of:after{content:"";flex:1;height:1px;background:#ffffff1f}.auth-veld{text-align:left;margin-top:14px}.auth-veld-label{display:block;font-size:.78rem;font-weight:600;color:#ffffffb3;margin-bottom:6px}.auth-veld-wrap{position:relative;display:flex;align-items:center}.auth-veld-icoon{position:absolute;left:12px;color:#ffffff80;display:inline-flex;pointer-events:none}.auth-invoer{width:100%;font-family:inherit;font-size:.92rem;color:#fff;background:#00000047;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 40px;transition:border-color .15s ease,box-shadow .15s ease}.auth-invoer::placeholder{color:#fff6}.auth-invoer:focus{outline:none;border-color:#93d5f699;box-shadow:0 0 0 3px #93d5f629}.auth-oog{position:absolute;right:8px;width:30px;height:30px;border:none;background:transparent;color:#ffffff8c;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.auth-oog:hover{color:#fff}.auth-vergeten{display:block;text-align:right;margin-top:10px;font-size:.82rem;color:var(--lichtblauw);text-decoration:none}.auth-vergeten:hover{text-decoration:underline}.auth-knop,.auth-knop-ms{margin-top:18px;width:100%;padding:14px 16px;font-size:.98rem;font-weight:700;border-radius:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;color:#fff;background:linear-gradient(120deg,#8779b7f2,#5d2247f2);border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 30px #0006,inset 0 1px #ffffff2e;transition:filter .2s ease,transform .12s ease}.auth-knop:hover:not(:disabled),.auth-knop-ms:hover:not(:disabled){filter:brightness(1.08)}.auth-knop:active,.auth-knop-ms:active{transform:scale(.98)}.auth-onder{margin:18px 0 0;font-size:.84rem;color:#fff9}.auth-onder a{color:#fff;font-weight:700;text-decoration:none;cursor:pointer}.auth-onder a:hover{text-decoration:underline}.auth-voet{position:relative;z-index:2;color:#ffffff80;font-size:.85rem;letter-spacing:.02em}.auth-laag{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.auth-laag.auth-uit{animation:auth-inzoom 3.1s cubic-bezier(.25,.8,.25,1) forwards;transform-origin:50% 42%;pointer-events:none}@keyframes auth-inzoom{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.auth-uit .auth-video,.auth-uit .auth-kosmos,.auth-uit .auth-water{animation:auth-bg-weg 3.1s cubic-bezier(.25,.8,.25,1) forwards}@keyframes auth-bg-weg{0%{filter:blur(0);opacity:1}to{filter:blur(22px);opacity:0}}.app-inzoom{animation:app-uitzoom 2.9s cubic-bezier(.25,.8,.25,1) backwards;transform-origin:50% 42%}@keyframes app-uitzoom{0%{opacity:0;transform:scale(1.09)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.auth-water,.auth-video{display:none}}.muted{color:var(--muted)}.stack{display:flex;flex-direction:column;gap:14px}.rij{display:flex;align-items:center;gap:10px}.wrap{flex-wrap:wrap}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "inhoud"}.zijbalk{position:fixed;top:0;left:0;z-index:var(--z-zijbalk);width:var(--zijbalk-breed);transform:translate(-100%);transition:transform var(--normaal) var(--easing)}.zijbalk.open{transform:translate(0);box-shadow:var(--shadow-lg)}.topbar-burger{display:inline-flex}.topbar-inklap{display:none}}@media (max-width: 640px){.topbar{gap:10px;height:calc(56px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:14px;padding-right:14px}.topbar-zoek{display:none}.inhoud{padding:16px 14px}.kpi-rij{grid-template-columns:1fr 1fr;gap:10px}.plaza-raster,.tegelraster{grid-template-columns:1fr;gap:12px}}@media (prefers-reduced-motion: reduce){*,.app-shell,.zijbalk,.modal-kaart,.drawer,.toast,.scrim,.auth-glow,.auth-kaart{animation-duration:1ms!important;transition-duration:1ms!important}.tegel[role=button]:hover{transform:none}}.zijbalk-profiel .av,.topbar-acties .av{color:var(--paars)}.zijbalk-profiel-naam,.zijbalk-profiel-rol{display:block}