:root{--navy:#101E36;--navy-2:#1A2B4A;--groen:#0B8A5C;--groen-licht:#E7F5EF;--grijs:#64748B;--lijn:#E2E8F0;--bg:#F7F9FC;--wit:#fff;--rood:#C62828;--oranje:#C2410C;--geel-bg:#FFFBEB}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--navy);font-size:15px}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--navy);color:#fff;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.25rem;position:fixed;top:0;bottom:0}.logo{gap:.6rem;margin-bottom:1.75rem;padding:0 .5rem}.logo,.logoBox{display:flex;align-items:center}.logoBox{width:34px;height:34px;background:var(--groen);border-radius:8px;justify-content:center;font-weight:800;font-size:1.1rem}.logoNaam{font-weight:800;font-size:1.05rem;letter-spacing:-.02em}.logoSub{font-size:.62rem;color:rgba(255,255,255,.45)}.navLink{display:block;padding:.55rem .75rem;border-radius:8px;color:rgba(255,255,255,.75);font-size:.9rem}.navLink:hover{background:var(--navy-2);color:#fff}.navLink.actief{background:var(--groen);color:#fff;font-weight:600}.main{margin-left:220px;flex:1 1;padding:2rem 2.5rem;max-width:1160px}.kop{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.kop h1{font-size:1.45rem;letter-spacing:-.02em}.knop{display:inline-block;background:var(--navy);color:#fff;padding:.55rem 1.1rem;border-radius:8px;font-weight:600;font-size:.88rem;border:none;cursor:pointer}.knop:hover{background:var(--navy-2)}.knop.groen{background:var(--groen)}.knop.stil{background:var(--bg);color:var(--navy);border:1px solid var(--lijn)}.knop:disabled{opacity:.5;cursor:default}.kaarten{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:12px;padding:1.1rem 1.25rem}.kaartGetal{font-size:1.9rem;font-weight:800;letter-spacing:-.03em}.kaartLabel{font-size:.78rem;color:var(--grijs);margin-top:.15rem}.paneel{background:var(--wit);border:1px solid var(--lijn);border-radius:12px;overflow:hidden}.tabel{width:100%;border-collapse:collapse;font-size:.88rem}.tabel th{text-align:left;padding:.7rem 1rem;background:var(--bg);color:var(--grijs);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.tabel td,.tabel th{border-bottom:1px solid var(--lijn)}.tabel td{padding:.75rem 1rem}.tabel tr:last-child td{border-bottom:none}.tabel tr:hover td{background:#FAFCFF}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700}.b-groen{background:var(--groen-licht);color:var(--groen)}.b-grijs{background:var(--bg);color:var(--grijs)}.b-oranje{background:#FFF3E9;color:var(--oranje)}.b-rood{background:#FDECEC;color:var(--rood)}.b-navy{background:#E9EEF8;color:var(--navy)}.formulier{background:var(--wit);border:1px solid var(--lijn);border-radius:12px;padding:1.75rem;max-width:640px}.veld{margin-bottom:1rem}.veld label{display:block;font-size:.78rem;font-weight:700;color:var(--grijs);margin-bottom:.3rem}.veld input,.veld select,.veld textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--lijn);border-radius:8px;font-size:.9rem;font-family:inherit;background:#fff}.veld input:focus,.veld select:focus,.veld textarea:focus{outline:2px solid var(--groen);border-color:transparent}.rij2{grid-template-columns:1fr 1fr;grid-gap:1rem}.rij2,.rij3{display:grid;gap:1rem}.rij3{grid-template-columns:2fr 1fr 1fr;grid-gap:1rem}.hint{font-size:.78rem;color:var(--grijs);margin-top:.3rem}.melding{padding:.7rem 1rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.m-ok{background:var(--groen-licht);color:var(--groen)}.m-fout{background:#FDECEC;color:var(--rood)}.leeg{padding:2.5rem;text-align:center;color:var(--grijs);font-size:.9rem}