*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--kleur-primêr:#1b5e2e;--kleur-primêr-lig:#2e8040;--kleur-aksent:#e8732a;--kleur-aksent-lig:#f0944e;--kleur-agtergrond:#f3f7f4;--kleur-wit:#ffffff;--kleur-teks:#1a2e1e;--kleur-teks-sag:#4d6655;--kleur-rand:#cdddd3;--skadu-klein:0 1px 3px rgba(0,0,0,.08);--skadu-medium:0 4px 6px rgba(0,0,0,.07);--skadu-groot:0 10px 25px rgba(0,0,0,.1);--hoek-klein:6px;--hoek-medium:10px;--hoek-groot:16px;font-family:Inter,sans-serif;color:var(--kleur-teks);background:var(--kleur-agtergrond)}body{min-height:100vh}.knoppie{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--hoek-klein);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .15s ease;text-decoration:none}.knoppie-primêr{background:var(--kleur-primêr);color:#fff}.knoppie-primêr:hover{background:var(--kleur-primêr-lig);transform:translateY(-1px);box-shadow:var(--skadu-medium)}.knoppie-aksent{background:var(--kleur-aksent);color:#fff}.knoppie-aksent:hover{background:var(--kleur-aksent-lig);transform:translateY(-1px)}.knoppie-omlyn{background:transparent;border:2px solid var(--kleur-primêr);color:var(--kleur-primêr)}.knoppie-omlyn:hover{background:var(--kleur-primêr);color:#fff}.knoppie-gevaar{background:#ef4444;color:#fff}.knoppie-gevaar:hover{background:#dc2626}.knoppie:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.kaart{background:var(--kleur-wit);border-radius:var(--hoek-groot);box-shadow:var(--skadu-klein);border:1px solid var(--kleur-rand);overflow:hidden}.vorm-groep{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.vorm-groep label{font-size:.85rem;font-weight:600;color:var(--kleur-primêr);text-transform:uppercase;letter-spacing:.04em}.vorm-groep input,.vorm-groep select,.vorm-groep textarea{padding:10px 14px;border:1.5px solid var(--kleur-rand);border-radius:var(--hoek-klein);font-size:.95rem;font-family:inherit;background:#fff;transition:border-color .15s;width:100%}.vorm-groep input:focus,.vorm-groep select:focus,.vorm-groep textarea:focus{outline:none;border-color:var(--kleur-primêr);box-shadow:0 0 0 3px #1b5e2e1a}.etiket{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-complete{background:#d1fae5;color:#065f46}.badge-pending{background:#fef3c7;color:#92400e}.badge-failed{background:#fee2e2;color:#991b1b}.badge-cancelled{background:#f3f4f6;color:#374151}.badge-refund{background:#ede9fe;color:#5b21b6}.badge-refunded{background:#ddd6fe;color:#4c1d95}.tabel{width:100%;border-collapse:collapse;font-size:.9rem}.tabel th{text-align:left;padding:12px 16px;background:#f8fafc;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--kleur-teks-sag);border-bottom:1px solid var(--kleur-rand)}.tabel td{padding:12px 16px;border-bottom:1px solid var(--kleur-rand);color:var(--kleur-teks)}.tabel tr:last-child td{border-bottom:none}.tabel tbody tr:hover{background:#f8fafc}.waarskuwing{padding:14px 16px;border-radius:var(--hoek-klein);font-size:.9rem;display:flex;gap:10px;align-items:flex-start}.waarskuwing-info{background:#eff6ff;color:#1e40af;border-left:4px solid #3b82f6}.waarskuwing-sukses{background:#f0fdf4;color:#166534;border-left:4px solid #22c55e}.waarskuwing-fout{background:#fef2f2;color:#991b1b;border-left:4px solid #ef4444}.laai-sirkeltjie{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:draai .7s linear infinite}@keyframes draai{to{transform:rotate(360deg)}}