@font-face{font-family:Figtree;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2");font-weight:300 900;font-display:swap;font-style:normal;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2");font-weight:300 900;font-display:swap;font-style:normal;unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font:"Figtree", sans-serif;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-24:24px;--space-32:32px;--space-48:48px;--space-64:64px;--radius-surface:14px;--radius-row:10px;--radius-input:8px;--radius-pill:999px;--size-icon:18px;--size-row:44px;--size-focus-width:2px;--duration-quick:.15s;--duration-area:.2s;--grid-columns:12;--grid-gutter:24px;--grid-margin:32px;--grid-max-width:1200px;--control-sm:32px;--control-md:40px;--control-lg:48px;--shadow-popover:0px 8px 24px 0px #141e1c1f;--type-display:400 40px/48px var(--font);--type-display-tracking:-.02em;--type-title:400 28px/36px var(--font);--type-title-tracking:-.015em;--type-section:500 20px/28px var(--font);--type-section-tracking:0em;--type-body:400 15px/22px var(--font);--type-body-tracking:0em;--type-small:500 13px/18px var(--font);--type-small-tracking:0em}:root,[data-theme=light]{--bg:#f3f6f5;--surface:#fcfdfd;--tint:#e8eeec;--tint-2:#dde5e2;--line:#d5ddda;--ink:#1d2121;--ink-2:#5c6665;--ink-3:#8a9493;--manila:#ebd39c;--manila-ink:#5e4a16;--fail:#b3261e;--fail-bg:#f9e3df;--wait:#7a5a00;--wait-bg:#f3ead2;--ok:#2e6a4e;--ok-bg:#dcebe3;--focus:#1d2121;--area-overzicht-bg:#f3f6f5;--area-facturen-bg:#eff6f7;--area-onboarding-bg:#f1f6f2;--area-offboarding-bg:#f7f4ef;--area-crm-bg:#f1f5f9;--area-beheer-bg:#f4f4f4}[data-theme=dark]{--bg:#121514;--surface:#181c1b;--tint:#212625;--tint-2:#2a302f;--line:#2e3534;--ink:#edf1f0;--ink-2:#a2acaa;--ink-3:#737d7b;--manila:#d6bb7e;--manila-ink:#1e1a10;--fail:#ff8c7e;--fail-bg:#3a1e1a;--wait:#e2be6a;--wait-bg:#33291a;--ok:#86c9a6;--ok-bg:#1c2e25;--focus:#edf1f0;--area-overzicht-bg:#121514;--area-facturen-bg:#0f1415;--area-onboarding-bg:#101411;--area-offboarding-bg:#15120f;--area-crm-bg:#101316;--area-beheer-bg:#131313}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121514;--surface:#181c1b;--tint:#212625;--tint-2:#2a302f;--line:#2e3534;--ink:#edf1f0;--ink-2:#a2acaa;--ink-3:#737d7b;--manila:#d6bb7e;--manila-ink:#1e1a10;--fail:#ff8c7e;--fail-bg:#3a1e1a;--wait:#e2be6a;--wait-bg:#33291a;--ok:#86c9a6;--ok-bg:#1c2e25;--focus:#edf1f0;--area-overzicht-bg:#121514;--area-facturen-bg:#0f1415;--area-onboarding-bg:#101411;--area-offboarding-bg:#15120f;--area-crm-bg:#101316;--area-beheer-bg:#131313}}[data-area=overzicht]{--bg:var(--area-overzicht-bg)}[data-area=facturen]{--bg:var(--area-facturen-bg)}[data-area=onboarding]{--bg:var(--area-onboarding-bg)}[data-area=offboarding]{--bg:var(--area-offboarding-bg)}[data-area=crm]{--bg:var(--area-crm-bg)}[data-area=beheer]{--bg:var(--area-beheer-bg)}.num,[data-num]{font-feature-settings:"tnum"}*,:before,:after{box-sizing:border-box}body{margin:0}@media (width<=767px){:root{--grid-margin:var(--space-16)}}.dossio-container{box-sizing:border-box;width:100%;max-width:calc(var(--grid-max-width) + 2 * var(--grid-margin));padding-inline:var(--grid-margin);margin-inline:auto}.dossio-grid{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));column-gap:var(--grid-gutter);row-gap:var(--grid-gutter);display:grid}.dossio-grid-item{min-width:0}.dossio-grid-item--span-1{grid-column-end:span 1}.dossio-grid-item--span-2{grid-column-end:span 2}.dossio-grid-item--span-3{grid-column-end:span 3}.dossio-grid-item--span-4{grid-column-end:span 4}.dossio-grid-item--span-5{grid-column-end:span 5}.dossio-grid-item--span-6{grid-column-end:span 6}.dossio-grid-item--span-7{grid-column-end:span 7}.dossio-grid-item--span-8{grid-column-end:span 8}.dossio-grid-item--span-9{grid-column-end:span 9}.dossio-grid-item--span-10{grid-column-end:span 10}.dossio-grid-item--span-11{grid-column-end:span 11}.dossio-grid-item--span-12{grid-column-end:span 12}.dossio-grid-item--start-1{grid-column-start:1}.dossio-grid-item--start-2{grid-column-start:2}.dossio-grid-item--start-3{grid-column-start:3}.dossio-grid-item--start-4{grid-column-start:4}.dossio-grid-item--start-5{grid-column-start:5}.dossio-grid-item--start-6{grid-column-start:6}.dossio-grid-item--start-7{grid-column-start:7}.dossio-grid-item--start-8{grid-column-start:8}.dossio-grid-item--start-9{grid-column-start:9}.dossio-grid-item--start-10{grid-column-start:10}.dossio-grid-item--start-11{grid-column-start:11}.dossio-grid-item--start-12{grid-column-start:12}@media (width<=767px){.dossio-grid-item{grid-column:1/-1}}.dossio-stack{min-width:0;display:flex}.dossio-stack--vertical{flex-direction:column}.dossio-stack--horizontal{flex-direction:row}.dossio-stack--wrap{flex-wrap:wrap}.dossio-stack--gap-4{gap:var(--space-4)}.dossio-stack--gap-8{gap:var(--space-8)}.dossio-stack--gap-12{gap:var(--space-12)}.dossio-stack--gap-16{gap:var(--space-16)}.dossio-stack--gap-24{gap:var(--space-24)}.dossio-stack--gap-32{gap:var(--space-32)}.dossio-stack--gap-48{gap:var(--space-48)}.dossio-stack--gap-64{gap:var(--space-64)}.dossio-stack--align-start{align-items:flex-start}.dossio-stack--align-center{align-items:center}.dossio-stack--align-end{align-items:flex-end}.dossio-stack--align-stretch{align-items:stretch}.dossio-stack--align-baseline{align-items:baseline}.dossio-stack--justify-start{justify-content:flex-start}.dossio-stack--justify-center{justify-content:center}.dossio-stack--justify-end{justify-content:flex-end}.dossio-stack--justify-between{justify-content:space-between}.dossio-app-shell{background:var(--bg);min-height:100vh;color:var(--ink);font:var(--type-body);letter-spacing:var(--type-body-tracking);transition:background-color var(--duration-area) ease;display:flex}@media (prefers-reduced-motion:reduce){.dossio-app-shell{transition:none}}.dossio-app-shell__sidebar{box-sizing:border-box;width:220px;padding:var(--space-32) var(--space-16);gap:var(--space-32);flex-direction:column;flex:none;display:flex}.dossio-app-shell__brand{height:var(--control-md);padding:0 var(--space-12);font:var(--type-section);letter-spacing:var(--type-section-tracking);align-items:center;display:flex}.dossio-app-shell__office{padding:0 var(--space-12);gap:var(--space-4);flex-direction:column;display:flex}.dossio-app-shell__office-name{font:var(--type-small);letter-spacing:var(--type-small-tracking);color:var(--ink-2)}.dossio-app-shell__user{font:var(--type-small);letter-spacing:var(--type-small-tracking);color:var(--ink-3)}.dossio-app-shell__nav ul{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dossio-app-shell__nav-item{text-align:left;cursor:pointer;box-sizing:border-box;width:100%;height:var(--control-md);padding:0 var(--space-12);border-radius:var(--radius-row);color:var(--ink-2);font:var(--type-body);letter-spacing:var(--type-body-tracking);background:0 0;border:none;border-left:3px solid #0000;align-items:center;text-decoration:none;display:flex}.dossio-app-shell__nav-item:hover{background:var(--tint);color:var(--ink)}.dossio-app-shell__nav-item.is-active{border-left-color:var(--manila);color:var(--ink);font-weight:500}.dossio-app-shell__nav-item:focus-visible{outline:var(--size-focus-width) solid var(--focus);outline-offset:var(--size-focus-width)}.dossio-app-shell__main{min-width:0;padding-block:var(--space-32);flex:1}.dossio-app-shell__top-right{min-height:var(--control-md);justify-content:flex-end;align-items:center;display:flex}@media (width<=767px){.dossio-app-shell{flex-direction:column}.dossio-app-shell__sidebar{width:auto;padding:var(--space-16) var(--grid-margin) 0;gap:var(--space-8)}.dossio-app-shell__brand,.dossio-app-shell__office{padding:0}.dossio-app-shell__nav ul{flex-flow:row;overflow-x:auto}.dossio-app-shell__nav-item{width:auto}.dossio-app-shell__main{padding-block:var(--space-16) var(--space-32)}}.dossio-button{justify-content:center;align-items:center;gap:var(--space-8);box-sizing:border-box;height:var(--control-md);padding:0 var(--space-24);white-space:nowrap;border-radius:var(--radius-pill);font:var(--type-small);letter-spacing:var(--type-small-tracking);cursor:pointer;transition:background-color var(--duration-quick) ease, color var(--duration-quick) ease;border:none;display:inline-flex}.dossio-button--sm{height:var(--control-sm);padding:0 var(--space-16)}.dossio-button--lg{height:var(--control-lg);padding:0 var(--space-32)}.dossio-button--primary{background:var(--ink);color:var(--surface)}.dossio-button--primary[data-hovered],.dossio-button--primary[data-pressed]{background:var(--ink-2)}.dossio-button--soft{background:var(--tint);color:var(--ink)}.dossio-button--soft[data-hovered],.dossio-button--soft[data-pressed]{background:var(--tint-2)}.dossio-button--ghost{color:var(--ink);background:0 0}.dossio-button--ghost[data-hovered],.dossio-button--ghost[data-pressed]{background:var(--tint)}.dossio-button[data-disabled],.dossio-button[data-pending]{opacity:.5;cursor:default}.dossio-button[data-focus-visible]{outline:var(--size-focus-width) solid var(--focus);outline-offset:var(--size-focus-width)}.dossio-button__spinner{width:var(--size-icon);height:var(--size-icon);border:2px solid;border-right-color:#0000;border-radius:50%;animation:.6s linear infinite dossio-button-spin}@media (prefers-reduced-motion:reduce){.dossio-button__spinner{animation-duration:1.4s}.dossio-button{transition:none}}@keyframes dossio-button-spin{to{transform:rotate(360deg)}}.dossio-link{color:var(--ink);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);cursor:pointer;border-radius:2px}.dossio-link[data-hovered]{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.dossio-link[data-focus-visible]{outline:var(--size-focus-width) solid var(--focus);outline-offset:var(--size-focus-width)}.dossio-notice{border-radius:var(--radius-surface);padding:var(--space-24);justify-content:space-between;align-items:flex-start;gap:var(--space-16);display:flex}.dossio-notice__body{gap:var(--space-8);flex-direction:column;display:flex}.dossio-notice__title{font:var(--type-section);letter-spacing:var(--type-section-tracking);margin:0}.dossio-notice__content{font:var(--type-body);letter-spacing:var(--type-body-tracking);margin:0}.dossio-notice__actions{align-items:center;gap:var(--space-8);flex:none;display:flex}.dossio-notice--recovery{background:var(--fail-bg);color:var(--ink)}.dossio-notice--recovery .dossio-notice__content{color:var(--ink-2)}.dossio-notice--urgent{background:var(--ink);color:var(--surface)}.dossio-notice--urgent .dossio-notice__content{color:var(--surface);opacity:.72}.dossio-status{align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);font:var(--type-small);letter-spacing:var(--type-small-tracking);display:inline-flex}.dossio-status__dot{background:currentColor;border-radius:50%;width:8px;height:8px}.dossio-status--ok{background:var(--ok-bg);color:var(--ok)}.dossio-status--wait{background:var(--wait-bg);color:var(--wait)}.dossio-status--fail{background:var(--fail-bg);color:var(--fail)}.dossio-status--neutral{background:var(--tint);color:var(--ink-2)}.dossio-table{border-collapse:collapse;background:var(--surface);border-radius:var(--radius-surface);width:100%;font:var(--type-body);letter-spacing:var(--type-body-tracking);overflow:hidden}.dossio-table th{text-align:left;font:var(--type-small);letter-spacing:var(--type-small-tracking);color:var(--ink-2);padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--line)}.dossio-table td{padding:var(--space-12) var(--space-16);height:var(--size-row);border-bottom:1px solid var(--line);color:var(--ink)}.dossio-table th.is-numeric,.dossio-table td.is-numeric{text-align:right}.dossio-table tbody tr:hover{background:var(--tint)}.dossio-table tbody tr:last-child td{border-bottom:none}.dossio-textfield{gap:var(--space-8);flex-direction:column;display:flex}.dossio-textfield__label{font:var(--type-small);letter-spacing:var(--type-small-tracking);color:var(--ink-2)}.dossio-textfield__input{box-sizing:border-box;height:var(--control-md);padding:0 var(--space-12);border-radius:var(--radius-input);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:var(--type-body);letter-spacing:var(--type-body-tracking)}.dossio-textfield__input::placeholder{color:var(--ink-3)}.dossio-textfield__input[data-focused]{outline:var(--size-focus-width) solid var(--focus);outline-offset:var(--size-focus-width);border-color:var(--focus)}.dossio-textfield[data-invalid] .dossio-textfield__input{border-color:var(--fail)}.dossio-textfield__description{font:var(--type-small);letter-spacing:var(--type-small-tracking);color:var(--ink-2)}.dossio-textfield__error{font:var(--type-small);letter-spacing:var(--type-small-tracking);color:var(--fail)}.login{min-height:100vh;padding-block:var(--space-64);background:var(--bg);color:var(--ink);font:var(--type-body);letter-spacing:var(--type-body-tracking)}.login__brand{font:var(--type-section);letter-spacing:var(--type-section-tracking)}.login__card{padding:var(--space-24);border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface)}.app-title{font:var(--type-title);letter-spacing:var(--type-title-tracking);margin:0}.app-subtitle{font:var(--type-body);letter-spacing:var(--type-body-tracking);color:var(--ink-2);margin:0}.app-sample-badge{padding:var(--space-4) var(--space-12);border-radius:var(--radius-pill);background:var(--manila);color:var(--manila-ink);font:var(--type-small);letter-spacing:var(--type-small-tracking);align-items:center;display:inline-flex}.app-section-title{font:var(--type-section);letter-spacing:var(--type-section-tracking);margin:0}.app-identity{gap:var(--space-8) var(--space-24);grid-template-columns:max-content 1fr;margin:0;display:grid}.app-identity dt{color:var(--ink-2)}.app-identity dd{font-variant-numeric:tabular-nums;margin:0}