:root{--ink:#1b2228;--muted:#5b6670;--bg:#f2f5f8;--card:#fff;--line:#dfe5ec;--line-soft:#e9eef3;--field:#cbd3dc;--navy:#0e1620;--navy-2:#1a2633;--navy-line:#22303d;--blue:#20acfc;--blue-dark:#0b74c2;--blue-soft:#eaf6ff;--blue-ink:#0b4f80;--green:#58b030;--green-soft:#eaf6e4;--green-ink:#2e6b16;--amber-soft:#f6efdb;--amber-ink:#6b5313;--red-soft:#fbe7de;--red-ink:#8f3a16;--red:#a3401a}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Barlow,system-ui,sans-serif;color:var(--ink);background:var(--bg);font-size:15px}button,input,select,textarea{font-family:inherit;font-size:14px;color:var(--ink)}h1,h2{font-family:Barlow Condensed,Barlow,sans-serif;margin:0}h1{font-size:32px}h1,h2{font-weight:600}h2{font-size:16px;text-transform:uppercase;letter-spacing:.04em}a{color:var(--blue-dark)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.strong{font-weight:600}.app{height:100vh;overflow:hidden}.app,.nav{display:flex}.nav{flex:0 0 240px;background:var(--navy);color:#e8ecef;padding:24px 16px;flex-direction:column;gap:28px;overflow-y:auto}.nav img{width:100%;max-width:200px;height:auto;display:block}.nav-items{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-left:3px solid transparent;border-radius:0 8px 8px 0;color:#fff;text-decoration:none;font-size:15px;font-weight:500}.nav-item.on,.nav-item:hover{background:var(--navy-2)}.nav-item.on{border-left-color:var(--blue)}.nav-sub{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px 14px;padding-left:8px;border-left:1px solid var(--navy-line)}.nav-item-sub{min-height:40px;font-size:14px;color:#e8ecef}.nav-badge{margin-left:auto;font-size:12px;font-weight:600;background:var(--blue);color:var(--navy);padding:2px 8px;border-radius:10px}.nav-foot{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding:16px 8px 0;border-top:1px solid var(--navy-line)}.avatar{width:36px;height:36px;flex-shrink:0;border-radius:18px;background:var(--navy-line);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.main{flex:1 1 auto;min-width:0;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:24px}.main>*{flex-shrink:0}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.page-head p{margin:4px 0 0;color:var(--muted);font-size:14px}@media (max-width:820px){.app{flex-direction:column;overflow-y:auto}.nav{flex:none}.main,.nav{overflow:visible}.main{padding:20px 16px}}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}.card-accent{border-top:3px solid var(--blue)}.card-head{flex-wrap:wrap;justify-content:space-between}.card-head,.row{display:flex;align-items:center;gap:8px}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:16px}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));grid-gap:12px;gap:12px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr));grid-gap:16px;gap:16px;align-items:start}.split{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.split-side{flex:1 1 320px;max-width:100%;display:flex;flex-direction:column;gap:12px}.split-main{flex:999 1 520px;min-width:0;gap:16px}.field,.split-main{display:flex;flex-direction:column}.field{gap:6px;font-size:13px;color:var(--muted)}.field-wide{grid-column:1/-1}.input{min-height:40px;padding:0 10px;border:1px solid var(--field);border-radius:8px;background:#fff;width:100%;min-width:0}textarea.input{padding:10px;resize:vertical}.input:disabled{background:#f5f8fb;color:var(--muted)}.input-big{font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:600;background:#f5f8fb;border-color:transparent;min-height:44px}.input-num{max-width:100px}fieldset.plain{border:0;padding:0;margin:0;min-width:0;display:contents}.btn{min-height:40px;padding:0 14px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;border:1px solid #d6dee6;background:#fff;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue-dark);border-color:var(--blue-dark);color:#fff;font-weight:600}.btn-dark{background:#fff;border-color:var(--navy);color:var(--navy);font-weight:600}.btn-danger{color:var(--red-ink);border-color:#e8c4b4}.btn-danger-solid{background:var(--red);border-color:var(--red);color:#fff;font-weight:600}.btn-x{width:36px;height:36px;min-height:36px;padding:0;border:0;background:transparent;color:var(--red-ink);font-size:18px}.badge{display:inline-block;font-size:12px;font-weight:600;padding:3px 10px;border-radius:10px;white-space:nowrap}.badge-neutral{background:#eef1f4;color:#3e4850}.badge-ok{background:var(--green-soft);color:var(--green-ink)}.badge-warn{background:var(--amber-soft);color:var(--amber-ink)}.badge-bad{background:var(--red-soft);color:var(--red-ink)}.badge-blue{background:var(--blue-soft);color:var(--blue-ink)}.empty{margin:0;padding:20px 6px;text-align:center;color:var(--muted);font-size:14px;line-height:1.5}.notice{border-radius:10px;padding:10px 14px;font-size:14px}.notice-warn{background:var(--amber-soft);color:var(--amber-ink)}.notice-err{background:var(--red-soft);color:var(--red-ink)}.notice-ok{background:var(--green-soft);color:var(--green-ink)}.notice-dark{background:var(--navy);color:#fff}.confirm{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--red-soft);border-radius:10px;padding:10px 14px;color:#6e2c10;font-size:14px}.confirm span{flex:1 1 240px}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid #d6dee6}.tab{min-height:44px;padding:0 14px;border:0;border-bottom:3px solid transparent;background:transparent;cursor:pointer;font-size:15px;color:var(--muted)}.tab-on{border-bottom-color:var(--blue);color:var(--ink);font-weight:700}.chip{min-height:34px;padding:0 12px;border:1px solid #d6dee6;border-radius:17px;background:#fff;font-size:13px;font-weight:600;cursor:pointer}.chip-on{background:var(--navy);border-color:var(--navy);color:#fff}.chip-n{font-weight:400}.kpi{border-top:3px solid var(--blue)}.kpi:nth-child(2n){border-top-color:var(--green)}.kpi-value{font-family:Barlow Condensed,sans-serif;font-size:32px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tbl-wrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}.tbl td,.tbl th{padding:8px 8px 8px 0;border-bottom:1px solid var(--line-soft)}.tbl td{vertical-align:middle}.tbl .r{text-align:right}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td,.tbl tr.sel td{background:var(--blue-soft)}.list-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 10px;border:0;border-bottom:1px solid var(--line-soft);border-radius:6px;background:transparent;cursor:pointer}.list-item.sel,.list-item:hover{background:var(--blue-soft)}.list-item .t{font-size:15px;font-weight:600}.list-item .s{font-size:12px;color:var(--muted)}.busnr{min-width:44px;height:36px;padding:0 6px;border-radius:8px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:700}.dot{width:12px;height:12px;border-radius:6px;flex-shrink:0}.seg{display:flex;border:1px solid var(--field);border-radius:8px;overflow:hidden}.seg button{min-height:36px;padding:0 14px;border:0;border-left:1px solid var(--line-soft);background:#fff;font-size:13px;font-weight:600;cursor:pointer}.seg button:first-child{border-left:0}.seg button.on-none{background:var(--muted);color:#fff}.seg button.on-view{background:var(--blue);color:var(--navy)}.seg button.on-edit{background:var(--blue-dark);color:#fff}.gantt{display:grid;grid-template-columns:160px minmax(0,1fr);grid-gap:6px 12px;gap:6px 12px;align-items:center}.gantt-track{position:relative;height:30px;background:#f5f8fb;border-radius:6px}.gantt-bar{position:absolute;top:4px;bottom:4px;border-radius:4px;min-width:6px}.gantt-days{display:grid;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line-soft);padding-bottom:6px}.gantt-days span{padding-left:4px;border-left:1px solid var(--line-soft);white-space:nowrap;overflow:hidden}.week{display:grid;grid-template-columns:52px repeat(7,minmax(0,1fr));min-width:760px}.week-col{position:relative;border-left:1px solid var(--line-soft);background-image:repeating-linear-gradient(to bottom,var(--line-soft) 0,var(--line-soft) 1px,transparent 1px,transparent 48px)}.week-ev{position:absolute;box-sizing:border-box;padding:3px 6px;border:0;border-left:3px solid;border-radius:4px;overflow:hidden;flex-direction:column;gap:1px;font-size:12px}.cat-btn,.week-ev{text-align:left;cursor:pointer;display:flex}.cat-btn{justify-content:space-between;width:100%;min-height:34px;padding:0 10px;border:0;border-radius:6px;background:#f2f5f8;font-size:13px;font-weight:600}.art-row,.cat-btn{align-items:center}.art-row{display:flex;gap:4px;padding-left:14px}.art-btn{flex-grow:1;display:flex;justify-content:space-between;gap:8px;min-height:34px;padding:0 8px;border:0;border-radius:6px;background:transparent;cursor:pointer;font-size:13px;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.art-btn:hover{background:var(--blue-soft)}.toasts{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:100}.toast{background:var(--navy);color:#fff;padding:12px 16px;border-radius:10px;font-size:14px;max-width:360px;box-shadow:0 6px 20px rgba(0,0,0,.18)}.toast-err{background:var(--red)}.login-wrap{min-height:100vh;background:var(--navy);display:flex;align-items:center;justify-content:center;padding:16px}.login{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px}.login-logo{background:var(--navy);border-radius:10px;padding:16px 18px}.login-logo img{width:100%;max-width:260px;display:block}.ms-btn{min-height:46px;justify-content:center;font-size:15px;font-weight:600}.divider,.ms-btn{display:flex;align-items:center;gap:10px}.divider{font-size:12px;color:var(--muted)}.divider:after,.divider:before{content:"";flex-grow:1;height:1px;background:var(--line)}.print-only{display:none}.fin-print{color:#1b2228;font-size:10.5pt;line-height:1.45}.fin-print-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px}.fin-print-logo{background:#0e1620;border-radius:6px;padding:10px 14px;-webkit-print-color-adjust:exact;print-color-adjust:exact}.fin-print-logo img{width:190px;display:block}.fin-print-adres>div,.fin-print-bedrijf{display:flex;flex-direction:column}.fin-print-bedrijf{text-align:right;font-size:9.5pt}.fin-print-adres{display:flex;justify-content:space-between;gap:24px;margin-bottom:24px}.fin-print-adres table td{padding:1px 0 1px 16px}.fin-print-adres table td:first-child{color:#5b6670;padding-left:0}.fin-print-titel{font-size:20pt;margin:0 0 8px}.fin-print-tekst{margin:10px 0;white-space:pre-wrap}.fin-print-regels{width:100%;border-collapse:collapse;margin-top:12px}.fin-print-regels th{text-align:right;font-size:9pt;font-weight:600;color:#5b6670;border-bottom:1.5px solid #0e1620;padding:6px 0 6px 10px}.fin-print-regels td{text-align:right;padding:6px 0 6px 10px;border-bottom:1px solid #e9eef3;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fin-print-regels td:first-child,.fin-print-regels th:first-child{text-align:left;padding-left:0}.fin-print-totaal{margin:12px 0 0 auto;border-collapse:collapse;min-width:280px}.fin-print-totaal td{padding:3px 0 3px 24px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fin-print-totaal td:first-child{text-align:left;padding-left:0}.fin-print-totaal tr.eind td{border-top:1.5px solid #0e1620;font-weight:700;font-size:12pt;padding-top:6px}.fin-print-voet{margin-top:36px;padding-top:10px;border-top:1px solid #dfe5ec;font-size:8.5pt;color:#5b6670;display:flex;flex-direction:column;gap:2px}.mail-grid{display:grid;grid-template-columns:minmax(200px,240px) minmax(280px,380px) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.mail-lijst,.mail-postvakken{gap:8px}.mail-scroll{max-height:calc(100vh - 280px);overflow-y:auto}.mail-item,.mail-scroll{display:flex;flex-direction:column}.mail-item{gap:2px;width:100%;text-align:left;padding:10px;border:0;border-bottom:1px solid var(--line-soft);border-left:3px solid transparent;background:transparent;cursor:pointer;color:var(--ink)}.mail-item.sel,.mail-item:hover{background:var(--blue-soft)}.mail-item.ongelezen{border-left-color:var(--blue)}.mail-item.ongelezen .mail-onderwerp,.mail-item.ongelezen .mail-van{font-weight:700}.mail-van{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-tijd{font-size:12px;color:var(--muted);white-space:nowrap}.mail-onderwerp{font-size:13px}.mail-onderwerp,.mail-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-preview{font-size:12px;color:var(--muted)}.mail-lees{min-width:0}@media (max-width:1200px){.mail-grid{grid-template-columns:minmax(200px,240px) minmax(0,1fr)}.mail-lees{grid-column:1/-1}}@media (max-width:820px){.mail-grid{grid-template-columns:1fr}.mail-scroll{max-height:none}}.doc-frame{width:100%;border-collapse:collapse}.doc-frame>tbody>tr>td,.doc-frame>tfoot>tr>td,.doc-frame>thead>tr>td{padding:0;border:0;vertical-align:top}.doc-bg{position:absolute;top:0;left:0;width:210mm;height:297mm;object-fit:fill;z-index:0}.doc-frame{position:relative;z-index:1}.doc-a4{position:relative;width:210mm;min-height:297mm;height:297mm;overflow:hidden;background:#fff}.fin-print-logo-doc{max-width:220px;max-height:70px;display:block}.doc-voorwaarden{position:relative;z-index:2;width:210mm;height:296mm;background:#fff;break-before:page;page-break-before:always;overflow:hidden}.doc-voorwaarden img{width:210mm;height:296mm;display:block;object-fit:contain}@media print{@page{size:A4;margin:0}body{background:#fff}.nav,.no-print,.toasts{display:none!important}.app{height:auto}.app,.main{display:block;overflow:visible}.main{padding:0}.print-only{display:block}.print-only .doc-bg{position:fixed;-webkit-print-color-adjust:exact;print-color-adjust:exact}}