:root{--zwart:#17140f;--zwart-zacht:#211d17;--geel:#f0b429;--geel-donker:#c8930f;--geel-zacht:#fdf3dd;--grijs-licht:#f6f5f2;--grijs-rand:#e4e0d8;--grijs-tekst:#6b6558;--rood:#b3261e;--rood-zacht:#fbe9e7;--groen:#2e7d32;--groen-zacht:#e8f3e8;--wit:#fff;--radius:10px;--radius-klein:8px;--schaduw-klein:0 1px 2px rgba(23,20,15,.06),0 1px 1px rgba(23,20,15,.04);--schaduw:0 4px 16px rgba(23,20,15,.1),0 1px 3px rgba(23,20,15,.08);--schaduw-diep:0 8px 28px rgba(23,20,15,.18),0 2px 6px rgba(23,20,15,.12);--transitie:150ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--grijs-licht);color:var(--zwart);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}.container{max-width:480px;margin:0 auto;padding:16px 16px 96px;background:var(--wit);min-height:100vh}.topbar{background:var(--zwart);color:var(--wit);padding:18px 16px;font-weight:700;font-size:1.15rem;letter-spacing:.01em;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--schaduw-klein);position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar .accent{color:var(--geel)}.scorebord{background:linear-gradient(155deg,var(--zwart) 0,var(--zwart-zacht) 100%);color:var(--wit);border-radius:var(--radius);padding:22px 20px;margin-bottom:16px;box-shadow:var(--schaduw)}.scorebord .naam{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#b8b2a3;margin-bottom:6px}.scorebord .netto{font-size:2.3rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--geel);letter-spacing:-.01em}.scorebord .details{margin-top:12px;display:flex;gap:16px;font-size:.83rem;color:#d8d5cc;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-wrap:wrap}.kaart{background:var(--wit);border:1px solid var(--grijs-rand);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--schaduw-klein);transition:box-shadow var(--transitie)}.lijst{border-top:1px solid var(--grijs-rand)}.lijst-rij{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid var(--grijs-rand);gap:12px;transition:background var(--transitie)}.lijst-rij .naam{font-weight:600;letter-spacing:-.005em}.lijst-rij .sub{font-size:.8rem;color:var(--grijs-tekst);margin-top:2px}.bedrag{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap;letter-spacing:-.01em}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.01em;transition:transform var(--transitie),box-shadow var(--transitie)}.pill.open{background:var(--geel-zacht);color:var(--geel-donker)}.pill.aanwezig,.pill.betaald,.pill.vergoed{background:var(--groen-zacht);color:var(--groen)}.pill.afwezig{background:var(--rood-zacht);color:var(--rood)}.pill.twijfel{background:var(--grijs-licht);color:var(--grijs-tekst)}button.pill:active{transform:scale(.96)}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:5px;margin-top:16px;color:var(--zwart)}input,select,textarea{width:100%;padding:12px 13px;border:1px solid var(--grijs-rand);border-radius:var(--radius-klein);font-size:1rem;background:var(--wit);color:var(--zwart);transition:border-color var(--transitie),box-shadow var(--transitie)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--geel);box-shadow:0 0 0 3px rgba(240,180,41,.25)}button{font-size:1rem;font-weight:700;padding:13px 18px;border-radius:var(--radius-klein);border:none;cursor:pointer;transition:transform var(--transitie),box-shadow var(--transitie),opacity var(--transitie)}button:active{transform:scale(.98)}.btn-primair{background:var(--zwart);color:var(--wit);width:100%;margin-top:18px;box-shadow:var(--schaduw-klein)}.btn-primair:disabled{opacity:.5;cursor:not-allowed}.btn-geel{background:var(--geel);color:var(--zwart);box-shadow:var(--schaduw-klein)}.btn-klein{padding:8px 13px;font-size:.85rem}.btn-rand{background:var(--wit);border:1px solid var(--grijs-rand);color:var(--zwart)}.navbar{position:fixed;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.88);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-top:1px solid var(--grijs-rand);display:flex;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 12px calc(8px + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;box-shadow:0 -4px 16px rgba(23,20,15,.06)}.navbar::-webkit-scrollbar{display:none}.navbar a{text-decoration:none;color:var(--grijs-tekst);font-size:.72rem;font-weight:600;text-align:center;padding:6px 12px;flex:0 0 auto;white-space:nowrap;transition:color var(--transitie)}.navbar a.actief{color:var(--zwart)}.navbar a.actief .stip{display:block;width:4px;height:4px;background:var(--geel);border-radius:50%;margin:0 auto 4px;box-shadow:0 0 6px rgba(240,180,41,.7)}h1,h2,h3{margin:0 0 12px;letter-spacing:-.01em}h2{font-size:1.08rem;margin-top:26px;padding-bottom:2px}.leeg{font-size:.9rem;padding:24px 4px;text-align:center}.leeg,.sub-tekst{color:var(--grijs-tekst)}.sub-tekst{font-size:.8rem;margin-bottom:8px;line-height:1.5}.foutmelding{background:var(--rood-zacht);color:var(--rood);padding:11px 13px;border-radius:var(--radius-klein);font-size:.85rem;margin-top:12px;line-height:1.4}