:root{color:#17211f;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17211f;--muted:#687572;--subtle:#94a09d;--surface:#fffffff0;--surface-soft:#f8faf9;--line:#dde5e2;--line-strong:#cbd7d3;--accent:#176b5b;--accent-strong:#115447;--accent-soft:#e7f3ef;--focus:#176b5b29;--shadow-sm:0 1px 2px #13231f0a;--shadow-md:0 10px 30px #13231f0e;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7f6;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e7eeeb;--muted:#aab7b3;--subtle:#82908c;--surface:#1b2522f5;--surface-soft:#202d29;--line:#35443f;--line-strong:#485a54;--accent:#62b6a3;--accent-strong:#83c9b9;--accent-soft:#233f38;--focus:#62b6a342;background:#121a18}:root[data-theme=dark] body,:root[data-theme=dark] .app-shell{color:var(--ink);background:#121a18}:root[data-theme=dark] .app-header,:root[data-theme=dark] .modal,:root[data-theme=dark] .section,:root[data-theme=dark] button,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{color:var(--ink);border-color:var(--line);background-color:#1b2522}:root[data-theme=dark] .nav button:hover,:root[data-theme=dark] .nav button.active{background:var(--accent-soft);color:#dff5ef}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background:#f5f7f6;margin:0;line-height:1.45}button,input,select,textarea{font:inherit}button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:#263330;cursor:pointer;min-height:38px;box-shadow:var(--shadow-sm);background:#fff;padding:8px 13px;font-weight:650;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}button:hover:not(:disabled){background:var(--surface-soft);border-color:#aabbb5}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--focus);outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.48}#root{width:100%}.app-shell{min-height:100vh}.auth-pagina,.auth-laden{background:radial-gradient(circle at 20% 10%,#176b5b17,#0000 34%),#f5f7f6;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-kaart{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(100%,440px);padding:30px;box-shadow:0 22px 60px #13231f1a}.auth-merk{background:var(--accent);color:#fff;border-radius:15px;place-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:800;display:grid}.auth-kaart h1{margin:16px 0 4px;font-size:1.65rem}.auth-kaart h2{margin:22px 0 8px;font-size:1.2rem}.auth-kaart p{color:var(--muted)}.auth-kaart label{margin-top:16px;font-weight:650;display:block}.auth-kaart input{width:100%;margin-top:6px;display:block}.auth-hoofdknop{border-color:var(--accent);background:var(--accent);color:#fff;width:100%;margin-top:20px}.auth-hoofdknop:hover:not(:disabled){border-color:var(--accent-strong);background:var(--accent-strong)}.auth-wissel{width:100%;box-shadow:none;color:var(--accent);background:0 0;border:0;margin-top:10px}.auth-melding{color:#31584f;background:#eef5f2;border-radius:12px;margin-top:18px;padding:12px 14px}.auth-qr{border-radius:12px;width:220px;max-width:100%;margin:18px auto;display:block}.auth-geheim{overflow-wrap:anywhere;background:#f3f5f4;border-radius:8px;margin-top:8px;padding:10px;display:block}.auth-code{text-align:center;letter-spacing:.35em;font-size:1.4rem;font-weight:750}.auth-uitloggen{z-index:900;background:#fffffff0;position:fixed;bottom:18px;right:18px}.app-header{border-bottom:1px solid var(--line);z-index:100;-webkit-backdrop-filter:blur(18px);background:#ffffffe6;padding:14px max(24px,50vw - 720px);position:sticky;top:0}.app-header-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.app-brand{color:#15221f;letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:11px;font-size:1.08rem;font-weight:760;display:inline-flex}.app-brand-mark{background:var(--accent);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;font-size:.9rem;font-weight:800;display:inline-grid;box-shadow:0 5px 14px #176b5b2e}.app-header-summary{min-width:0;color:var(--muted);justify-content:flex-end;align-items:center;gap:16px;font-size:.8rem;display:flex}.app-header-summary strong{color:#34423f}.app-header-today{text-overflow:ellipsis;white-space:nowrap;border-left:1px solid var(--line);max-width:460px;padding-left:16px;overflow:hidden}.nav{flex-wrap:wrap;gap:3px;margin-top:12px;display:flex}.nav button{color:#62706d;cursor:pointer;min-height:34px;box-shadow:none;background:0 0;border:0;border-radius:9px;padding:7px 11px;font-size:.86rem;font-weight:600}.nav button:hover{color:#253330;background:#f0f4f2}.nav button.nav-active{background:var(--accent-soft);color:var(--accent-strong);box-shadow:none;font-weight:700}.main-content{max-width:1440px;margin:0 auto;padding:26px 32px 48px}.page-title{margin-top:0;margin-bottom:24px;font-size:1.8rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:30px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px}.card-label{color:#6b7280;margin-bottom:8px;font-size:.9rem}.card-value{margin:0;font-size:1.8rem;font-weight:700}.section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:24px;padding:24px}.section h2,.section h3{margin-top:0}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.form-field{flex-direction:column;gap:7px;display:flex}.form-field label{font-size:.92rem;font-weight:600}input,select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;color:var(--ink);background:#fff;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px 1px #0f172a05}textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);background:#fff;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:600}.primary-button:hover{background:var(--accent-strong)}.secondary-button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:9px;padding:9px 12px}.danger-button{color:#991b1b;cursor:pointer;background:#fee2e2;border:0;border-radius:9px;padding:9px 12px}.status-button{cursor:pointer;border:0;border-radius:999px;padding:8px 10px}.status-red{color:#8a4945;background:#f6e9e8}.status-orange{color:#82612a;background:#f6efe2}.status-green{color:#376857;background:#e8f1ed}.status-badge{border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.workday-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:14px;padding:18px}.workday-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.workday-header h3{margin:0}.workday-meta{color:#6b7280;margin:4px 0 0}.workday-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.amount{font-weight:700}.divider{border:0;border-top:1px solid #e5e7eb;margin:24px 0}@media (width<=700px){.app-header{padding:18px}.main-content{padding:20px}.workday-header{flex-direction:column}}.calendar-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;margin-bottom:12px;display:flex}.calendar-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #0f172a0d}.calendar-weekdays{text-align:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-weight:700}.calendar-weekdays>div{border-right:1px solid #e5e7eb;padding:8px 6px}.calendar-week{height:clamp(82px,16.6667vh - 65px,118px);min-height:82px}.week-number{color:#6b7280;background:#f8fafc;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.week-number-header{color:#6b7280}.calendar-day{cursor:pointer;border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;height:100%;min-height:0;padding:5px 6px;transition:background .15s;overflow:hidden}.calendar-day-weekend{background:#fafafa}.calendar-day-other-month{color:#cbd5e1;cursor:default;background:#f8fafc}.calendar-day-number{margin-bottom:3px;font-size:.78rem;font-weight:700}.calendar-event{border-radius:6px;flex-direction:column;gap:0;margin-bottom:3px;padding:4px 6px;font-size:.7rem;line-height:1.15;display:flex;overflow:hidden}.calendar-event-multiple{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;display:grid}.calendar-event strong,.calendar-event span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-event-anw{border-left:3px solid #8b7bb8;padding-left:5px}.calendar-event-heading{align-items:center;gap:4px;min-width:0;display:flex}.calendar-event-heading strong{min-width:0}.calendar-event-anw-label{color:#65558f;letter-spacing:.04em;background:#6d5b9e1f;border-radius:999px;flex:none;padding:1px 4px;font-size:.52rem;font-weight:800;line-height:1.25}@media (width<=900px){.calendar-wrapper{overflow-x:scroll}.calendar-grid{min-width:950px}.calendar-header{flex-direction:row;align-items:flex-start}}.calendar-grid{grid-template-columns:55px repeat(7,minmax(120px,1fr))!important;display:grid!important}.modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0f172a40}.modal-close{cursor:pointer;background:#f3f4f6;border:0;border-radius:999px;width:34px;height:34px;position:absolute;top:14px;right:14px}.status-keuze{gap:12px;margin-bottom:20px;display:flex}.status-bol{cursor:pointer;opacity:.45;background:#f3f4f6;border:2px solid #0000;border-radius:12px;width:48px;height:48px;padding:0;font-size:24px}.status-bol.actief{opacity:1;background:#fff;border-color:#374151;transform:scale(1.08)}.type-keuze{gap:12px;margin-bottom:20px;display:flex}.type-knop{cursor:pointer;opacity:.5;background:#f3f4f6;border:2px solid #0000;border-radius:12px;flex:1;padding:12px 16px;font-size:1rem;font-weight:600}.type-knop.actief{opacity:1;background:#fff;border-color:#374151;transform:scale(1.02)}.calendar-event-top{flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex}.type-icoon{border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;font-weight:700;display:inline-flex}.type-dagpraktijk{background:#fef3c7}.type-anw{background:#e0e7ff}.omzet-samenvatting{gap:8px;margin:0;display:flex}.omzet-kaart{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:128px;padding:6px 10px;box-shadow:0 2px 8px #0f172a0f}.omzet-label{color:#6b7280;margin-right:6px;font-size:.78rem;font-weight:600;display:inline}.omzet-kaart strong{color:#111827;font-size:.9rem;display:inline}.maand-navigatie{align-items:center;gap:8px;display:flex}.maand-navigatie button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;width:36px;min-width:36px;height:36px;padding:0 0 3px;font-size:1.45rem;line-height:1;box-shadow:0 2px 6px #0f172a0f}.maand-navigatie button:hover{background:#f8fafc;border-color:#9ca3af}.maand-label{text-align:center;color:#111827;min-width:128px;font-size:1rem}.dashboard-maand-navigatie{align-items:center;gap:8px;display:flex}.dashboard-maand-navigatie button,.dashboard-jaar-navigatie button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;width:36px;min-width:36px;height:36px;padding:0 0 3px;font-size:1.45rem;line-height:1;box-shadow:0 2px 6px #0f172a0f}.dashboard-maand-navigatie button:hover,.dashboard-jaar-navigatie button:hover{background:#f8fafc;border-color:#9ca3af}.dashboard-maand-label{text-align:center;color:#111827;min-width:128px;font-size:.95rem}.periode-sprong{border:1px solid var(--line-strong);background:var(--surface);min-width:154px;height:36px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0 30px 0 12px;font-weight:700;display:inline-flex;position:relative}.periode-sprong:after{content:"⌄";color:var(--muted);position:absolute;right:11px}.periode-sprong input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.prognose-instellingen-grid{grid-template-columns:minmax(300px,1.2fr) repeat(2,minmax(210px,.8fr));align-items:start;gap:20px;display:grid}.prognose-stijl-keuze>div:first-child{min-height:42px}@media (width<=1050px){.prognose-instellingen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 22px}.prognose-stijl-keuze{grid-column:1/-1}.prognose-stijl-keuze>div:first-child{min-height:0}}@media (width<=650px){.prognose-instellingen-grid{grid-template-columns:1fr}.prognose-stijl-keuze{grid-column:auto}}.maand-navigatie .periode-vandaag,.dashboard-maand-navigatie .periode-vandaag,.dashboard-jaar-navigatie .periode-vandaag{width:auto;min-width:auto;height:34px;color:var(--accent);border-color:var(--line);background:var(--accent-soft);box-shadow:none;border-radius:9px;padding:0 11px;font-size:.78rem;line-height:1}.main-content>section>div:first-child h2{color:var(--ink);letter-spacing:-.025em}.main-content h2,.main-content h3{letter-spacing:-.02em}.main-content table{font-variant-numeric:tabular-nums}.main-content thead{background:var(--surface-soft)}.main-content th{letter-spacing:.025em;text-transform:uppercase;color:var(--muted)!important;font-size:.75rem!important;font-weight:700!important}.main-content tbody tr{transition:background-color .14s}.main-content tbody tr[role=button]:hover,.main-content tbody tr[tabindex="0"]:hover{background:#f6faf8!important}.modal-overlay{-webkit-backdrop-filter:blur(5px);background:#111f1b6b}.modal{border:1px solid #ffffffb3;border-radius:22px;box-shadow:0 28px 80px #14262138}.modal-close{color:#51605c;box-shadow:none;background:#f0f4f2;place-items:center;display:grid}.modal-close:hover{color:var(--ink);background:#e5ece9!important}.calendar-wrapper{border-color:var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.calendar-weekdays,.week-number,.calendar-day-other-month{background:#f7f9f8}.calendar-weekdays>div,.week-number,.calendar-day{border-color:var(--line)}.calendar-day:hover{background:#f4f8f6}.calendar-event{border-radius:8px}.calendar-event-red{color:#8a4945;background:#f6e9e8}.calendar-event-orange{color:#82612a;background:#f6efe2}.calendar-event-green{color:#376857;background:#e8f1ed}.maand-navigatie button,.dashboard-maand-navigatie button,.dashboard-jaar-navigatie button{border-color:var(--line);color:#52615d;width:34px;min-width:34px;height:34px;box-shadow:none;font-size:1.2rem}.omzet-kaart{border-color:var(--line);box-shadow:none}.omzet-label{color:var(--muted)}@media (width<=1050px){.app-header-top{align-items:flex-start}.app-header-summary{flex-direction:column;align-items:flex-end;gap:2px}.app-header-today{border-left:0;max-width:360px;padding-left:0}.nav{scrollbar-width:none;padding-bottom:2px;overflow-x:auto;flex-wrap:nowrap!important}.nav::-webkit-scrollbar{display:none}.nav button{flex:none}.nav button:last-child{margin-left:0!important}}@media (width<=700px){.app-header{padding:12px 16px}.app-header-top{display:block}.app-brand{font-size:1rem}.app-brand-mark{border-radius:10px;width:31px;height:31px}.app-header-summary{display:none}.main-content{padding:18px 14px 36px}.nav{margin-top:10px}}