*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--kleur-achtergrond:#f5f4f0;--kleur-wit:#fff;--kleur-rand:#e8e7e3;--kleur-tekst:#1a1a18;--kleur-tekst-licht:#6b6b67;--kleur-accent:#1a1a18;--kleur-groen:#2d6a4f;--kleur-groen-licht:#e8f5ee;--kleur-oranje:#c4621a;--kleur-oranje-licht:#fdf0e6;--kleur-rood:#a32d2d;--kleur-rood-licht:#fdf0f0;--radius:8px;--radius-lg:12px;--schaduw:0 1px 3px #0000000f}body{color:var(--kleur-tekst);background:var(--kleur-achtergrond);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}.site-header{background:var(--kleur-wit);border-bottom:1px solid var(--kleur-rand);z-index:100;align-items:center;gap:2rem;height:56px;padding:0 2rem;display:flex;position:sticky;top:0}.site-header .logo{letter-spacing:.05em;text-transform:uppercase;color:var(--kleur-tekst);font-size:14px;font-weight:600;text-decoration:none}.site-nav{gap:.25rem;display:flex}.site-nav a{color:var(--kleur-tekst-licht);border-radius:var(--radius);padding:.35rem .75rem;font-size:13px;text-decoration:none;transition:background .15s,color .15s}.site-nav a:hover,.site-nav a.actief{background:var(--kleur-achtergrond);color:var(--kleur-tekst)}.site-header-rechts{align-items:center;gap:1rem;margin-left:auto;display:flex}.gebruiker-naam{color:var(--kleur-tekst-licht);font-size:13px}.pagina{max-width:1280px;margin:0 auto;padding:2rem}.pagina-header{margin-bottom:2rem}.pagina-header h1{margin-bottom:.25rem;font-size:22px;font-weight:500}.pagina-header p{color:var(--kleur-tekst-licht);font-size:14px}.zone-titel{letter-spacing:.08em;text-transform:uppercase;color:var(--kleur-tekst-licht);margin:2rem 0 1rem;font-size:11px;font-weight:600}.zone-titel:first-child{margin-top:0}.kaart{background:var(--kleur-wit);border:1px solid var(--kleur-rand);border-radius:var(--radius-lg);box-shadow:var(--schaduw);padding:1.25rem}.kaart-titel{color:var(--kleur-tekst-licht);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:13px;font-weight:500;display:flex}.week-navigator{background:var(--kleur-wit);border:1px solid var(--kleur-rand);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;display:flex}.week-info{text-align:center;flex-direction:column;align-items:center;min-width:240px;display:flex}.week-nummer{font-size:15px;font-weight:600;line-height:1.3}.week-datums{color:var(--kleur-tekst-licht);font-size:13px}.team-rij{grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.team-sectie{background:var(--kleur-wit);border:1px solid var(--kleur-rand);border-radius:var(--radius-lg);box-shadow:var(--schaduw);padding:1.25rem}.team-sectie-titel{letter-spacing:.08em;text-transform:uppercase;color:var(--kleur-tekst-licht);margin-bottom:.75rem;font-size:11px;font-weight:600}.persoon-rij{border-bottom:1px solid var(--kleur-rand);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.65rem .5rem;transition:background .12s;display:flex}.persoon-rij:last-child{border-bottom:none}.persoon-rij.klikbaar{cursor:pointer}.persoon-rij.klikbaar:hover{background:var(--kleur-achtergrond)}.persoon-info{flex:1;min-width:0}.persoon-naam{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:1.3;overflow:hidden}.persoon-functie{color:var(--kleur-tekst-licht);font-size:12px;line-height:1.3}.donut-wrapper{flex-shrink:0;width:72px;height:72px;position:relative}.donut-tekst{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.donut-getal{font-size:13px;font-weight:600;line-height:1}.donut-doel{color:var(--kleur-tekst-licht);font-size:10px;line-height:1.2}.raci-badges{flex-wrap:wrap;gap:.25rem;margin-top:.3rem;display:flex}.raci-badge{border-radius:4px;align-items:center;gap:.15rem;padding:.15rem .4rem;font-size:11px;font-weight:600;display:inline-flex}.raci-badge.raci-R{background:var(--kleur-groen-licht);color:var(--kleur-groen)}.raci-badge.raci-A{color:#2d4fa0;background:#e8f0ff}.raci-badge.raci-C{background:var(--kleur-oranje-licht);color:var(--kleur-oranje)}.raci-badge.raci-I{color:#7c3aed;background:#f3f0ff}.raci-badge.raci-leeg{background:var(--kleur-achtergrond);color:var(--kleur-tekst-licht);opacity:.5}.raci-teller{margin-left:1px;font-size:10px;font-weight:700}.taken-totaal{color:var(--kleur-tekst-licht);margin-top:.25rem;font-size:12px}.mail-icoon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;line-height:1;display:flex}.mail-icoon.verstuurd{background:var(--kleur-groen-licht);color:var(--kleur-groen)}.mail-icoon.niet-verstuurd{background:var(--kleur-rood-licht);color:var(--kleur-rood)}.mail-icoon.onbekend{background:var(--kleur-achtergrond);color:var(--kleur-tekst-licht)}.mail-label{color:var(--kleur-tekst-licht);margin-top:.2rem;font-size:12px}.klanten-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.klant-kaart{background:var(--kleur-wit);border:1px solid var(--kleur-rand);border-radius:var(--radius-lg);box-shadow:var(--schaduw);padding:1.25rem}.klant-naam{border-bottom:1px solid var(--kleur-rand);margin-bottom:1rem;padding-bottom:.75rem;font-size:15px;font-weight:600}.project-balk-wrapper{margin-bottom:.9rem}.project-balk-wrapper:last-child{margin-bottom:0}.project-balk-label{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.4rem;display:flex}.project-naam{flex:1;align-items:center;gap:.35rem;min-width:0;font-size:13px;font-weight:500;display:flex}.project-type-badge{background:var(--kleur-achtergrond);color:var(--kleur-tekst-licht);white-space:nowrap;border-radius:3px;flex-shrink:0;padding:.1rem .35rem;font-size:10px;font-weight:500}.project-uren-info{color:var(--kleur-tekst-licht);white-space:nowrap;flex-shrink:0;font-size:12px}.uren-balk-wrapper{margin-bottom:1rem}.uren-balk-label{justify-content:space-between;margin-bottom:.4rem;font-size:13px;display:flex}.uren-balk-naam{font-weight:500}.uren-balk-getal{color:var(--kleur-tekst-licht)}.uren-balk-track{background:var(--kleur-achtergrond);border-radius:4px;height:8px;overflow:hidden}.uren-balk-vulling{background:var(--kleur-tekst);border-radius:4px;height:100%;transition:width .4s}.uren-balk-vulling.waarschuwing{background:var(--kleur-oranje)}.uren-balk-vulling.gevaar{background:var(--kleur-rood)}.badge{border-radius:100px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:12px;font-weight:500;display:inline-flex}.badge-ok{background:var(--kleur-groen-licht);color:var(--kleur-groen)}.badge-let-op{background:var(--kleur-oranje-licht);color:var(--kleur-oranje)}.badge-actie{background:var(--kleur-rood-licht);color:var(--kleur-rood)}.item-lijst{list-style:none}.item-lijst li{border-bottom:1px solid var(--kleur-rand);justify-content:space-between;align-items:center;padding:.6rem 0;font-size:14px;display:flex}.item-lijst li:last-child{border-bottom:none}.laden{color:var(--kleur-tekst-licht);justify-content:center;align-items:center;padding:3rem;font-size:14px;display:flex}.leeg{text-align:center;color:var(--kleur-tekst-licht);padding:2rem;font-size:14px}.fout-melding{background:var(--kleur-rood-licht);color:var(--kleur-rood);border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:13px}.succes-melding{background:var(--kleur-groen-licht);color:var(--kleur-groen);border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:13px}.knop{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.knop:active{transform:scale(.98)}.knop-primair{background:var(--kleur-tekst);color:var(--kleur-wit)}.knop-primair:hover{opacity:.85}.knop-secundair{color:var(--kleur-tekst);border:1px solid var(--kleur-rand);background:0 0}.knop-secundair:hover{background:var(--kleur-achtergrond)}.knop:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{z-index:200;background:#00000059;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-overlay.verborgen{display:none}.modal{background:var(--kleur-wit);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:560px;max-height:80vh;display:flex;box-shadow:0 8px 32px #00000024}.modal-header{border-bottom:1px solid var(--kleur-rand);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{font-size:16px;font-weight:600}.modal-sluit{cursor:pointer;color:var(--kleur-tekst-licht);border-radius:var(--radius);background:0 0;border:none;padding:.2rem .5rem;font-size:22px;line-height:1;transition:background .12s,color .12s}.modal-sluit:hover{background:var(--kleur-achtergrond);color:var(--kleur-tekst)}.modal-inhoud{padding:1.25rem 1.5rem;overflow-y:auto}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.stat-blok{background:var(--kleur-wit);border:1px solid var(--kleur-rand);border-radius:var(--radius);padding:1rem}.stat-label{color:var(--kleur-tekst-licht);margin-bottom:.35rem;font-size:12px}.stat-waarde{font-size:24px;font-weight:500;line-height:1.2}.stat-sub{color:var(--kleur-tekst-licht);margin-top:.2rem;font-size:12px}@media (width<=900px){.team-rij{grid-template-columns:1fr}.week-navigator{gap:.75rem}.week-info{min-width:160px}}