:root{--ink:#111827;--muted:#6b7280;--faint:#9ca3af;--line:#e5e7eb;--line-strong:#d1d5db;--bg:#f7f7f5;--panel:#fff;--head:#f3f4f6;--main-row:#eef2f7;--sub-row:#f8fafc;--accent:#1d4ed8;--accent-soft:#e8efff;--good:#15803d;--bad:#b91c1c;--warn:#b45309;--warn-soft:#fff7e6;--radius:8px;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.muted{color:var(--muted)}.small{font-size:12px}.bad{color:var(--bad)}.good{color:var(--good)}.topbar{z-index:30;background:var(--ink);color:#fff;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.topbar .brand{letter-spacing:.2px;color:#fff;align-items:center;gap:8px;font-weight:700;display:flex}.topbar .brand-mark{width:24px;height:24px;color:var(--ink);background:#fff;border-radius:6px;place-items:center;font-size:13px;display:grid}.topbar nav{gap:4px;display:flex}.topbar nav a{color:#d1d5db;border-radius:6px;padding:6px 10px}.topbar nav a.active,.topbar nav a:hover{color:#fff;background:#ffffff1a}.topbar .spacer{flex:1}.topbar .who{color:#d1d5db;font-size:13px}.topbar button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:6px;padding:4px 10px}.page{max-width:1600px;margin:0 auto;padding:20px 24px 60px}h1{margin:0 0 4px;font-size:22px}h2{margin:24px 0 10px;font-size:16px}.page-head{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.page-head .grow{flex:1}.btn{border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.btn:hover{border-color:var(--faint)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:#1e40af}.btn.small{padding:3px 8px;font-size:12px}.btn:disabled{opacity:.5;cursor:default}.icon-btn{cursor:pointer;color:var(--faint);background:0 0;border:0;border-radius:4px;padding:2px 4px;line-height:1}.icon-btn:hover{color:var(--ink);background:var(--head)}.input,select.input,textarea.input{border:1px solid var(--line-strong);background:#fff;border-radius:6px;min-width:0;padding:6px 8px}.input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}label.field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}label.field>.input{color:var(--ink);font-size:14px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.check{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.badge{background:var(--head);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.begroten{color:#075985;background:#e0f2fe}.badge.verwachten{color:#5b21b6;background:#ede9fe}.badge.werkelijk{color:#92400e;background:#fef3c7}.badge.gesloten{color:#374151;background:#e5e7eb}.badge.warn{background:var(--warn-soft);color:var(--warn)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.panel-pad{padding:16px}table.tbl{border-collapse:collapse;width:100%}.tbl th,.tbl td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:7px 10px}.tbl th{color:var(--muted);background:var(--head);z-index:1;white-space:nowrap;font-size:12px;font-weight:600;position:sticky;top:0}.tbl th.num,.tbl td.num{text-align:right}.tbl tr.total td{border-top:2px solid var(--line-strong);background:var(--head);font-weight:700}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#fafafa}.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px;display:grid}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:22px;font-weight:700}.kpi .sub{margin-top:2px;font-size:12px}.tabs{border-bottom:1px solid var(--line-strong);gap:2px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px}.tabs a:hover{color:var(--ink)}.tabs a.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.grid-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;max-height:calc(100vh - 230px);overflow:auto}table.grid{border-collapse:separate;border-spacing:0;table-layout:fixed}.grid th{z-index:3;background:var(--head);color:var(--muted);border-bottom:1px solid var(--line-strong);text-align:left;white-space:nowrap;padding:7px 8px;font-size:12px;font-weight:600;position:sticky;top:0}.grid th.num,.grid td.num{text-align:right}.grid td{border-bottom:1px solid var(--line);vertical-align:middle;height:30px;padding:0}.grid td>.cell{white-space:nowrap;text-overflow:ellipsis;min-height:29px;padding:5px 8px;overflow:hidden}.grid td.edit{cursor:text}.grid td.edit:hover{background:#f9fbff;box-shadow:inset 0 0 0 1px #c7d2fe}.grid td.locked{color:var(--muted)}.grid td.editing{box-shadow:inset 0 0 0 2px var(--accent);background:#fff}.grid td input,.grid td select{background:0 0;border:0;outline:none;width:100%;height:29px;padding:5px 8px}.grid td.num input{text-align:right;font-variant-numeric:tabular-nums}.grid tr.main td{background:var(--main-row);font-weight:700}.grid tr.sub td{background:var(--sub-row);color:#374151;font-weight:600}.grid tr.main td:first-child,.grid tr.sub td:first-child{cursor:pointer}.grid tr.line td:first-child{padding-left:4px}.grid tr.line:hover .row-actions{visibility:visible}.grid .row-actions{visibility:hidden;gap:2px;display:inline-flex}.grid tr.saving td{opacity:.6}.grid tr.flash td{animation:1.2s ease-out flash}@keyframes flash{0%{background:#dcfce7}to{background:0 0}}.grid td.warn-cell{box-shadow:inset 3px 0 0 var(--warn)}.grid .caret{width:14px;color:var(--muted);display:inline-block}.grid tr.grand td{background:var(--ink);color:#fff;z-index:2;font-weight:700;position:sticky;bottom:0}.backdrop{z-index:100;background:#11182766;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;width:min(520px,100vw - 32px);padding:20px;box-shadow:0 20px 50px #0003}.modal h3{margin:0 0 6px;font-size:17px}.modal .actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal .form{gap:12px;margin-top:12px;display:grid}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.toasts{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--ink);color:#fff;border-radius:8px;max-width:420px;padding:10px 14px;font-size:13px;box-shadow:0 8px 20px #0003}.toast.error{background:var(--bad)}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{border:1px solid var(--line);background:#fff;border-radius:12px;width:min(420px,100%);padding:28px}.login h1{margin-bottom:4px}.login .users{gap:6px;margin-top:16px;display:grid}.login .users button{text-align:left;justify-content:space-between;display:flex}.empty{text-align:center;color:var(--muted);padding:40px}.notice{background:var(--warn-soft);color:#78350f;border:1px solid #fde68a;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.bar{background:var(--line);border-radius:3px;min-width:80px;height:6px;overflow:hidden}.bar>span{background:var(--accent);height:100%;display:block}.bar>span.over{background:var(--bad)}.inv-chip{background:var(--accent-soft);color:var(--accent);border-radius:4px;margin-right:4px;padding:1px 6px;font-size:12px;display:inline-block}.inv-chip.gone{background:var(--warn-soft);color:var(--warn);text-decoration:line-through}.inv-missing{color:var(--warn);font-size:12px;font-weight:600}.inv-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:7px 10px;font-size:13px;display:grid}.inv-row.click{cursor:pointer}.supplier-link{color:var(--accent);cursor:pointer}.supplier-link:hover{text-decoration:underline}.inv-row.click:hover{background:var(--accent-soft)}.inv-linked{border:1px solid var(--line);border-radius:6px;padding:4px 0}.inv-linked .inv-row:last-child{border-bottom:0}.modal.wide{width:min(760px,100vw - 32px)}.cred{grid-template-columns:320px 1fr;align-items:start;gap:16px;display:grid}.cred-item{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;gap:8px;padding:8px 12px;display:flex}.cred-item:hover{background:#fafafa}.cred-item.active{background:var(--accent-soft)}@media (width<=900px){.cred{grid-template-columns:1fr}}.inbox{margin-bottom:24px}.inbox-card{margin-bottom:10px;padding:12px 14px}.inbox-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.inbox-sugg{border-top:1px solid var(--line);margin-top:8px}.sugg-row{border-bottom:1px solid var(--line);grid-template-columns:74px 1fr auto auto;align-items:center;gap:12px;padding:7px 0;font-size:13px;display:grid}.score{text-align:center;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:700}.score.hoog{color:var(--good);background:#dcfce7}.score.midden{color:#92400e;background:#fef3c7}.score.laag{background:var(--head);color:var(--muted)}.inbox-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.inv-chip.auto{border:1px dashed var(--accent)}.split-chosen{border:1px solid var(--line-strong);background:var(--sub-row);border-radius:6px}.split-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:grid}.split-row:last-child{border-bottom:0}.match-cols{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=1000px){.match-cols{grid-template-columns:1fr}}.match-col header{border-bottom:1px solid var(--line);padding:10px 12px;font-weight:600}.match-list{max-height:calc(100vh - 380px);overflow:auto}.match-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:10px;padding:8px 12px;font-size:13px;display:flex}.match-row:hover{background:var(--accent-soft)}.match-row.on{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.match-row input{margin-top:3px}.match-row .grow,.match-bar .grow{flex:1;min-width:0}.match-bar{z-index:2;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;display:flex;position:sticky;bottom:0}.combo-row{border-top:1px dashed var(--line)}.workbench{grid-template-columns:340px 1fr;align-items:start;gap:12px;display:grid}@media (width<=1000px){.workbench{grid-template-columns:1fr}}.wb-list{flex-direction:column;max-height:calc(100vh - 24px);display:flex;position:sticky;top:8px}.wb-list header{border-bottom:1px solid var(--line);padding:10px 12px}.wb-items{overflow:auto}.wb-item{border-bottom:1px solid var(--line);cursor:pointer;padding:8px 12px;font-size:13px}.wb-item:hover{background:var(--accent-soft)}.wb-item.on{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.wb-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ellipsis{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wb-lines{border:1px solid var(--line);border-radius:6px;max-height:360px}.wb-panel .match-bar{background:var(--panel,#fff);border-radius:0 0 8px 8px;position:sticky;bottom:0}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;padding:7px 14px;font-size:13px}.seg button.on{background:var(--accent);color:#fff}.st{white-space:nowrap}.st.klaar{color:var(--good);font-weight:600}.st.ontvangen{color:#b45309}.st.meer{color:var(--bad);font-weight:600}.st.geen{color:var(--muted)}.kv-row{flex-wrap:wrap;align-items:center;gap:20px;font-size:14px;display:flex}.linked-inv{border-bottom:1px solid var(--line);padding:10px 12px}.linked-inv:last-child{border-bottom:0}.linked-inv-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.pick-row{border-bottom:1px solid var(--line);grid-template-columns:60px minmax(140px,1.3fr) minmax(140px,1.3fr) 130px 100px 110px;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:grid}.pick-row.click{cursor:pointer}.pick-row.click:hover{background:var(--accent-soft)}.pick-row.same{box-shadow:inset 3px 0 0 var(--accent)}.pick-head{background:var(--head);color:var(--muted);text-transform:uppercase;letter-spacing:.02em;z-index:1;font-size:11px;font-weight:600;position:sticky;top:0}.modal.wide:has(.pick-row){width:min(1040px,100vw - 32px)}.grid tr td.cc-groen,.swatch.cc-groen{background:#bbf7d0}.grid tr td.cc-geel,.swatch.cc-geel{background:#fef08a}.grid tr td.cc-oranje,.swatch.cc-oranje{background:#fed7aa}.grid tr td.cc-rood,.swatch.cc-rood{background:#fecaca}.grid tr td.cc-blauw,.swatch.cc-blauw{background:#bfdbfe}.grid tr td.cc-paars,.swatch.cc-paars{background:#ddd6fe}.grid tr td.cc-grijs,.swatch.cc-grijs{background:#e5e7eb}.color-menu{z-index:50;background:var(--panel);border:1px solid var(--line-strong);border-radius:8px;gap:4px;padding:6px;display:flex;position:fixed;box-shadow:0 8px 24px #00000026}.swatch{cursor:pointer;border:1px solid #00000026;border-radius:5px;width:22px;height:22px;padding:0}.swatch.on{outline:2px solid var(--accent);outline-offset:1px}.swatch.none{background:var(--panel);color:var(--muted);font-size:13px;line-height:1}.pay{background:var(--head);border-radius:6px;margin-top:6px;padding:6px 8px}.pay-badge{border-radius:999px;margin-right:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.pay-badge.bank{color:var(--good);background:#dcfce7}.pay-badge.betaling{color:#1d4ed8;background:#dbeafe}.pay-badge.inkoop{color:#92400e;background:#fef3c7}.pay-rows{border-collapse:collapse;width:100%;margin-top:6px}.pay-rows td{border-top:1px solid var(--line);padding:3px 6px}.link-btn{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.modal{max-height:calc(100vh - 32px);overflow:auto}.modal .modal-title{cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;margin:-20px -20px 6px;padding:20px 20px 4px}.backdrop.moved{background:#11182726}.modal.xl{width:min(1100px,100vw - 32px)}.lines-mini th,.lines-mini td{padding:5px 8px;font-size:13px}.lines-mini tr.current td{background:var(--accent-soft)}.linked-inv-pdf{border:1px solid var(--line);border-radius:8px;margin-bottom:10px;padding:10px}.pdf-frame{border:1px solid var(--line);background:#f3f4f6;border-radius:6px;height:460px;position:relative;overflow:hidden}.pdf-frame iframe{background:#fff;border:0;width:100%;height:100%}.pdf-open{background:var(--panel);border:1px solid var(--line-strong);border-radius:6px;padding:3px 8px;position:absolute;top:8px;right:8px}.pdf-none{background:var(--head);border-radius:6px;padding:10px}.prior-row{border-bottom:1px solid var(--line);grid-template-columns:170px 1fr 110px 70px;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:grid}.prior-row.click{cursor:pointer}.prior-row.click:hover{background:var(--accent-soft)}.prior-head{background:var(--head);color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.prior-group{border-bottom:1px solid var(--line);background:#fafafa;padding:8px 10px 4px;font-size:13px;font-weight:700}.prior-total{font-weight:700}.link-like{color:var(--accent)}.tbl th.prev,.tbl td.prev,.grid th.prev,.grid tr td.prev{color:#4b5563;background:#e7e9ed}.grid tr.main td.prev,.grid tr.sub td.prev{background:#dcdfe4}.pdf-bar{background:var(--head);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.mut-toolbar{flex-wrap:wrap}.field-inline{align-items:center;gap:6px;font-size:13px;display:inline-flex}.mut-table td{font-size:13px}.mut-dept td{background:var(--main-row);font-weight:700}.mut-main td{background:var(--sub-row);font-weight:600}.mut-sub td{color:#374151;font-weight:600;font-size:12px!important}.mut-line:hover td{background:var(--accent-soft)}.mut-detail td{background:#fafafa;padding:6px 12px 10px 70px!important}.mut-changes{border-collapse:collapse;width:100%;font-size:12.5px}.mut-changes td{border-bottom:1px solid var(--line);padding:4px 8px}.mail-panel{margin:0 0 12px}.mut-crumbs{margin:4px 0 10px;font-size:15px}.mut-table th.mut-date{padding-top:4px;padding-bottom:4px}.mut-table th.mut-date .input{text-align:right;padding:3px 6px;font-size:12px}.mut-count{color:#1d4ed8;text-align:center;background:#dbeafe;border-radius:9px;min-width:18px;margin-left:8px;padding:0 5px;font-size:11px;display:inline-block}.grid td.wrap>.cell{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;line-height:1.35}.grid th.status-head{cursor:pointer;position:sticky;overflow:visible}.grid th.status-head.filtered{color:var(--accent)}.grid .head-menu{z-index:20;border:1px solid var(--line-strong);background:#fff;border-radius:6px;flex-direction:column;min-width:190px;padding:4px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 6px 18px #0000001f}.grid .head-menu button{text-align:left;cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:4px;padding:6px 10px;font-size:13px;font-weight:500}.grid .head-menu button:hover{background:#f3f4f6}.grid .head-menu button.on{color:var(--accent);background:#eef2ff}.cc-picker{min-width:260px;position:relative}.cc-picker-field{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.cc-picker-pop{z-index:30;border:1px solid var(--line-strong);background:#fff;border-radius:8px;flex-direction:column;gap:6px;width:420px;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #00000024}.cc-picker-list{flex-direction:column;max-height:300px;display:flex;overflow:auto}.cc-picker-row{border-radius:4px;gap:8px;padding:4px 6px}.cc-picker-row:hover{background:#f3f4f6}.cc-picker-foot{border-top:1px solid var(--line);align-items:center;gap:6px;padding-top:6px;display:flex}.hist-table th.hist-head{cursor:pointer;white-space:nowrap;position:relative}.hist-table th.hist-head.filtered{color:var(--accent)}.hist-menu{z-index:20;border:1px solid var(--line-strong);min-width:220px;max-height:340px;color:var(--ink);text-transform:none;background:#fff;border-radius:6px;flex-direction:column;gap:6px;padding:10px;font-weight:400;display:flex;position:absolute;top:100%;left:0;overflow:auto;box-shadow:0 6px 18px #0000001f}.hist-menu .check{white-space:nowrap}.page:has(.grid-wrap){padding-bottom:10px}.help-q{border:1px solid var(--line-strong);width:22px;height:22px;color:var(--muted);cursor:help;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.page:has(.grid-wrap){max-width:none}.grid th{position:sticky}.grid th .col-resize{cursor:col-resize;z-index:4;width:8px;height:100%;position:absolute;top:0;right:0}.grid th .col-resize:hover,.grid th .col-resize:active{background:var(--accent);opacity:.35}.closing{flex-direction:column;gap:14px;display:flex}.checklist{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.checklist li{align-items:baseline;gap:10px;display:flex}.checklist .ck{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-grid}.checklist li.ok .ck{color:#15803d;background:#dcfce7}.checklist li.bad .ck{color:#b91c1c;background:#fee2e2}.checklist li.info .ck{color:#3730a3;background:#e0e7ff}.notice.bad-notice{color:#991b1b;background:#fef2f2;border-color:#fecaca}.memo-table .memo-dept td{background:var(--sub-row);font-weight:600}.memo-table .memo-credit td{font-weight:600}.tw-wrap{max-height:calc(100vh - 290px);overflow:auto}.tw-table th{background:var(--head);z-index:2;white-space:nowrap;position:sticky;top:0}.tw-table tr.tw-filters th{padding:3px 4px;top:33px}.tw-table tr.tw-filters .input{width:100%;min-width:50px;padding:2px 6px;font-size:12px}.tw-table td{font-size:12.5px}.tw-table tfoot td{background:var(--head);font-weight:700;position:sticky;bottom:0}.tw-table tr.muted td{color:var(--muted)}.info-btn{border:1px solid var(--line-strong);background:var(--panel);width:24px;height:24px;color:var(--accent);cursor:pointer;border-radius:50%;font:italic 700 13px Georgia,serif}.info-btn:hover{background:#eef2ff}.info-text{border:1px solid var(--line);background:#f8fafc;border-radius:6px;padding:8px 10px}.tw-table .choice-btn{cursor:pointer;text-align:left;white-space:nowrap;justify-content:space-between;gap:4px;width:100%;padding:2px 6px;font-size:12px;font-weight:400;display:flex;overflow:hidden}.tw-table .hist-menu{text-transform:none;font-size:13px;top:100%;left:auto;right:0}.grid td.has-formula{position:relative}.grid td.has-formula:after{content:"";border-top:7px solid #16a34a;border-bottom:0 solid #0000;border-left:0 solid #0000;border-right:7px solid #0000;position:absolute;top:0;left:0}.grid td.center,.grid th.center{text-align:center}.grid td.center input{cursor:pointer;width:auto;height:auto;margin:0}.grid .head-menu input.input{border:1px solid var(--line-strong);width:100%;height:auto;padding:5px 8px;font-weight:400}.threshold{align-items:center;gap:4px;display:inline-flex}.threshold .input{text-align:right;padding:3px 6px}