@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500&family=Roboto+Condensed:wght@700;900&display=swap";:root{--sol-lime-500:#9aff47;--sol-lime-600:#84e838;--sol-lime-400:#b6ff6e;--sol-lime-200:#e3ffbf;--sol-forest-900:#143109;--sol-forest-800:#1e4512;--sol-forest-700:#2b5c1f;--sol-forest-600:#3c7530;--sol-ink-900:#101410;--sol-ink-700:#2e3330;--sol-ink-500:#5a615c;--sol-ink-300:#9ba29e;--sol-line:#e3e1da;--sol-cream:#f6f1e8;--sol-cream-2:#faf6ee;--sol-white:#fff;--sol-warn:#e8a33a;--sol-error:#c64a3e;--sol-info:#4a7fb8;--fg-1:var(--sol-ink-900);--fg-2:var(--sol-ink-700);--fg-3:var(--sol-ink-500);--fg-muted:var(--sol-ink-300);--fg-on-dark:var(--sol-cream);--fg-on-lime:var(--sol-forest-900);--bg-page:var(--sol-cream);--bg-surface:var(--sol-white);--bg-dark:var(--sol-forest-900);--bg-accent:var(--sol-lime-500);--bg-tint:var(--sol-cream-2);--brand-primary:var(--sol-lime-500);--brand-secondary:var(--sol-forest-900);--font-sans:"Roboto",system-ui,-apple-system,Segoe UI,Arial,sans-serif;--font-display:"Roboto Condensed","Roboto",Impact,sans-serif;--fs-12:.75rem;--fs-14:.875rem;--fs-16:1rem;--fs-18:1.125rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-32:2rem;--fs-40:2.5rem;--fs-56:3.5rem;--fs-72:4.5rem;--fs-96:6rem;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.45;--lh-relaxed:1.65;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-pill:999px;--shadow-xs:0 1px 2px #1014100f;--shadow-sm:0 2px 8px #10141014;--shadow-md:0 8px 24px #1014101a;--shadow-lg:0 20px 48px #10141024;--ph-aanvraag:#8c94a0;--ph-schouw:#4a7fb8;--ph-ontwerp:#7e6bc4;--ph-offerte:#e8a33a;--ph-voorbereiding:#c98a3a;--ph-installatie:#3c7530;--ph-oplevering:#2b8c6a;--ph-nazorg:#5a615c}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-16);line-height:var(--lh-normal);color:var(--fg-1);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button{font-family:inherit}::selection{background:var(--sol-lime-400);color:var(--sol-forest-900)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#10141029 padding-box content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#10141047 padding-box content-box}::-webkit-scrollbar-track{background:0 0}html,body,#root{height:100%}#root{isolation:isolate}.pp-sidebar{background:var(--sol-forest-900);color:var(--fg-on-dark);flex-direction:column;flex-shrink:0;width:234px;height:100vh;display:flex}.pp-logo{overflow:hidden}.pp-nav-item{border-radius:var(--radius-md);color:#ffffffbd;font-family:inherit;font-size:var(--fs-14);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;padding:10px 12px;font-weight:600;transition:background .14s,color .14s;display:flex}.pp-nav-item:hover{color:#fff;background:#ffffff12}.pp-nav-item.active{background:var(--sol-lime-500);color:var(--sol-forest-900)}.pp-btn{font-family:inherit;font-size:var(--fs-14);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;padding:10px 17px;font-weight:600;line-height:1;text-decoration:none;transition:background .16s,transform .12s;display:inline-flex}.pp-btn:active{transform:translateY(1px)}.pp-btn-primary{background:var(--sol-lime-500);color:var(--sol-forest-900)}.pp-btn-primary:hover{background:var(--sol-lime-600)}.pp-btn-dark{background:var(--sol-forest-900);color:var(--sol-cream)}.pp-btn-dark:hover{background:var(--sol-forest-800)}.pp-btn-ghost{background:var(--sol-cream);color:var(--fg-1)}.pp-btn-ghost:hover{background:var(--sol-cream-2)}.pp-btn-ondark{color:#fff;background:#ffffff24}.pp-btn-ondark:hover{background:#ffffff3d}.pp-icon-btn{border:1px solid var(--sol-line);background:var(--sol-white);width:38px;height:38px;color:var(--fg-2);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .14s,border-color .14s;display:inline-flex}.pp-icon-btn:hover{background:var(--sol-cream)}.pp-icon-btn:disabled{opacity:.35;cursor:default}.pp-input{font-family:inherit;font-size:var(--fs-14);border:1px solid var(--sol-line);border-radius:var(--radius-md);color:var(--fg-1);background:#fff;outline:0;padding:9px 12px;transition:border-color .14s,box-shadow .14s}.pp-input:focus{border-color:var(--sol-forest-700);box-shadow:0 0 0 3px #9aff4759}select.pp-input{cursor:pointer}.pp-add-card{border:1px dashed var(--sol-line);border-radius:var(--radius-md);color:var(--fg-3);font-family:inherit;font-size:var(--fs-13);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;width:100%;padding:11px;font-weight:600;transition:all .14s;display:flex}.pp-add-card:hover{border-color:var(--sol-forest-600);color:var(--sol-forest-700);background:var(--sol-cream-2)}.pp-filter-chip{border:1px solid var(--sol-line);border-radius:var(--radius-pill);color:var(--fg-2);font-family:inherit;font-size:var(--fs-13);cursor:pointer;white-space:nowrap;background:#fff;align-items:center;gap:6px;padding:7px 13px;font-weight:600;transition:all .14s;display:inline-flex}.pp-filter-chip:hover{border-color:var(--sol-ink-300)}.pp-filter-chip.active{background:var(--sol-forest-900);color:var(--sol-lime-400);border-color:var(--sol-forest-900)}.pp-switch{background:var(--sol-ink-300);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;width:46px;height:27px;padding:0;transition:background .2s;position:relative}.pp-switch span{width:21px;height:21px;box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;transition:left .2s;position:absolute;top:3px;left:3px}.pp-switch.on{background:var(--sol-lime-500)}.pp-switch.on span{left:22px}.pp-agenda-row{border:1px solid var(--sol-line);border-radius:var(--radius-md);cursor:pointer;background:#fff;align-items:center;gap:12px;width:100%;padding:11px 14px;transition:box-shadow .14s,border-color .14s;display:flex}.pp-agenda-row:hover{box-shadow:var(--shadow-sm);border-color:var(--sol-ink-300)}@keyframes pp-fade{0%{opacity:0}}@keyframes pp-slide-in{0%{transform:translate(100%)}}@media (width<=1000px){.pp-sidebar{width:64px}.pp-sidebar .pp-nav-item span,.pp-side-label,.pp-tip{display:none}.pp-sidebar .pp-nav-item{justify-content:center;padding:11px 0}.pp-logo{width:30px}.pp-sidebar>div:first-child{justify-content:center;padding:18px 0;display:flex}}@media (width<=720px){.pp-role-label{display:none}}