:root{--petrol:#0e6b6b;--petrol-dark:#094d4d;--petrol-light:#e3f1f1;--bg:#f4f6f7;--card:#fff;--text:#1c2426;--muted:#64717a;--line:#dde3e6;--rood:#c0392b;--oranje:#d68910;--groen:#1e8449;--radius:10px;--font:-apple-system, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;padding:0;font-size:15px;line-height:1.45}a{color:var(--petrol);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5rem;font-weight:600}h1{font-size:1.35rem}h2{color:var(--petrol-dark);font-size:1.05rem}h3{font-size:.95rem}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:var(--text);background:#fff;border-radius:7px;padding:.4rem .8rem}button:hover{border-color:var(--petrol)}button.primary{background:var(--petrol);border-color:var(--petrol);color:#fff}button.primary:hover{background:var(--petrol-dark)}button.small{padding:.2rem .55rem;font-size:.85rem}button.ghost{color:var(--petrol);background:0 0;border-color:#0000}button:disabled{opacity:.5;cursor:default}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;padding:.4rem .6rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--petrol-light);border-color:var(--petrol)}label{color:var(--muted);margin-bottom:.2rem;font-size:.8rem;display:block}.layout{min-height:100vh;display:flex}.sidebar{background:var(--petrol-dark);color:#d8e9e9;flex-shrink:0;width:220px;height:100vh;padding:1.2rem 0;position:sticky;top:0}.sidebar .brand{color:#fff;border-bottom:1px solid #ffffff1f;margin-bottom:.6rem;padding:0 1.2rem 1rem;font-size:1.05rem;font-weight:700}.sidebar .brand small{color:#9fc4c4;font-size:.75rem;font-weight:400;display:block}.sidebar nav a{color:#d8e9e9;align-items:center;gap:.6rem;padding:.55rem 1.2rem;display:flex}.sidebar nav a:hover{background:#ffffff0f;text-decoration:none}.sidebar nav a.active{background:var(--petrol);color:#fff}.sidebar nav a .badge{margin-left:auto}.sidebar .foot{color:#9fc4c4;font-size:.75rem;position:absolute;bottom:1rem;left:1.2rem;right:1.2rem}.main{flex:1;min-width:0;max-width:1400px;padding:1.4rem 1.8rem 3rem}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.topbar .actions{flex-wrap:wrap;gap:.5rem;display:flex}.grid{grid-template-columns:repeat(12,1fr);gap:1rem;display:grid}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:1rem 1.1rem}.card h2{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card h2 .link{font-size:.8rem;font-weight:400}.kpi{letter-spacing:-.02em;font-size:1.7rem;font-weight:600}.kpi small{color:var(--muted);font-size:.8rem;font-weight:400;display:block}.muted{color:var(--muted)}.small{font-size:.85rem}.tiny{font-size:.75rem}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.row.between{justify-content:space-between}.stack>*+*{margin-top:.5rem}.badge{background:var(--petrol-light);color:var(--petrol-dark);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.badge.rood{color:var(--rood);background:#fbe4e1}.badge.oranje{color:var(--oranje);background:#fdf0d9}.badge.groen{color:var(--groen);background:#dff3e6}.badge.grijs{color:var(--muted);background:#e9edef}.dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:.5rem;display:inline-block}.dot.rood{background:var(--rood)}.dot.oranje{background:var(--oranje)}.dot.groen{background:var(--groen)}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:.4rem .5rem;font-size:.75rem;font-weight:600}td{vertical-align:top;border-bottom:1px solid #eef1f3;padding:.45rem .5rem}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f7fafa}.table-wrap{overflow-x:auto}ul.list{margin:0;padding:0;list-style:none}ul.list li{border-bottom:1px solid #eef1f3;align-items:flex-start;gap:.6rem;padding:.45rem 0;display:flex}ul.list li:last-child{border-bottom:0}ul.list li .grow{flex:1;min-width:0}ul.list li .when{color:var(--muted);white-space:nowrap;font-size:.8rem}.check{width:18px;height:18px;accent-color:var(--petrol);flex-shrink:0;margin-top:.15rem}.empty{color:var(--muted);padding:.4rem 0;font-size:.9rem}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);background:#fff;padding:2.5rem 1rem;transition:all .15s}.dropzone.over{border-color:var(--petrol);background:var(--petrol-light);color:var(--petrol-dark)}.progress{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.progress>div{background:var(--petrol);height:100%;transition:width .3s}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;display:grid}.chat{flex-direction:column;gap:.8rem;display:flex}.bubble{border-radius:var(--radius);white-space:pre-wrap;max-width:900px;padding:.8rem 1rem}.bubble.vraag{background:var(--petrol-light);align-self:flex-end}.bubble.antwoord{border:1px solid var(--line);background:#fff}.bubble .bronnen{border-top:1px solid var(--line);margin-top:.6rem;padding-top:.5rem;font-size:.85rem}.pill-tabs{flex-wrap:wrap;gap:.3rem;display:flex}.pill-tabs button{border-radius:999px}.pill-tabs button.active{background:var(--petrol);color:#fff;border-color:var(--petrol)}.alert{color:#7d5a0c;background:#fdf0d9;border-radius:8px;padding:.6rem .9rem;font-size:.9rem}.alert.error{color:var(--rood);background:#fbe4e1}.alert.ok{color:var(--groen);background:#dff3e6}.detail dl{grid-template-columns:140px 1fr;gap:.25rem .8rem;margin:0;display:grid}.detail dt{color:var(--muted);font-size:.85rem}.detail dd{margin:0}.preview{border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;height:75vh}pre.text{white-space:pre-wrap;font-family:var(--font);color:#3a4548;background:#fafbfb;border-radius:8px;max-height:50vh;padding:.8rem;font-size:.85rem;overflow:auto}.sparkline{width:100%;height:120px}.mobile-nav{display:none}@media (width<=900px){.layout{flex-direction:column}.sidebar{display:none}.mobile-nav{z-index:10;background:var(--petrol-dark);color:#fff;gap:.2rem;padding:.5rem .6rem;display:flex;position:sticky;top:0;overflow-x:auto}.mobile-nav a{color:#d8e9e9;white-space:nowrap;border-radius:6px;padding:.4rem .6rem;font-size:.9rem}.mobile-nav a.active{background:var(--petrol);color:#fff}.main{padding:1rem}.col-3,.col-4,.col-6,.col-8{grid-column:span 12}.detail dl{grid-template-columns:1fr}.preview{height:60vh}}