*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1b2b4b;--teal:#009e96;--teal-mid:#00c2b8;--teal-light:#d6f0ef;--white:#fff;--grey-50:#f8f9fb;--grey-100:#eaecf0;--grey-300:#d0d5dd;--grey-500:#6b7785;--grey-700:#3d4a5c;--ink:#1e2d40;--inp:#ebf5fb;--calc:#f5f6fa;--green:#d5f5e3;--green-ink:#1a7f4b;--amber:#fef9e7;--amber-ink:#7d6608;--red-light:#fdedec;--red-ink:#c0392b;--radius:10px;--radius-sm:6px;--shadow:0 2px 12px rgba(27,43,75,.08);--shadow-lg:0 8px 32px rgba(27,43,75,.14);--font-body:"DM Sans",system-ui,sans-serif;--font-display:"DM Serif Display",Georgia,serif}body{font-family:var(--font-body);background:var(--grey-50);color:var(--ink);min-height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.top-bar{background:var(--navy);padding:0 28px;gap:12px;height:56px;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.2)}.logo-mark,.top-bar{display:flex;align-items:center}.logo-mark{width:32px;height:32px;background:var(--teal);border-radius:8px;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.logo-mark,.logo-text{font-family:var(--font-display);color:#fff}.logo-text{font-size:17px;letter-spacing:-.3px}.logo-sub{color:hsla(0,0%,100%,.45);font-size:11px;font-weight:400}.top-spacer{flex:1 1}.client-badge{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:20px;padding:5px 14px;font-weight:500}.client-badge,.save-btn{color:#fff;font-size:13px}.save-btn{background:var(--teal);border:none;border-radius:7px;padding:8px 16px;font-family:var(--font-body);font-weight:600;cursor:pointer;transition:background .15s;display:flex;align-items:center;gap:6px}.save-btn:hover{background:var(--teal-mid)}.save-ok{font-size:12px;color:var(--teal-light)}.progress-bar{height:3px;background:var(--grey-100)}.progress-fill{height:100%;background:var(--teal);transition:width .4s ease}.tab-nav{background:var(--white);border-bottom:1px solid var(--grey-100);display:flex;padding:0 28px;overflow-x:auto;gap:0;box-shadow:var(--shadow)}.tab-btn{padding:14px 18px;background:none;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--grey-500);border:none;border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s;display:flex;align-items:center;gap:7px}.tab-btn:hover{color:var(--navy)}.tab-btn.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:600}.main{padding:24px 28px;max-width:1140px;margin:0 auto}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}.kpi-tile{border-radius:var(--radius);padding:22px 24px;color:#fff;position:relative;overflow:hidden}.kpi-tile:after{content:"";position:absolute;right:-24px;bottom:-24px;width:90px;height:90px;border-radius:50%;background:hsla(0,0%,100%,.06)}.kpi-tile.navy{background:var(--navy)}.kpi-tile.teal{background:linear-gradient(135deg,var(--teal) 0,#007a74 100%)}.kpi-tile.amber{background:linear-gradient(135deg,#e67e22,#c0392b)}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;opacity:.65;margin-bottom:10px}.kpi-value{font-family:var(--font-display);font-size:34px;line-height:1}.kpi-sub{font-size:11px;opacity:.55;margin-top:7px}.card{background:var(--white);border-radius:var(--radius);border:1px solid var(--grey-100);margin-bottom:16px;overflow:hidden;box-shadow:var(--shadow)}.card-header{padding:14px 22px;background:var(--grey-50);border-bottom:1px solid var(--grey-100);gap:12px}.card-header,.card-icon{display:flex;align-items:center}.card-icon{width:30px;height:30px;border-radius:7px;background:var(--teal-light);justify-content:center;font-size:15px;flex-shrink:0}.card-title{font-size:14px;font-weight:700;color:var(--navy)}.card-sub{font-size:12px;color:var(--grey-500);margin-top:2px}.card-body{padding:22px}.field-grid{display:grid;grid-template-columns:240px 1fr auto;grid-gap:12px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--grey-100)}.field-grid:last-child{border-bottom:none}.field-label{font-size:13px;color:var(--grey-700);font-weight:500}.field-note{font-size:11px;color:var(--grey-500);text-align:right}.field-section{grid-column:1/-1;background:var(--grey-50);margin:8px -22px;padding:8px 22px;font-size:11px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.6px;border-top:1px solid var(--grey-100);border-bottom:1px solid var(--grey-100)}.inp-wrap{display:flex;align-items:center;gap:6px}.inp-prefix{font-size:13px;color:var(--grey-500);font-weight:600;flex-shrink:0}input[type=date],input[type=number],input[type=text],select{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--navy);background:var(--inp);border:1px solid var(--grey-300);border-radius:var(--radius-sm);padding:8px 10px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(0,158,150,.12)}.calc-val{font-size:13px;font-weight:700;color:var(--navy);background:var(--calc);border:1px solid var(--grey-100);border-radius:var(--radius-sm);padding:8px 12px;text-align:right;min-width:120px}.calc-val.pos{background:var(--green);color:var(--green-ink)}.calc-val.neg{background:var(--red-light);color:var(--red-ink)}.calc-val.hl{background:var(--teal-light);color:var(--navy);font-size:15px}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{background:var(--grey-50);padding:9px 14px;text-align:left;font-weight:700;color:var(--navy);font-size:11px;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--grey-100)}.data-table td{padding:9px 14px;border-bottom:1px solid var(--grey-100)}.data-table tr:last-child td{border-bottom:none}.data-table tr.subtotal td{font-weight:700;background:var(--teal-light);color:var(--navy)}.data-table tr.total td{font-weight:700;background:var(--navy);color:#fff}.data-table th.right{text-align:right}.data-table td.right{text-align:right;font-weight:600}.data-table td.muted{color:var(--grey-500);font-size:12px}.neg-val{color:var(--red-ink)}.pos-val{color:var(--green-ink)}.info-banner{background:var(--amber);border:1px solid #f0c040;border-radius:var(--radius-sm);padding:12px 16px;font-size:12px;color:var(--amber-ink);margin-bottom:16px;display:flex;gap:8px}.two-col{grid-template-columns:1fr 1fr;grid-gap:16px}.three-col,.two-col{display:grid;gap:16px}.three-col{grid-template-columns:1fr 1fr 1fr;grid-gap:16px}.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.scenario-tile{border:2px solid var(--grey-100);border-radius:var(--radius);padding:18px;background:var(--white);transition:border-color .2s}.scenario-tile.active{border-color:var(--teal);background:var(--teal-light)}.sc-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--grey-500);margin-bottom:8px}.sc-val{font-family:var(--font-display);font-size:28px;color:var(--navy)}.sc-sub{font-size:11px;color:var(--grey-500);margin-top:5px}@media (max-width:900px){.field-grid,.kpi-grid,.kpi-grid-4,.scenario-grid,.three-col,.two-col{grid-template-columns:1fr}.main{padding:16px}.tab-nav,.top-bar{padding:0 16px}}.kpi-grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}@media (max-width:900px){.kpi-grid-4{grid-template-columns:repeat(2,1fr)}}.kpi-tile.grey{background:var(--grey-50);border:1px solid var(--grey-100)}.kpi-tile.teal-dark{background:#0f766e;color:#fff}.kpi-tile.teal-dark .kpi-label,.kpi-tile.teal-dark .kpi-sub{color:hsla(0,0%,100%,.75)}.kpi-tile.teal-dark .kpi-value{color:#fff}.kpi-value-md{font-size:24px;margin:4px 0}.kpi-value-lg,.kpi-value-md{font-family:var(--font-display);color:var(--navy)}.kpi-value-lg{font-size:32px;margin:6px 0}.cf-box{border-radius:var(--radius);padding:16px 20px}.cf-green{background:#d1fae5;color:#065f46}.cf-green .kpi-label,.cf-green .kpi-sub{color:#065f46;opacity:.8}.cf-green .kpi-value-lg{color:#065f46}.cf-amber{background:#fef3c7;color:#92400e}.cf-amber .kpi-label,.cf-amber .kpi-sub{color:#92400e;opacity:.8}.cf-amber .kpi-value-lg{color:#92400e}.cf-red{background:#fee2e2;color:#991b1b}.cf-red .kpi-label,.cf-red .kpi-sub{color:#991b1b;opacity:.8}.cf-red .kpi-value-lg{color:#991b1b}.buffer-status{font-size:14px;font-weight:700;margin-top:6px}.buffer-status.goed{color:#065f46}.buffer-status.laag{color:#92400e}.buffer-status.ontbreekt{color:#991b1b}.buffer-status.onbekend{color:var(--grey-500)}.waterval-table{display:flex;flex-direction:column;gap:0}.wt-row{display:grid;grid-template-columns:1fr 200px 160px;align-items:center;padding:10px 0;border-bottom:1px solid var(--grey-100);grid-gap:12px;gap:12px}.wt-mnd input{min-width:140px;width:100%}.wt-row:last-child{border-bottom:none}.wt-label{font-size:13px;color:var(--grey-700)}.wt-jaar,.wt-mnd{text-align:right}.wt-jaar{font-size:13px;color:var(--grey-500)}.wt-row .muted{color:var(--grey-500)!important}.neg-label{color:var(--grey-700)}.input-row .wt-label{color:var(--navy);font-weight:500}.subtotal-row{background:rgba(27,43,75,.04)}.subtotal-row .wt-label{font-weight:700;color:var(--navy)}.ks-table{width:100%;border-collapse:collapse;font-size:12px}.ks-table th{background:var(--navy);color:#fff;padding:8px 10px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.4px;white-space:nowrap}.ks-table th.right{text-align:right}.ks-table td{padding:6px 8px;border-bottom:1px solid var(--grey-100);vertical-align:middle}.ks-table tr:hover{background:var(--grey-50)}.ks-table tr.subtotal-row td{background:rgba(27,43,75,.06);font-weight:700;color:var(--navy)}.ks-table input[type=number]{width:80px}.ks-table input[type=text]{width:160px}.ks-table select{font-size:12px;padding:3px 6px}.ks-table td:first-child,.ks-table th:first-child{min-width:170px}.beoordeling-noodzakelijk{background:#d1fae5!important}.beoordeling-nice{background:#fef3c7!important}.beoordeling-overbodig{background:#fee2e2!important}.besparing-positief{color:#065f46;font-weight:600}