:root{--font-title:"BBH Sans Hegarty", "Inter", sans-serif;--font-body:"Inter", sans-serif;--color-bg:#fff;--color-page:#f8fafc;--color-card:#fff;--color-card-muted:#f8fafc;--color-border:#e2e8f0;--color-text:#0f172a;--color-muted:#64748b;--color-dark:#0f172a;--color-accent:#88e8f4;--color-accent-strong:#22d3ee;--color-success:#34d399;--color-warning:#fb923c;--color-danger:#f87171;--color-nav-bg:#f0f9ff;--color-nav-border:#0000008c;--color-nav-text:#0f172a;--color-nav-text-muted:#64748b;--radius:20px;--radius-lg:28px;--radius-pill:999px;--shadow:0 4px 24px #0f172a0f;--shadow-card:0 2px 16px #0f172a0d;--transition-fast:.2s ease;--shell-sidebar-width:minmax(240px, 260px);--shell-panel-radius:24px;--shell-gap:20px;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--color-page);margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}textarea{resize:vertical}#root{min-height:100svh}.container{width:min(1100px,100% - 32px);margin-inline:auto}.pageTitle{font-family:var(--font-title);letter-spacing:-.5px;margin:0 0 14px;font-size:28px}.muted{color:var(--color-muted)}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.badge{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-card-muted);align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.badgeDot{background:var(--color-muted);border-radius:999px;width:8px;height:8px}.btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;gap:10px;padding:10px 14px;display:inline-flex}.btn:hover{border-color:var(--color-nav-border);transform:translateY(-1px)}.btnPrimary{background:linear-gradient(180deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 25%, var(--color-card) 75%));border-color:color-mix(in srgb, var(--color-accent-strong) 45%, transparent)}.btnDanger{background:color-mix(in srgb, var(--color-danger) 15%, transparent);border-color:color-mix(in srgb, var(--color-danger) 35%, transparent)}.input{border:1px solid var(--color-border);background:var(--color-card);width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:14px;outline:none;padding:12px 14px}.input:focus{border-color:color-mix(in srgb, var(--color-accent-strong) 60%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 40%, transparent)}.portaalShell{grid-template-columns:var(--shell-sidebar-width) 1fr;background:var(--color-page);gap:var(--shell-gap);min-height:100svh;padding:var(--shell-gap);display:grid}.sidebar{top:var(--shell-gap);height:calc(100svh - var(--shell-gap) * 2);background:var(--color-card);border-radius:var(--shell-panel-radius);box-shadow:var(--shadow-card);flex-direction:column;gap:20px;padding:20px 16px;display:flex;position:sticky;overflow-y:auto}.brand{align-items:center;gap:12px;padding:4px 8px;display:flex}.brandMark{background:radial-gradient(circle at 30% 30%, var(--color-accent-strong), var(--color-accent));width:40px;height:40px;box-shadow:0 4px 12px color-mix(in srgb, var(--color-accent-strong) 35%, transparent);border-radius:50%;flex-shrink:0}.brandTitle{font-family:var(--font-title);letter-spacing:-.4px;color:var(--color-dark);font-size:15px;font-weight:700}.brandSubtitle{color:var(--color-muted);margin-top:2px;font-size:12px}.navSection{flex-direction:column;gap:8px;display:flex}.navSection:first-of-type{flex:1;min-height:0}.navSectionGeneral{flex-shrink:0}.navSectionLabel{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);padding:0 12px;font-size:11px;font-weight:700}.nav{flex-direction:column;gap:4px;display:flex}.navItem{color:var(--color-nav-text);transition:background var(--transition-fast), border-color var(--transition-fast);font-family:var(--font-title);border:1px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative}.navItem:hover{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.navItem.active{background:color-mix(in srgb, var(--color-accent-strong) 12%, transparent);border-color:color-mix(in srgb, var(--color-accent-strong) 20%, transparent)}.navItem.active:before{content:"";background:var(--color-accent-strong);border-radius:0 4px 4px 0;width:4px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.navItemButton{cursor:pointer;text-align:left;background:0 0;width:100%}.navIcon{background:color-mix(in srgb, var(--color-card-muted) 80%, transparent);border-radius:12px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.navLabel{font-size:14px;font-weight:600}.sidebarFooter{border-top:1px solid var(--color-border);flex-shrink:0;gap:12px;margin-top:auto;padding-top:8px;display:grid}.userCard{background:var(--color-card-muted);border-radius:14px;grid-template-columns:40px 1fr;gap:10px;padding:10px;display:grid}.userAvatar{background:color-mix(in srgb, var(--color-accent-strong) 20%, transparent);border:1px solid color-mix(in srgb, var(--color-accent-strong) 25%, transparent);border-radius:50%;place-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:grid}.userName{font-size:13px;font-weight:700}.userEmail{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.main{min-height:calc(100svh - var(--shell-gap) * 2);gap:var(--shell-gap);flex-direction:column;min-width:0;display:flex}.mainTopbar{justify-content:flex-end;align-items:center;gap:16px;padding:4px 8px;display:flex}.mainTopbarSpacer{flex:1}.userChip{border-radius:var(--radius-pill);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:8px 14px 8px 8px;display:flex}.userChipAvatar{background:linear-gradient(135deg, var(--color-accent-strong), var(--color-accent));width:40px;height:40px;color:var(--color-dark);border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid}.userChipName{font-size:14px;font-weight:700;line-height:1.2}.userChipEmail{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;max-width:200px;margin-top:2px;font-size:12px;overflow:hidden}.contentPanel{background:var(--color-card);border-radius:var(--shell-panel-radius);box-shadow:var(--shadow-card);flex:1;min-width:0;padding:28px 32px}.mainInner{width:100%;max-width:1200px;margin-inline:auto}.mobileTopbar{border-radius:var(--shell-panel-radius);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:none}.mobileTitle{font-family:var(--font-title);letter-spacing:-.3px;font-size:15px;font-weight:800}.mobileSub{color:var(--color-muted);margin-top:2px;font-size:12px}.mobileLogout{white-space:nowrap;padding:10px 12px}.bottomNav{padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-card) 95%, transparent);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);scrollbar-width:none;-ms-overflow-style:none;z-index:100;flex-direction:row;gap:6px;display:none;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden}.bottomNav::-webkit-scrollbar{display:none}.bottomItem{border:1px solid #0000;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px;display:flex}.bottomItem.active{background:color-mix(in srgb, var(--color-accent-strong) 18%, transparent);border-color:color-mix(in srgb, var(--color-accent-strong) 35%, transparent)}.bottomIcon{place-items:center;width:24px;height:24px;display:grid}.bottomLabel{color:var(--color-nav-text-muted);white-space:nowrap;font-size:11px;font-weight:700}.bottomItem.active .bottomLabel{color:var(--color-nav-text)}@media (width<=920px){.portaalShell{grid-template-columns:1fr;gap:12px;padding:12px 12px 0}.sidebar{display:none}.main{gap:12px;min-height:auto}.mainTopbar{display:none}.contentPanel{border-radius:20px;padding:20px 16px}.bottomNav{display:flex}.main{padding-bottom:88px}.mobileTopbar{display:flex}}@media (width<=520px){.contentPanel{padding:16px 14px}}.navList{margin:0;padding:0 0 16px;list-style:none}.navLink,.navLinkActief{border-radius:8px;margin:1px 8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:block}.navLink{color:var(--color-muted)}.navLink:hover{color:var(--color-text);background:#88e8f414}.navLinkActief{background:var(--color-accent);color:#000;font-weight:700}.navGroepHeader{cursor:pointer;text-transform:uppercase;letter-spacing:.8px;width:100%;color:var(--color-muted);background:0 0;border:none;justify-content:space-between;align-items:center;margin-top:8px;padding:6px 16px;font-size:10px;font-weight:700;transition:color .15s;display:flex}.navGroepHeader:hover{color:var(--color-text)}.navChevron{font-size:14px;transition:transform .2s;display:inline-block}.navChevronOpen{transform:rotate(90deg)}.navSubList{margin:2px 0 4px;padding:0;list-style:none}.navSubLink,.navSubLinkActief{border-radius:8px;margin:1px 8px;padding:7px 16px 7px 24px;font-size:13px;text-decoration:none;transition:all .15s;display:block}.navSubLink{color:var(--color-muted)}.navSubLink:hover{color:var(--color-text);background:#ffffff0a}.navSubLinkActief{color:var(--color-accent);background:#14b8a61f;font-weight:600}.logoutBtn{border:1px solid var(--color-border);width:100%;color:var(--color-muted);cursor:pointer;background:0 0;border-radius:8px;margin-top:10px;padding:8px;font-size:13px;font-weight:600;transition:all .15s}.logoutBtn:hover{color:var(--color-text);border-color:var(--color-muted);background:#88e8f414}.welkomOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.welkomModal{border:1px solid var(--color-border,#ffffff14);text-align:center;border-radius:30px;width:100%;max-width:480px;padding:40px}.welkomEmoji{margin-bottom:16px;font-size:48px}.welkomTitel{color:#fff;margin-bottom:10px;font-size:24px;font-weight:700}.welkomSub{color:#fff;margin-bottom:28px;font-size:14px;line-height:1.6}.welkomLijst{text-align:left;flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.welkomItem{border:1px solid var(--color-border,#ffffff0f);background:#ffffff08;border-radius:12px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.welkomItemIcon{flex-shrink:0;margin-top:1px;font-size:22px}.welkomItemTitel{color:#fff;margin-bottom:2px;font-size:14px;font-weight:600}.welkomItemSub{color:#fff;font-size:12px;line-height:1.5}.welkomBtn{border-radius:12px;width:100%;padding:14px;font-size:15px}.whatsNewOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.whatsNewModal{border:1px solid var(--color-border,#ffffff14);background:#f5f5f5;border-radius:20px;width:100%;max-width:460px;padding:36px 40px}.whatsNewBadge{color:var(--color-accent,#14b8a6);background:#14b8a61f;border:1px solid #14b8a640;border-radius:999px;margin-bottom:12px;padding:3px 12px;font-size:12px;font-weight:700;display:inline-block}.whatsNewTitel{margin-bottom:4px;font-size:22px;font-weight:700}.whatsNewDatum{color:var(--color-muted);margin-bottom:24px;font-size:13px}.whatsNewLijst{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}.whatsNewItem{align-items:flex-start;gap:14px;display:flex}.whatsNewItemIcon{flex-shrink:0;margin-top:1px;font-size:22px}.whatsNewItemTitel{margin-bottom:2px;font-size:14px;font-weight:600}.whatsNewItemTekst{color:var(--color-muted);font-size:13px;line-height:1.5}.whatsNewBtn{border-radius:12px;width:100%;padding:13px;font-size:14px}.belWrapper{position:relative}.belKnop{border:1px solid var(--color-border);background:var(--color-card);cursor:pointer;width:40px;height:40px;color:var(--color-muted);box-shadow:var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.belKnop:hover{color:var(--color-text);border-color:var(--color-accent-strong);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-card))}.belBadge{background:var(--color-danger,#f87171);color:#fff;border:2px solid var(--color-card);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.belDropdown{background:var(--color-card);border:1px solid var(--color-border);z-index:200;border-radius:16px;width:340px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 8px 40px #0000001f}.belDropdownHeader{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.belDropdownTitel{font-size:14px;font-weight:700}.belAllesGelezen{color:var(--color-accent-strong);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.belAllesGelezen:hover{text-decoration:underline}.belLijst{max-height:360px;overflow-y:auto}.belLeeg{text-align:center;color:var(--color-muted);padding:32px 16px;font-size:14px}.belItem{cursor:pointer;border-bottom:1px solid var(--color-border);align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.belItem:last-child{border-bottom:none}.belItem:hover{background:var(--color-card-muted)}.belItemOngelezen{background:color-mix(in srgb, var(--color-accent) 5%, var(--color-card))}.belItemOngelezen:hover{background:color-mix(in srgb, var(--color-accent) 10%, var(--color-card))}.belItemIcon{flex-shrink:0;margin-top:2px;font-size:20px}.belItemBody{flex:1;min-width:0}.belItemTitel{margin-bottom:2px;font-size:13px;font-weight:600}.belItemOmschrijving{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:12px;line-height:1.4;overflow:hidden}.belItemTijd{color:var(--color-muted);font-size:11px}.belItemDot{background:var(--color-accent-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.loginPage{place-items:center;min-height:100svh;padding:28px 16px;display:grid}.loginCard{width:min(520px,100%);padding:22px}.loginBrand{align-items:center;gap:12px;margin-bottom:10px;display:flex}.loginSucces{text-align:center;flex-direction:column;gap:8px;padding:16px 0;display:flex}.loginSucces p:first-child{color:#fff;font-size:16px;font-weight:600}.loginMark{background:radial-gradient(circle at 30% 30%, var(--color-accent-strong), var(--color-accent));border-radius:16px;width:42px;height:42px}.loginTitle{font-family:var(--font-title);letter-spacing:-.4px;font-size:20px;font-weight:700}.loginSubtitle{margin-bottom:18px}.loginForm{gap:14px;display:grid}.loginLabel{gap:8px;display:grid}.loginLabelText{color:var(--color-muted);font-size:13px;font-weight:700}.loginBtn{width:100%}.loginError{border:1px solid color-mix(in srgb, var(--color-danger) 35%, transparent);background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-dark);border-radius:14px;padding:12px;font-size:13px}.dash{gap:24px;display:grid}.dashHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashPageTitle{font-family:var(--font-title);letter-spacing:-.5px;color:var(--color-dark);margin:0 0 6px;font-size:28px;font-weight:700}.dashPageSub{margin:0;font-size:14px;line-height:1.5}.dashStats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dashStatsCard{border-radius:var(--radius);flex-direction:column;gap:8px;min-height:120px;padding:20px;display:flex}.dashStatsCardPrimary{background:linear-gradient(145deg, color-mix(in srgb, var(--color-dark) 92%, var(--color-accent-strong)), color-mix(in srgb, var(--color-accent-strong) 70%, var(--color-dark)));box-shadow:0 8px 24px color-mix(in srgb, var(--color-accent-strong) 30%, transparent);color:#fff;border:none}.dashStatsCardPrimary .dashStatsLabel,.dashStatsCardPrimary .dashStatsHint{color:#ffffffbf}.dashStatsLabel{font-size:13px;font-weight:600}.dashStatsValue{font-family:var(--font-title);letter-spacing:-.5px;font-size:32px;font-weight:800;line-height:1.1}.dashStatsValueSm{font-size:18px;font-weight:700}.dashStatsValueRow{align-items:center;gap:10px;display:flex}.dashStatsHint{margin-top:auto;font-size:12px}.dashWidgets{grid-template-columns:1.4fr 1fr;gap:16px;display:grid}.dashCard,.dashCardFull{padding:22px}.dashCardHead{gap:6px;margin-bottom:16px;display:grid}.dashCardTitle{font-family:var(--font-title);letter-spacing:-.4px;font-size:18px;font-weight:700}.dashCardSub{font-size:13px}.progressWrap{gap:10px;margin-bottom:16px;display:grid}.progressMeta{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.progressValue{letter-spacing:-.2px;font-weight:800}.progressTrack{background:color-mix(in srgb, var(--color-border) 80%, transparent);border:1px solid var(--color-border);border-radius:999px;width:100%;height:12px;overflow:hidden}.progressFill{background:linear-gradient(90deg, var(--color-accent-strong), var(--color-accent));border-radius:999px;width:0%;height:100%}.dashMini{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dashMiniItem{background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:16px;padding:14px}.dashMiniValue{margin-top:6px;font-size:14px;font-weight:800}.dashTimeline{gap:10px;margin-top:14px;display:grid}.phaseRow{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-card-muted) 75%, transparent);border-radius:16px;grid-template-columns:12px 1fr auto;align-items:start;gap:12px;padding:12px;display:grid}.phaseRow.current{border-color:color-mix(in srgb, var(--color-accent-strong) 45%, transparent);background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.phaseDot{border-radius:999px;width:10px;height:10px;margin-top:4px}.phaseTitle{font-size:14px;font-weight:800}.phaseDesc{margin-top:4px;font-size:13px}.phaseStatus{color:var(--color-muted);padding-top:2px;font-size:12px;font-weight:800}.dashError{border-color:color-mix(in srgb, var(--color-danger) 35%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, transparent)}.dashErrorTitle,.dashEmptyTitle{font-family:var(--font-title);margin-bottom:8px;font-weight:800}@media (width<=980px){.dashStats{grid-template-columns:repeat(2,1fr)}.dashWidgets{grid-template-columns:1fr}}@media (width<=520px){.dashHeader{flex-direction:column}.dashStats,.dashMini{grid-template-columns:1fr}.dashPageTitle{font-size:24px}}.checklistCard{margin-bottom:20px;padding:20px 24px}.checklistHeader{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.checklistTitel{margin-bottom:2px;font-size:15px;font-weight:700}.checklistSub{font-size:12px}.checklistVerbergBtn{opacity:.6;padding:4px 10px;font-size:12px}.checklistVoortgang{background:#ffffff0f;border-radius:999px;height:4px;margin-bottom:16px;overflow:hidden}.checklistVoortgangBalk{background:var(--color-accent,#14b8a6);border-radius:999px;height:100%;transition:width .4s}.checklistLijst{flex-direction:column;gap:10px;display:flex}.checklistItem{color:var(--color-text);align-items:center;gap:12px;font-size:13px;display:flex}.checklistItem.gedaan{opacity:.5}.checklistItem.gedaan .checklistItemTekst{text-decoration:line-through}.checklistDot{border:2px solid var(--color-border,#ffffff26);width:20px;height:20px;color:var(--color-accent,#14b8a6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.checklistItem.gedaan .checklistDot{background:var(--color-accent,#14b8a6);border-color:var(--color-accent,#14b8a6);color:#000}.checklistItemTekst{flex:1}.checklistActieBtn{white-space:nowrap;padding:4px 10px;font-size:11px}._widget_1hj3i_1{background:var(--color-surface,#ffffff08);border:1px solid var(--color-border,#ffffff12);cursor:pointer;border-radius:14px;flex-direction:column;gap:8px;min-height:120px;padding:18px 20px;transition:border-color .15s,background .15s;display:flex}._widget_1hj3i_1:hover{border-color:var(--color-accent,#14b8a6);background:#ffffff0d}._widgetHeader_1hj3i_19{align-items:center;gap:8px;margin-bottom:4px;display:flex}._widgetIcon_1hj3i_26{font-size:18px}._widgetTitel_1hj3i_30{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}._widgetWaarde_1hj3i_38{color:var(--color-text);font-size:32px;font-weight:700;line-height:1}._widgetSub_1hj3i_45{color:var(--color-muted);font-size:13px}._widgetTekst_1hj3i_50{color:var(--color-text);-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}._widgetMeta_1hj3i_59{color:var(--color-muted);margin-top:auto;font-size:11px}._widgetLaden_1hj3i_65{color:var(--color-muted);font-size:13px}._widgetLeeg_1hj3i_70{color:var(--color-muted);font-size:13px;font-style:italic}._progressTrack_1hj3i_76{background:#ffffff0f;border-radius:999px;height:4px;margin-top:4px;overflow:hidden}._progressFill_1hj3i_84{background:var(--color-accent,#14b8a6);border-radius:999px;height:100%;transition:width .6s}._grid_1xvke_1{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}@media (width<=768px){._grid_1xvke_1{grid-template-columns:1fr;gap:10px}}@media (width<=380px){._grid_1xvke_1{grid-template-columns:1fr}}.contentPage{gap:16px;display:grid}.contentHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.contentList{gap:14px;display:grid}.contentCard{padding:18px}.contentZoekwoord{gap:6px;margin-bottom:10px;display:grid}.contentZoekwoord label{font-size:13px}.contentGroep{gap:14px;display:grid}.contentGroepTitel{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);margin:0;padding-bottom:8px;font-size:16px;font-weight:700}.contentCardHead{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.contentSection{font-family:var(--font-title);letter-spacing:-.3px;font-weight:800}.contentTextarea{min-height:180px;line-height:1.5}.contentActions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.contentSuggestions{border-top:1px solid var(--color-border);margin-top:14px;padding-top:12px}.contentSuggestionsTitle{margin-bottom:10px;font-weight:900}.contentSuggestionsGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.contentSuggestion{text-align:left;border:1px solid var(--color-border);background:var(--color-card-muted);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);border-radius:16px;padding:12px}.contentSuggestion:hover{border-color:color-mix(in srgb, var(--color-accent-strong) 35%, transparent);background:color-mix(in srgb, var(--color-accent) 16%, transparent);transform:translateY(-1px)}.contentSuggestionLabel{margin-bottom:6px;font-size:12px;font-weight:900}.contentSuggestionText{white-space:pre-wrap;font-size:13px;line-height:1.5}.contentSeo{border-top:1px solid var(--color-border);margin-top:14px;padding-top:12px}.contentSeoHead{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.contentSeoTitle{font-weight:900}.contentSeoList{gap:6px;margin:0;padding-left:18px;display:grid}.contentError{border-color:color-mix(in srgb, var(--color-danger) 35%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, transparent)}.contentErrorTitle,.contentEmptyTitle{font-family:var(--font-title);margin-bottom:8px;font-weight:900}.contentTabs{background:var(--color-surface,#ffffff08);border:1px solid var(--color-border,#ffffff12);border-radius:12px;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding:6px;display:flex}.contentTab{color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.contentTab:hover{color:var(--color-text);background:#ffffff0a}.contentTabActief{background:var(--color-primary,#14b8a61f);color:var(--color-accent,#14b8a6);border:1px solid var(--color-primary-border,#14b8a640)}.contentSectiesLijst{flex-direction:column;gap:12px;display:flex}.contentVeld{padding:18px 20px}.contentVeldHeader{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.contentVeldLabel{color:var(--color-text);margin-bottom:2px;font-size:14px;font-weight:600}.contentVeldSlug{opacity:.5;font-family:monospace;font-size:11px}.aiSuggestieBox{background:#14b8a60f;border:1px solid #14b8a633;border-radius:10px;margin-top:8px;margin-bottom:12px;padding:14px}.aiSuggestieLabel{color:var(--color-accent,#14b8a6);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.aiSuggestieTekst{color:var(--color-text);white-space:pre-wrap;margin-bottom:12px;font-size:13px;line-height:1.6}.aiSuggestieActies{gap:8px;display:flex}.contentInput{width:100%;margin-bottom:10px}.contentTextarea{resize:vertical;width:100%;margin-bottom:10px;line-height:1.6}.contentVeldActies{flex-wrap:wrap;gap:8px;display:flex}@media (width<=980px){.contentSuggestionsGrid{grid-template-columns:1fr}}.chatPage{gap:14px;display:grid}.chatHeader{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.chatTitle{font-family:var(--font-title);letter-spacing:-.4px;margin-bottom:6px;font-size:20px;font-weight:900}.chatBody{background:linear-gradient(180deg, color-mix(in srgb, var(--color-card) 90%, transparent), color-mix(in srgb, var(--color-card-muted) 90%, transparent));min-height:52svh;max-height:60svh;padding:14px;overflow:auto}.chatList{gap:10px;display:grid}.msgRow{display:flex}.msgRow.left{justify-content:flex-start}.msgRow.right{justify-content:flex-end}.msgBubble{border:1px solid var(--color-border);max-width:min(560px,88%);box-shadow:var(--shadow-card);border-radius:18px;padding:10px 12px}.msgBubble.client{background:color-mix(in srgb, var(--color-accent) 35%, transparent);border-color:color-mix(in srgb, var(--color-accent-strong) 35%, transparent)}.msgBubble.vincent{background:var(--color-card-muted)}.msgText{white-space:pre-wrap;font-size:14px;line-height:1.5}.msgMeta{color:var(--color-muted);text-align:right;margin-top:6px;font-size:11px}.chatComposer{grid-template-columns:1fr auto;align-items:end;gap:10px;padding:12px;display:grid}.chatInput{min-height:44px}.chatSend{height:44px;padding-inline:16px}.chatError{border-color:color-mix(in srgb, var(--color-danger) 35%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, transparent);padding:14px 18px}.chatErrorTitle{font-family:var(--font-title);margin-bottom:6px;font-weight:900}@media (width<=920px){.chatComposer{margin-bottom:110px}.chatPage{padding-bottom:20px}.chatBody{max-height:45svh}}.invPage{gap:16px;display:grid}.invHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.invList{gap:12px;display:grid}.invCard{padding:18px}.invRow{justify-content:space-between;align-items:center;gap:14px;display:flex}.invNumber{font-family:var(--font-title);letter-spacing:-.3px;font-weight:900}.invSub{margin-top:6px;font-size:13px}.invRight{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.invDownload{white-space:nowrap}.invNoPdf{font-size:13px}.invError{border-color:color-mix(in srgb, var(--color-danger) 35%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, transparent)}.invErrorTitle,.invEmptyTitle{font-family:var(--font-title);margin-bottom:8px;font-weight:900}@media (width<=840px){.invRow{flex-direction:column;align-items:flex-start}.invRight{justify-content:space-between;width:100%}}.filesPage{gap:16px;display:grid}.filesHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.filesGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.filesCard{padding:18px}.filesItem{gap:10px;padding:16px;display:grid}.filesName{font-family:var(--font-title);letter-spacing:-.3px;font-weight:900}.filesMeta{font-size:13px}.filesActions{margin-top:4px}.filesError{border-color:color-mix(in srgb, var(--color-danger) 35%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, transparent)}.filesErrorTitle,.filesEmptyTitle{font-family:var(--font-title);margin-bottom:8px;font-weight:900}@media (width<=980px){.filesGrid{grid-template-columns:1fr}}.socialPage{gap:16px;display:grid}.socialHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.socialList{gap:12px;display:grid}.socialCard{padding:18px}.socialRow{padding:16px}.socialTop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.socialPlatform{font-family:var(--font-title);letter-spacing:-.3px;font-weight:900}.socialText{white-space:pre-wrap;font-size:14px;line-height:1.5}.socialError{border-color:color-mix(in srgb, var(--color-danger) 35%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, transparent)}.socialErrorTitle,.socialEmptyTitle{font-family:var(--font-title);margin-bottom:8px;font-weight:900}.portfolioPage{gap:16px;display:grid}.portfolioHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.portfolioFormCard{padding:24px}.portfolioFormTitel{margin:0 0 20px;font-size:16px;font-weight:700}.portfolioFormGrid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.portfolioField{gap:6px;display:grid}.portfolioField label{color:var(--color-muted);font-size:13px}.portfolioFieldFull{grid-column:1/-1}.portfolioCheckLabel{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.portfolioVoorbeeld{object-fit:cover;border-radius:8px;width:80px;height:60px;margin-top:4px}.portfolioFormActions{justify-content:flex-end;gap:10px;display:flex}.portfolioLijst{gap:12px;display:grid}.portfolioItem{grid-template-columns:80px 1fr auto;align-items:center;gap:16px;padding:16px;display:grid}.portfolioItemCover{object-fit:cover;border-radius:8px;width:80px;height:60px}.portfolioItemTitel{font-size:15px;font-weight:700}.portfolioItemMeta{margin-top:2px;font-size:13px}.portfolioItemActies{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.portfolioCard,.portfolioError{padding:18px}.portfolioEmptyTitle{margin-bottom:6px;font-weight:700}@media (width<=768px){.portfolioFormGrid,.portfolioItem{grid-template-columns:1fr}.portfolioItemCover{width:100%;height:160px}.portfolioItemActies{justify-content:flex-start}}.aanvragenPage{flex-direction:column;gap:20px;display:flex}.aanvragenHeader{justify-content:space-between;align-items:flex-start;display:flex}.aanvragenLijst{flex-direction:column;gap:12px;display:flex}.aanvraagCard{padding:16px 20px}.aanvraagTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.aanvraagNaam{font-size:15px;font-weight:600}.aanvraagMeta{margin-top:2px;font-size:13px}.aanvraagDetail{border-top:1px solid var(--color-border,#e2e8f0);margin-top:16px;padding-top:16px}.aanvraagDetailGrid{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.aanvraagDetailFull{grid-column:1/-1}.aanvraagDetailLabel{color:var(--color-muted,#888);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px}.aanvraagError{border-color:var(--color-danger,#ef4444)}.aanvraagEmptyTitle{margin-bottom:4px;font-weight:600}.vacPage{padding:0}.vacHeader{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.vacList{flex-direction:column;gap:12px;display:flex}.vacCard{padding:20px 24px}.vacRow{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.vacMain{flex:1}.vacTitel{margin-bottom:4px;font-size:15px;font-weight:700}.vacMeta{margin-bottom:4px;font-size:13px}.vacSalaris{margin-bottom:8px;font-size:13px}.vacTags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.vacTag{background:var(--color-surface,#ffffff0f);border:1px solid var(--color-border,#ffffff1a);border-radius:20px;padding:2px 8px;font-size:11px}.vacRight{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.vacActies{flex-wrap:wrap;gap:8px;display:flex}.vacBtnDanger{border:1px solid var(--color-danger,#ef4444);color:var(--color-danger,#ef4444);background:0 0}.vacBtnDanger:hover{background:#ef44441a}.vacEmptyTitle{margin-bottom:6px;font-size:15px;font-weight:600}.vacErrorTitle{color:var(--color-danger);margin-bottom:6px;font-size:15px;font-weight:600}.vacOverlay{z-index:200;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vacModal{background:var(--color-card,#0f172a);border:1px solid var(--color-border,#ffffff1a);border-radius:14px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.vacModalHeader{border-bottom:1px solid var(--color-border,#ffffff12);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.vacModalHeader h2{font-size:16px;font-weight:700}.vacSluitBtn{width:30px;height:30px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:14px}.vacModalBody{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.vacFormGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.vacVeld{flex-direction:column;gap:6px;display:flex}.vacVeld label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.vacCheckbox{cursor:pointer;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.vacModalFooter{border-top:1px solid var(--color-border,#ffffff12);align-items:center;gap:8px;padding:16px 24px;display:flex}.vacConfirm{background:var(--color-card,#0f172a);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:380px;padding:24px}.vacConfirm p{text-align:center;margin-bottom:20px;font-size:14px}.vacConfirmBtns{justify-content:center;gap:10px;display:flex}@media (width<=600px){.vacFormGrid{grid-template-columns:1fr}.vacRow{flex-direction:column}.vacRight{align-items:flex-start}}.refPage{padding:0}.refHeader{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.refList{flex-direction:column;gap:12px;display:flex}.refCard{padding:20px 24px}.refRow{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.refAfbeelding{object-fit:cover;border-radius:8px;flex-shrink:0;width:80px;height:80px}.refMain{flex:1}.refTitel{margin-bottom:4px;font-size:15px;font-weight:700}.refMeta{margin-bottom:4px;font-size:13px}.refOmschrijving{margin-top:6px;font-size:13px;line-height:1.5}.refRight{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.refActies{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.refBtnDanger{border:1px solid var(--color-danger,#ef4444);color:var(--color-danger,#ef4444);background:0 0}.refBtnDanger:hover{background:#ef44441a}.refEmptyTitle{margin-bottom:6px;font-size:15px;font-weight:600}.refErrorTitle{color:var(--color-danger);margin-bottom:6px;font-size:15px;font-weight:600}.refPreview{object-fit:cover;border-radius:8px;width:100%;max-height:160px;margin-top:8px}.refOverlay{z-index:200;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.refModal{background:var(--color-card,#0f172a);border:1px solid var(--color-border,#ffffff1a);border-radius:14px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.refModalHeader{border-bottom:1px solid var(--color-border,#ffffff12);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.refModalHeader h2{font-size:16px;font-weight:700}.refSluitBtn{width:30px;height:30px;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:14px}.refModalBody{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.refFormGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.refVeld{flex-direction:column;gap:6px;display:flex}.refVeld label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.refCheckbox{cursor:pointer;align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.refModalFooter{border-top:1px solid var(--color-border,#ffffff12);align-items:center;gap:8px;padding:16px 24px;display:flex}.refConfirm{background:var(--color-card,#0f172a);border:1px solid var(--color-border);border-radius:12px;width:100%;max-width:380px;padding:24px}.refConfirm p{text-align:center;margin-bottom:20px;font-size:14px}.refConfirmBtns{justify-content:center;gap:10px;display:flex}@media (width<=600px){.refFormGrid{grid-template-columns:1fr}.refRow{flex-direction:column}.refRight{align-items:flex-start}}.instPage{padding:0}.instHeader{margin-bottom:24px}.instCard{margin-bottom:16px;padding:24px}.instCardHeader{margin-bottom:20px}.instCardTitel{margin-bottom:4px;font-size:15px;font-weight:700}.instCardSub{font-size:13px}.instFormGrid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.instVeld{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.instVeld label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.instFout{color:var(--color-danger,#ef4444);background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.instSucces{color:var(--color-success,#22c55e);background:#22c55e14;border:1px solid #22c55e33;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:13px}.instMedewerkersLijst{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.instMedewerkerRij{border:1px solid var(--color-border,#ffffff12);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.instMedewerkerRol{font-size:13px;font-weight:500}@media (width<=600px){.instFormGrid{grid-template-columns:1fr}}._pickerGrid_ksmew_1{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:16px;display:grid}._pickerItem_ksmew_8{border:2px solid var(--color-border,#ffffff12);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;font-family:inherit;transition:all .15s;display:flex;position:relative}._pickerItem_ksmew_8:hover{border-color:var(--color-accent,#14b8a6);background:#14b8a60d}._pickerItemActief_ksmew_28{border-color:var(--color-accent,#14b8a6);background:#14b8a614}._pickerIcon_ksmew_33{font-size:24px}._pickerLabel_ksmew_37{color:var(--color-text);text-align:center;font-size:12px;font-weight:600}._pickerCheck_ksmew_44{color:var(--color-accent,#14b8a6);font-size:11px;font-weight:700;position:absolute;top:6px;right:8px}.medewerkersPage{flex-direction:column;gap:20px;display:flex}.medewerkersHeader{flex-direction:column;gap:4px;display:flex}.medewerkersCard{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.medewerkersCardHeader{justify-content:space-between;align-items:center;display:flex}.medewerkersCardTitel{font-size:15px;font-weight:700}.medewerkersLijst{flex-direction:column;gap:10px;display:flex}.medewerkersRij{border:1px solid var(--color-border);background:var(--color-card-muted,#ffffff05);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.medewerkersRij.geblokkeerd{opacity:.5;border-color:var(--color-danger,#ef4444)}.medewerkersAvatar{border:1px solid var(--color-border);background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.medewerkersInfo{flex:1;min-width:0}.medewerkersRolLabel{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.medewerkersBadge{color:var(--color-accent);background:#14b8a61f;border:1px solid #14b8a633;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.medewerkersBadgeFout{color:var(--color-danger,#ef4444);background:#ef44441a;border:1px solid #ef444433;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.medewerkersActies{flex-shrink:0;gap:8px;display:flex}.medewerkersUitnodigenRij{gap:10px;display:flex}.medewerkersUitnodigenRij .input{flex:1}.portaalOffertesPage{flex-direction:column;gap:20px;display:flex}.portaalOffertesHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.portaalOffertesLijst{flex-direction:column;gap:12px;display:flex}.portaalOfferteCard{padding:16px 20px}.portaalOfferteError{border-color:var(--color-danger,#ef4444)}.portaalOfferteEmptyTitle{margin-bottom:4px;font-weight:600}.portaalOfferteTop{justify-content:space-between;align-items:center;gap:16px;display:flex}.portaalOfferteInfo{flex-direction:column;gap:2px;display:flex}.portaalOfferteNaam{font-size:15px;font-weight:600}.portaalOfferteMeta{font-size:13px}.portaalOfferteDetail{border-top:1px solid var(--color-border,#e2e8f0);margin-top:14px;padding-top:14px}.portaalOfferteDetailGrid{grid-template-columns:1fr 1fr;gap:12px 24px;font-size:13px;display:grid}.portaalOfferteDetailFull{grid-column:1/-1}.portaalOfferteDetailLabel{color:var(--color-muted,#94a3b8);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:11px}@media (width<=640px){.portaalOfferteDetailGrid{grid-template-columns:1fr}.portaalOffertesHeader{flex-direction:column;align-items:flex-start}}