:root{--bg:#f5f5f7;--win:#fff;--side:#ececf0b8;--group:#fff;--label:#1d1d1f;--label2:#3c3c43b8;--label3:#3c3c4373;--sep:#3c3c4324;--fill:#7878801f;--fill2:#78788014;--accent:#0a66d8;--accent-fill:#0a66d81f;--accent-btn:#0a66d8;--green:#1f8a3c;--orange:#c46a00;--red:#d0302f;--purple:#7b4fd6;--purple-fill:#7b4fd61f;--seg-btw:#d0302f;--seg-tax:#c46a00;--seg-soc:#8a8a8e;--seg-free:#1f8a3c;--shadow:0 1px 2px #0000000f, 0 8px 28px -10px #00000024;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-d:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1c1c1e;--win:#1e1e20;--side:#2c2c30b3;--group:#2a2a2d;--label:#f5f5f7;--label2:#ebebf5b3;--label3:#ebebf566;--sep:#5454588c;--fill:#78788047;--fill2:#7878802e;--accent:#3b93ff;--accent-fill:#3b93ff33;--accent-btn:#1463d1;--green:#3ccf62;--orange:#ff9f0a;--red:#ff5b54;--purple:#b58cff;--purple-fill:#b58cff2e;--seg-btw:#ff5b54;--seg-tax:#ff9f0a;--seg-soc:#8e8e93;--seg-free:#3ccf62;--shadow:0 1px 2px #0006, 0 10px 30px -10px #0009}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--label);font:400 13.5px/1.42 var(--font);-webkit-font-smoothing:antialiased;letter-spacing:-.003em}::selection{background:var(--accent-fill)}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:1px;border-radius:6px}button{font:inherit;color:inherit;cursor:default;background:0 0;border:0;padding:0}.tnum{font-variant-numeric:tabular-nums}svg.sym{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}@media (prefers-reduced-transparency:reduce){.sidebar,.toolbar,.popover,.tabbar{-webkit-backdrop-filter:none;background:var(--win)}}.window{grid-template-columns:248px 1fr;height:100vh;display:grid}.sidebar{background:var(--side);-webkit-backdrop-filter:blur(30px)saturate(180%);border-right:1px solid var(--sep);flex-direction:column;gap:14px;padding:14px 10px;display:flex;overflow-y:auto}.acct{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;padding:7px 8px;transition:background .12s;display:flex}.acct:hover{background:var(--fill2)}.acct:active{background:var(--fill)}.avatar{width:30px;height:30px;font:600 11.5px var(--font);color:#fff;background:linear-gradient(160deg,#3b93ff,#0a5fc4);border-radius:50%;flex:none;place-items:center;display:grid}.avatar.c1{background:linear-gradient(160deg,#ff9f43,#e06a00)}.avatar.c2{background:linear-gradient(160deg,#46d17a,#1f8a3c)}.avatar.c3{background:linear-gradient(160deg,#b58cff,#7b4fd6)}.acct .nm{font-size:13px;font-weight:600;line-height:1.2}.acct .sub{color:var(--label2);font-size:12px}.acct .chev{color:var(--label3);margin-left:auto}.side-h{font:600 11px var(--font);color:var(--label3);padding:0 10px 4px}.side-nav{gap:1px;display:grid}.side-nav a{color:var(--label);border-radius:7px;align-items:center;gap:9px;padding:6px 10px;font-size:13.5px;text-decoration:none;display:flex}.side-nav a svg{color:var(--accent)}.side-nav a:hover{background:var(--fill2)}.side-nav a:active{background:var(--fill)}.side-nav a[aria-current]{background:var(--fill);font-weight:600}.side-nav .badge{font:600 11px var(--font);color:var(--label2);background:var(--fill);border-radius:10px;margin-left:auto;padding:1px 7px}.side-nav a[aria-current] .badge{background:var(--accent-btn);color:#fff}.pcell[aria-current],.popover :is(button,a):hover{background:var(--accent-btn)!important}.side-foot{color:var(--label3);margin-top:auto;padding:0 10px;font-size:12px}.popover{background:color-mix(in srgb, var(--win) 82%, transparent);-webkit-backdrop-filter:blur(40px)saturate(180%);border:1px solid var(--sep);width:270px;box-shadow:var(--shadow), 0 24px 60px -18px #0000004d;z-index:60;transform-origin:40px -8px;opacity:0;filter:blur(4px);pointer-events:none;border-radius:12px;padding:5px;transition:opacity .18s ease-out,transform .32s cubic-bezier(.25,1,.3,1),filter .22s;position:fixed;top:62px;left:14px;transform:scale(.94)}.popover.open{opacity:1;filter:none;pointer-events:auto;transform:none}.popover :is(button,a){color:var(--label);text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;padding:6px 8px;text-decoration:none;display:flex}.popover :is(button,a):hover{background:var(--accent);color:#fff}.popover :is(button,a):hover .sub{color:#fffc}.popover .check{color:var(--accent);margin-left:auto}.popover :is(button,a):hover .check{color:#fff}.popover hr{border:0;border-top:1px solid var(--sep);margin:5px 8px}.popover .avatar{width:24px;height:24px;font-size:10px}.popover .plus{background:var(--fill);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.content{background:var(--win);position:relative;overflow-y:auto}.toolbar{z-index:20;background:color-mix(in srgb, var(--win) 72%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);align-items:center;gap:12px;padding:12px 24px;display:flex;position:sticky;top:0}.toolbar:after{content:"";background:linear-gradient(var(--win), transparent);opacity:0;pointer-events:none;height:14px;transition:opacity .2s;position:absolute;top:100%;left:0;right:0}.content.scrolled .toolbar:after{opacity:.9}.toolbar .t{font:700 15px var(--font-d);letter-spacing:-.01em;opacity:0;transition:opacity .16s}.content.scrolled .toolbar .t{opacity:1}.toolbar .sp{flex:1}.search{background:var(--fill2);color:var(--label3);border-radius:8px;align-items:center;gap:6px;width:220px;padding:5px 9px;display:flex}.search input{font:inherit;color:var(--label);background:0 0;border:0;outline:none;width:100%}.tb-btn{color:var(--label2);border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-weight:500;display:inline-flex}.tb-btn:hover{background:var(--fill2)}.tb-btn:active{background:var(--fill);transform:scale(.97)}.pbtn{background:var(--accent-btn);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-weight:600;transition:transform 90ms ease-out,filter .12s;display:inline-flex;box-shadow:0 1px 1px #0000001f,inset 0 1px #ffffff2e}.pbtn:hover{filter:brightness(1.06)}.pbtn:active{filter:brightness(.94);transform:scale(.97)}.sbtn{background:var(--fill);color:var(--label);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-weight:500;text-decoration:none;display:inline-flex}.sbtn:active{background:var(--fill2);transform:scale(.97)}.page{max-width:1180px;padding:4px 32px 64px}.lt{justify-content:space-between;align-items:end;gap:16px;margin:6px 0 22px;display:flex}.lt h1{font:700 30px/1.1 var(--font-d);letter-spacing:-.022em;margin:0}.lt .sub{color:var(--label2);margin-top:3px;font-size:13px}.demo{color:var(--label3);border:1px solid var(--sep);border-radius:6px;padding:2px 7px;font-size:12px}.tabbar,.m-acct{display:none}@media (width<=860px){.window{grid-template-columns:minmax(0,1fr);height:auto}.sidebar{display:none}.content{min-height:100vh;padding-bottom:84px;overflow:visible}.toolbar{padding:10px 16px}.toast{bottom:calc(84px + env(safe-area-inset-bottom))}.lt{flex-wrap:wrap}.m-acct{display:flex!important}.page{padding:0 16px 40px}.lt h1{font-size:28px}.popover{transform-origin:calc(100% - 20px) -8px;top:52px;left:auto;right:12px}.tabbar{z-index:50;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--win) 75%, transparent);-webkit-backdrop-filter:blur(24px)saturate(180%);border-top:1px solid var(--sep);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--label3);justify-items:center;gap:2px;padding:4px 6px;font-size:10px;font-weight:500;text-decoration:none;display:grid;position:relative}.tabbar a svg{width:22px;height:22px}.tabbar a[aria-current]{color:var(--accent)}}@media (prefers-reduced-transparency:reduce){.tabbar{-webkit-backdrop-filter:none;background:var(--win)}}.empty{text-align:center;color:var(--label2);padding:28px 16px}.note{border-radius:9px;align-items:start;gap:8px;padding:10px 12px;font-size:12.5px;display:flex}.note.warn{background:color-mix(in srgb, var(--orange) 14%, transparent);color:color-mix(in srgb, var(--orange) 70%, var(--label))}.note.err{background:color-mix(in srgb, var(--red) 12%, transparent);color:color-mix(in srgb, var(--red) 70%, var(--label))}.toast{z-index:120;color:#fff;-webkit-backdrop-filter:blur(20px);opacity:0;pointer-events:none;background:#1d1d1fe0;border-radius:12px;align-items:center;gap:14px;padding:10px 12px 10px 16px;font-weight:500;transition:transform .38s cubic-bezier(.3,1.3,.5,1),opacity .2s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%,160px);box-shadow:0 16px 40px -12px #00000073}.toast.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast button{color:#8cc2ff;border-radius:6px;padding:4px 8px;font-weight:600}.toast button:hover{background:#ffffff1a}.content-fade{animation:.36s ease-out cf}@keyframes cf{0%{opacity:.25}}.group{background:var(--group);box-shadow:var(--shadow);border-radius:12px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .group{box-shadow:inset 0 0 0 1px var(--sep)}}.gh{justify-content:space-between;align-items:baseline;padding:0 4px 7px;display:flex}.gh h2{font:600 15px var(--font-d);letter-spacing:-.01em;margin:0}.gh a,.gh button{color:var(--accent);font-size:13px;text-decoration:none}.cell{align-items:center;gap:12px;padding:10px 14px;display:flex;position:relative}.cell+.cell:before{content:"";border-top:1px solid var(--sep);position:absolute;top:0;left:14px;right:0}.cell.ind+.cell.ind:before{left:52px}.cell .main{flex:1;min-width:0}.cell .t1{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.cell .t2{color:var(--label2);font-size:12px}.cell .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}button.cell{text-align:left;width:100%;transition:background .1s}button.cell:hover{background:var(--fill2)}button.cell:active{background:var(--fill)}.group>.cell:first-child{border-radius:12px 12px 0 0}.group>.cell:last-child{border-radius:0 0 12px 12px}.ico{color:#fff;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;display:grid}.tag{font:600 12px/1 var(--font);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 7px 4px 6px;display:inline-flex}.tag svg{width:12px;height:12px}.tag.regel{color:var(--label2);background:var(--fill)}.tag.ai{color:var(--purple);background:var(--purple-fill)}.tag.hand{color:var(--accent);background:var(--accent-fill)}.status{align-items:center;gap:6px;font-size:12.5px;font-weight:500;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.status.betaald{color:var(--green)}.status.verzonden{color:var(--accent)}.status.concept{color:var(--label3)}.status.vervallen{color:var(--red)}.status.gewijzigd{color:var(--orange)}.tbl{border-collapse:separate;border-spacing:0;width:100%}.tbl th{text-align:left;font:500 12px var(--font);color:var(--label2);border-bottom:1px solid var(--sep);padding:8px 12px}.tbl td{border-bottom:1px solid var(--sep);padding:9px 12px}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr{position:relative}.tbl tbody tr:hover td{background:var(--accent-fill)}.tbl tbody tr:has(.rowlink:focus-visible) td{background:var(--accent-fill)}.tbl .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl .num{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.tbl .ellip{text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}.tbl .rowlink{color:inherit;outline:none;text-decoration:none}.tbl .rowlink:after{content:"";position:absolute;inset:0}.tbl .kind{font:600 11px var(--font);color:var(--purple);background:var(--purple-fill);border-radius:5px;margin-right:6px;padding:2px 5px}.tbl tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.tbl tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.status.open{color:var(--accent)}.status.geannuleerd{color:var(--label3);text-decoration:line-through}.segnav{background:var(--fill2);border-radius:8px;margin-bottom:14px;padding:2px;display:inline-flex}.segnav a{color:var(--label2);border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.segnav a[aria-current]{background:var(--win);color:var(--label);box-shadow:0 1px 3px #0000001f,0 0 0 .5px #0000000a}.segnav .cnt{font:600 11px var(--font);background:var(--fill);border-radius:9px;padding:0 6px}.lt-actions{align-items:center;gap:8px;display:flex}@media (width<=860px){.tbl .hide-m{display:none}.tbl td,.tbl th{padding-left:10px;padding-right:10px}.tbl .ellip{max-width:120px}}.fgrid{grid-template-columns:150px minmax(0,1fr);align-items:start;gap:10px 14px;padding:16px 18px;display:grid}.fgrid>label{color:var(--label2);padding-top:7px;font-size:12.5px}.fgrid .full{grid-column:2}.field{gap:4px;min-width:0;display:grid}.field .hint{color:var(--label2);font-size:12px}.field .err{color:var(--red);font-size:12px}.input,.fgrid input[type=text],.fgrid input[type=email],.fgrid textarea,.login-card input[type=email],.login-card input[type=text]{font:500 13.5px var(--font);color:var(--label);background:var(--fill2);font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:7px;outline:none;width:100%;padding:7px 9px}.fgrid textarea{resize:vertical;min-height:64px}.input:focus,.fgrid input:focus,.fgrid textarea:focus,.login-card input:focus{border-color:var(--accent);background:var(--win);box-shadow:0 0 0 3px var(--accent-fill)}.input[aria-invalid=true],.fgrid [aria-invalid=true]{border-color:var(--red)}.form-foot{border-top:1px solid var(--sep);align-items:center;gap:12px;padding:12px 18px 16px;display:flex}.radios{background:var(--fill2);border-radius:8px;width:fit-content;padding:2px;display:inline-flex}.radios label{color:var(--label2);cursor:default;border-radius:6px;padding:4px 14px;font-size:12.5px;font-weight:500;position:relative}.radios input{opacity:0;position:absolute;inset:0}.radios label:has(input:checked){background:var(--win);color:var(--label);box-shadow:0 1px 3px #0000001f,0 0 0 .5px #0000000a}.radios label:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent)}.sbtn.danger{color:var(--red)}.pbtn[disabled],.sbtn[disabled]{opacity:.55;filter:none}.link{color:var(--accent);font-size:13px;text-decoration:none}.link:hover{text-decoration:underline}.stack{gap:28px;display:grid}.rename{align-items:center;gap:8px;display:flex}.rename input{width:180px}.cell .actions{align-items:center;gap:6px;display:flex}.cell .r.muted{color:var(--label2);font-size:12px}@media (width<=860px){.fgrid{grid-template-columns:1fr}.fgrid>label{padding-top:0}.fgrid .full{grid-column:1}.cell{flex-wrap:wrap}}.auth{background:var(--bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card{background:var(--group);width:min(420px,100%);box-shadow:var(--shadow);border-radius:16px;gap:16px;padding:28px 26px 24px;display:grid}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .login-card{box-shadow:inset 0 0 0 1px var(--sep)}}.login-card h1{font:700 26px/1.1 var(--font-d);letter-spacing:-.022em;margin:0}.login-card p{color:var(--label2);margin:0}.login-card .brand{font:600 13px var(--font);color:var(--label3);letter-spacing:.02em}.login-card .pbtn{width:100%;padding:10px 14px}.login-card .sbtn{justify-content:center;width:100%;padding:10px 14px}.login-card .divider{color:var(--label3);align-items:center;gap:10px;font-size:12px;display:flex}.login-card .divider:before,.login-card .divider:after{content:"";border-top:1px solid var(--sep);flex:1}.login-card form{gap:10px;display:grid}.login-card .sub-h{font:600 13px var(--font)}.login-card label{color:var(--label2);gap:5px;font-size:12.5px;display:grid}