@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{--navy-950:#071725;--navy-900:#0b1f31;--navy-800:#123047;--blue-600:#1479e8;--blue-500:#3191f4;--blue-100:#eaf4ff;--orange-600:#e9661b;--orange-100:#fff1e8;--green-700:#187657;--green-100:#e8f6f0;--red-700:#b7453c;--red-100:#fff0ee;--amber-700:#9a6314;--amber-100:#fff7dc;--ink:#152536;--muted:#657487;--line:#e4eaf0;--surface:#fff;--canvas:#f4f7f9}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.sidebar{z-index:40;background:var(--navy-950);color:#dfeaf2;flex-direction:column;width:246px;padding:25px 15px 18px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-top{padding:0 11px 30px}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:var(--blue-600);border-radius:10px;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.brand-mark span{background:var(--orange-600);border:2px solid var(--blue-600);border-radius:2px;width:8px;height:8px;position:absolute;bottom:5px;right:5px}.brand strong{letter-spacing:-.45px;color:#fff;font:800 17px/1 Manrope,sans-serif;display:block}.brand small{letter-spacing:2.4px;color:#7990a3;margin-top:5px;font:700 9px/1 Manrope,sans-serif;display:block}.nav-title{color:#668094;text-transform:uppercase;letter-spacing:1.2px;margin:0 12px 8px;font-size:10px;font-weight:700}.sidebar nav button,.sidebar-bottom>button{color:#9eb0be;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:all .16s;display:flex}.sidebar nav button:hover,.sidebar-bottom>button:hover{color:#fff;background:#ffffff0d}.sidebar nav button.active{color:#fff;box-shadow:inset 3px 0 var(--blue-500);background:#153650}.nav-badge{color:#ffd9c1;background:#e9661b38;border-radius:10px;place-items:center;min-width:23px;height:20px;margin-left:auto;font-size:11px;font-weight:700;display:grid}.project-card{background:#0c2233;border:1px solid #1d3b50;border-radius:9px;grid-template-columns:33px 1fr 15px;align-items:center;gap:9px;margin:26px 3px 0;padding:13px 10px;display:grid}.project-icon{color:#78b9fc;background:#163b56;border-radius:7px;place-items:center;width:33px;height:33px;display:grid}.project-card small,.project-card span,.user-card small{color:#72889a;font-size:10px;display:block}.project-card strong{color:#eaf2f7;margin:2px 0;font-size:12px;display:block}.sidebar-bottom{margin-top:auto}.user-card{border-top:1px solid #173044;grid-template-columns:35px 1fr 18px;align-items:center;gap:9px;margin-top:16px;padding:14px 9px 0;display:grid}.avatar{color:#fff;background:linear-gradient(145deg,#2e91ec,#1c5b9f);border-radius:50%;place-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:grid}.user-card strong{color:#fff;font-size:11px}.mobile-close,.menu-button{display:none}.workspace{min-height:100vh;margin-left:246px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 30px;display:flex}.project-switcher{align-items:center;gap:12px;display:flex}.project-switcher>span{color:#8491a0;font-size:12px}.project-switcher button{cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-weight:600;display:flex}.topbar-actions,.heading-actions{align-items:center;gap:10px;display:flex}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:relative}.icon-button i{background:var(--orange-600);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.primary-button,.secondary-button,.approve-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 15px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.primary-button{color:#fff;background:var(--blue-600);border:1px solid #0f6ed1;box-shadow:0 3px 8px #1479e82e}.primary-button:hover{background:#096bd0;transform:translateY(-1px)}.primary-button:disabled{opacity:.72;cursor:wait}.secondary-button{background:#fff;border:1px solid #d8e0e7}.secondary-button:hover{background:#f8fafb;border-color:#c8d3dc}.content{padding:29px 30px 48px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1500px;margin:0 auto 23px;display:flex}.eyebrow{color:#8491a0;align-items:center;gap:6px;margin-bottom:7px;font-size:11px;display:flex}.stabu-version{color:#3d6787;background:#edf5fa;border:1px solid #cfe0ee;border-radius:4px;margin-left:5px;padding:3px 6px;font-weight:600}h1,h2,h3,p{margin-top:0}.page-heading h1{letter-spacing:-.7px;margin-bottom:5px;font:800 27px/1.15 Manrope,sans-serif}.page-heading p{color:var(--muted);margin-bottom:0;font-size:13px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;max-width:1500px;margin:0 auto 17px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:9px;min-height:134px;padding:18px 19px;box-shadow:0 2px 7px #16273908}.metric-label{color:#778594;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.metric-label svg{color:#94a3b0}.metric-card>strong{letter-spacing:-.5px;margin:15px 0 9px;font:800 24px/1 Manrope,sans-serif;display:block}.metric-foot{align-items:center;gap:4px;min-height:18px;font-size:10px;display:flex}.metric-foot.positive{color:var(--green-700)}.metric-foot.warning{color:var(--orange-600)}.metric-foot.muted{color:#8a97a4}.muted{color:var(--muted);font-size:11px}.attention-card{border-top:3px solid var(--orange-600);padding-top:16px}.progress-track{background:#edf1f4;border-radius:5px;height:5px;margin:3px 0 8px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--blue-600);height:100%;transition:width .3s;display:block}.comparison-panel{border:1px solid var(--line);background:#fff;border-radius:9px;max-width:1500px;margin:auto;overflow:hidden;box-shadow:0 2px 8px #16273908}.panel-top{justify-content:space-between;align-items:center;gap:20px;padding:19px 21px 15px;display:flex}.panel-top h2{margin-bottom:4px;font:700 15px/1.2 Manrope,sans-serif}.panel-top p{color:#7b8997;margin-bottom:0;font-size:11px}.vat-toggle{color:#596979;cursor:pointer;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.vat-toggle input{opacity:0;position:absolute}.vat-toggle span{background:#cad3db;border-radius:20px;width:31px;height:18px;transition:all .18s;position:relative}.vat-toggle span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:all .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.vat-toggle input:checked+span{background:var(--blue-600)}.vat-toggle input:checked+span:after{transform:translate(13px)}.toolbar{border-top:1px solid var(--line);background:#fbfcfd;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;display:flex}.search-box{color:#8c98a4;background:#fff;border:1px solid #dce3e9;border-radius:6px;align-items:center;gap:8px;width:min(310px,100%);height:34px;padding:0 10px;display:flex}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.search-box button{cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.filters{gap:5px;display:flex}.filters button{color:#6c7a88;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:600;display:flex}.filters button.selected{color:#145fae;background:var(--blue-100);border-color:#bfdbf7}.filters button span{color:#5e6c7a;background:#e7edf2;border-radius:8px;place-items:center;min-width:16px;height:16px;font-size:9px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1030px;font-size:11px}th,td{border-top:1px solid var(--line);text-align:left;vertical-align:middle;padding:11px 12px}thead th{color:#7e8b98;text-transform:uppercase;letter-spacing:.4px;background:#f7f9fa;height:78px;font-size:9px;font-weight:700}.description-col{width:29%;padding-left:21px}thead th:nth-child(2){width:8%}thead th:nth-child(n+3):nth-child(-n+5),thead th:last-child{width:15%}.supplier-head strong,.supplier-head small,.supplier-head span{text-transform:none;letter-spacing:0;display:block}.supplier-head strong{color:var(--ink);margin-bottom:4px;font:700 12px Manrope,sans-serif}.supplier-head small{color:#94a0ac;margin-bottom:6px;font-size:9px;font-weight:500}.supplier-head span{color:#48677c;background:#eaf0f4;border-radius:4px;width:fit-content;padding:3px 6px;font-size:8px}.best-supplier .supplier-head span{color:var(--green-700);background:var(--green-100)}tbody tr{cursor:pointer;transition:all .12s}tbody tr:hover{background:#f9fbfc}tbody td:first-child,tfoot td:first-child{padding-left:21px}.best-column{background:#e8f6f045}tbody tr:hover .best-column{background:#e8f6f085}.row-description span,.row-description strong,.row-description small{display:block}.row-description span{color:#8a98a5;margin-bottom:3px;font-size:8px}.row-description .stabu-code{border-radius:4px;width:fit-content;padding:2px 5px;font-weight:700}.mapping-confirmed{background:var(--green-100);color:var(--green-700)!important}.mapping-suggested{background:var(--amber-100);color:var(--amber-700)!important}.mapping-unmapped{background:var(--red-100);color:var(--red-700)!important}.category-tag{text-transform:uppercase;letter-spacing:.4px;border-radius:4px;width:fit-content;margin-bottom:3px;padding:2px 6px;font-size:8px;font-weight:700;display:inline-flex}.category-uitsluiting{color:var(--red-700);background:var(--red-100)}.category-stelpost{color:var(--amber-700);background:var(--amber-100)}.category-meerwerk{color:var(--blue-600);background:var(--blue-100)}.category-minderwerk{color:var(--green-700);background:var(--green-100)}.category-alternatief{color:#6b4fbb;background:#f1ecfd}.row-description strong{color:#263747;margin-bottom:3px;font-weight:600}.row-description small,td>small{color:#9aa5af;font-size:9px}td:nth-child(2) strong,td:nth-child(2) small,.price-cell strong,.price-cell span{display:block}.price-cell strong{color:#263747}.price-cell span{width:fit-content;color:var(--green-700);background:var(--green-100);border-radius:4px;margin-top:4px;padding:2px 5px;font-size:8px;font-weight:700}.not-included{color:var(--red-700);font-size:9px;font-weight:600}.status{white-space:nowrap;border-radius:5px;align-items:center;gap:5px;width:fit-content;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.status-ok{color:var(--green-700);background:var(--green-100)}.status-attention{color:var(--amber-700);background:var(--amber-100)}.status-missing{color:var(--red-700);background:var(--red-100)}.row-arrow{float:right;color:#a6b1ba;margin-top:1px}tfoot td{background:#f8fafb;border-top:2px solid #d8e0e7;height:68px}tfoot td>strong,tfoot td>small{display:block}tfoot td>strong{font:700 12px Manrope,sans-serif}tfoot td>small{color:#8b98a4;margin-top:4px}.saving{color:var(--green-700);margin-top:5px;font-size:8px;font-weight:600;display:block}.empty-state{color:#97a3ae;flex-direction:column;align-items:center;gap:7px;padding:38px;display:flex}.empty-state strong{color:#485b6c}.placeholder-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 68px);display:flex}.placeholder-icon{width:58px;height:58px;color:var(--blue-600);background:var(--blue-100);border-radius:14px;place-items:center;margin-bottom:16px;display:grid}.placeholder-page>span{color:var(--blue-600);text-transform:uppercase;letter-spacing:1.2px;font-size:11px;font-weight:700}.placeholder-page h1{margin:8px 0}.placeholder-page p{max-width:430px;color:var(--muted);margin-bottom:20px}.drawer-backdrop,.modal-backdrop,.backdrop{z-index:70;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#06111b66;border:0;position:fixed;inset:0}.detail-drawer{z-index:80;background:#fff;flex-direction:column;width:min(440px,94vw);animation:.22s both slide-in;display:flex;position:fixed;inset:0 0 0 auto;box-shadow:-14px 0 40px #0717252e}@keyframes slide-in{0%{transform:translate(100%)}}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:24px;display:flex}.drawer-head span{color:var(--blue-600);text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.drawer-head h2{margin-bottom:0;font:700 18px/1.3 Manrope,sans-serif}.drawer-head button,.modal-head>button{cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.ai-insight{border:1px solid #cfe2f8;border-left:3px solid var(--blue-600);background:#f4f9ff;border-radius:7px;margin:20px 24px 4px;padding:14px}.ai-insight>div{color:#1768b9;align-items:center;gap:7px;margin-bottom:7px;font-size:11px;font-weight:700;display:flex}.ai-insight p{color:#476276;margin-bottom:0;font-size:11px;line-height:1.55}.stabu-panel{border:1px solid var(--line);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin:12px 24px 0;padding:12px 14px;display:flex}.stabu-panel>div>span,.stabu-panel>div>strong{display:block}.stabu-panel>div>span{color:#8a97a3;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:9px}.stabu-panel>div>strong{font-size:11px}.mapping-label{border-radius:5px;flex:none;padding:4px 7px;font-size:9px;font-weight:700}.drawer-section{border-bottom:1px solid var(--line);padding:20px 24px}.drawer-section h3{color:#5c6d7c;text-transform:uppercase;letter-spacing:.8px;margin-bottom:13px;font-size:10px}.supplier-line{border-bottom:1px dashed #e2e7eb;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.supplier-line:last-child{border:0}.supplier-line strong,.supplier-line span{display:block}.supplier-line strong{font-size:12px}.supplier-line span{color:#8a97a3;margin-top:3px;font-size:9px}.check-line{color:#455767;cursor:pointer;align-items:center;gap:9px;margin-bottom:11px;font-size:11px;display:flex}.check-line input{opacity:0;position:absolute}.check-line>span{color:#0000;border:1px solid #cbd5dc;border-radius:4px;flex:none;place-items:center;width:18px;height:18px;display:grid}.check-line input:checked+span{color:#fff;border-color:var(--blue-600);background:var(--blue-600)}.field{color:var(--muted,#6b7785);flex-direction:column;gap:6px;font-size:11px;display:flex}.field input,.field select{width:100%;color:var(--ink);background:#fff;border:1px solid #d9e1e7;border-radius:6px;outline:0;padding:9px 11px;font-size:12.5px}.field input:focus,.field select:focus{border-color:#8cbdf0;box-shadow:0 0 0 3px #edf6ff}.drawer-section textarea{resize:vertical;width:100%;min-height:78px;color:var(--ink);border:1px solid #d9e1e7;border-radius:6px;outline:0;margin-top:8px;padding:10px;font-size:11px}.drawer-section textarea:focus{border-color:#8cbdf0;box-shadow:0 0 0 3px #edf6ff}.drawer-actions{border-top:1px solid var(--line);background:#fafbfc;gap:9px;margin-top:auto;padding:17px 24px;display:flex}.drawer-actions button{flex:1}.approve-button{color:#fff;background:var(--green-700);border:1px solid #126b4d}.modal-layer{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{z-index:-1}.upload-modal{background:#fff;border-radius:11px;width:min(540px,100%);max-height:calc(100vh - 40px);animation:.18s both pop-in;overflow-y:auto;box-shadow:0 24px 80px #06111b4d}@keyframes pop-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:21px 22px 18px;display:flex}.modal-head>div{align-items:center;gap:12px;display:flex}.modal-icon{width:40px;height:40px;color:var(--blue-600);background:var(--blue-100);border-radius:9px;place-items:center;display:grid}.modal-head h2{margin-bottom:3px;font:700 16px Manrope,sans-serif}.modal-head p{color:var(--muted);margin-bottom:0;font-size:11px}.dropzone{cursor:pointer;background:#fbfcfd;border:1.5px dashed #b9c9d6;border-radius:9px;flex-direction:column;align-items:center;width:calc(100% - 44px);margin:22px;padding:27px;display:flex}.dropzone:hover{border-color:var(--blue-500);background:#f7fbff}.dropzone>span{width:43px;height:43px;color:var(--blue-600);background:var(--blue-100);border-radius:50%;place-items:center;margin-bottom:11px;display:grid}.dropzone strong{font-size:12px}.dropzone p{color:#8a98a5;margin:5px 0 0;font-size:10px}.file-list{margin:-10px 22px 18px}.file-list>div{border:1px solid var(--line);color:#586978;border-radius:6px;grid-template-columns:20px 1fr 18px;align-items:center;gap:8px;padding:9px 10px;font-size:10px;display:grid}.file-list svg:last-child{color:var(--green-700)}.upload-info{color:#536b7c;background:#f0f5f8;border-radius:7px;gap:10px;margin:0 22px 19px;padding:12px;display:flex}.upload-info svg{color:var(--blue-600);flex:none}.upload-info p{margin:0;font-size:10px;line-height:1.45}.modal-actions{border-top:1px solid var(--line);background:#fafbfc;justify-content:flex-end;gap:9px;padding:15px 22px;display:flex}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{z-index:120;color:#155e46;background:#f1fbf7;border:1px solid #b9dfd0;border-radius:8px;align-items:center;gap:9px;padding:12px 15px;font-size:12px;font-weight:600;animation:.18s both pop-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #07172521}@media (width<=1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters button{padding-inline:7px}}@media (width<=820px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.mobile-close{color:#fff;background:0 0;border:0;place-items:center;margin-left:auto;padding:5px;display:grid}.sidebar-top{align-items:center;display:flex}.workspace{margin-left:0}.menu-button{background:0 0;border:0;place-items:center;padding:6px;display:grid}.topbar{padding:0 17px}.project-switcher>span,.topbar .icon-button{display:none}.content{padding:23px 17px 40px}.page-heading{align-items:flex-start}.heading-actions .secondary-button{display:none}.toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.filters{padding-bottom:2px;overflow-x:auto}.filters button{white-space:nowrap}}@media (width<=560px){.topbar .primary-button{padding:0 11px;font-size:0}.topbar .primary-button svg{margin:0}.page-heading{display:block}.page-heading h1{font-size:23px}.heading-actions{margin-top:16px}.heading-actions .primary-button{width:100%}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:118px}.panel-top{flex-direction:column;align-items:flex-start}.drawer-actions{flex-direction:column}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.start-screen{background:var(--navy-950);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.start-card{text-align:center;background:#fff;border-radius:14px;width:min(440px,100%);padding:40px 34px;box-shadow:0 20px 60px #0717254d}.start-card .brand{justify-content:center;margin-bottom:18px}.start-card .brand strong{color:var(--ink)}.start-card h1{color:var(--ink);margin:0 0 8px;font:800 21px/1.2 Manrope,sans-serif}.start-card>p{color:var(--muted);margin:0 0 24px;font-size:12.5px;line-height:1.5}.start-submit{justify-content:center;width:100%;margin-top:20px}@media print{.sidebar,.topbar,.heading-actions,.modal-layer,.drawer-backdrop,.detail-drawer,.toast,.backdrop,.mobile-close,.row-arrow{display:none!important}.app-shell{display:block}.workspace{min-height:0}.content{padding:0}body{background:#fff}}