.zvc{--zvc-bg:#ffffff;--zvc-card:#ffffff;--zvc-text:#0f172a;--zvc-muted:#475569;--zvc-line:rgba(15,23,42,.12);--zvc-ring:0 0 0 4px rgba(15,23,42,.08);--zvc-accent:#16a34a;--zvc-accent2:#0ea5e9;--zvc-shadow:0 10px 35px rgba(15,23,42,.10)}
.zvc-theme-dark{--zvc-bg:#0b1220;--zvc-card:#0f172a;--zvc-text:#e5e7eb;--zvc-muted:#94a3b8;--zvc-line:rgba(226,232,240,.16);--zvc-ring:0 0 0 4px rgba(148,163,184,.18);--zvc-shadow:0 10px 35px rgba(0,0,0,.35)}
.zvc *{box-sizing:border-box}
.zvc{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Helvetica Neue",Arial; color:var(--zvc-text)}
.zvc .zvc-card{background:var(--zvc-card); border:1px solid var(--zvc-line); border-radius:18px; box-shadow:var(--zvc-shadow); padding:18px}
.zvc .zvc-head{margin-bottom:14px}
.zvc .zvc-title{font-size:22px; line-height:1.2; margin:0 0 6px}
.zvc .zvc-sub{margin:0; color:var(--zvc-muted)}
.zvc .zvc-row{display:flex; flex-direction:column; gap:6px; margin:10px 0}
.zvc .zvc-label{font-weight:650; font-size:13px}
.zvc .zvc-input{width:100%; border:1px solid var(--zvc-line); border-radius:12px; padding:12px 12px; background:transparent; color:var(--zvc-text); outline:none}
.zvc .zvc-input:focus{box-shadow:var(--zvc-ring); border-color:rgba(22,163,74,.45)}
.zvc .zvc-hint{color:var(--zvc-muted); font-size:12px}
.zvc .zvc-actions{display:flex; align-items:center; gap:12px; margin-top:10px}
.zvc .zvc-btn{background:linear-gradient(135deg,var(--zvc-accent),#22c55e); color:#fff; border:none; padding:12px 16px; border-radius:12px; font-weight:700; cursor:pointer}
.zvc .zvc-btn:hover{filter:brightness(1.02)}
.zvc .zvc-btn:active{transform:translateY(1px)}
.zvc .zvc-btn-secondary{background:linear-gradient(135deg,var(--zvc-accent2),#38bdf8)}
.zvc .zvc-status,.zvc .zvc-status-lead{font-size:13px; color:var(--zvc-muted)}
.zvc .zvc-status[data-type="error"], .zvc .zvc-status-lead[data-type="error"]{color:#ef4444}
.zvc .zvc-status[data-type="success"], .zvc .zvc-status-lead[data-type="success"]{color:#22c55e}
.zvc .zvc-result{margin-top:16px; border-top:1px solid var(--zvc-line); padding-top:14px}
.zvc .zvc-rule{border:1px solid var(--zvc-line); border-radius:16px; padding:14px; background:rgba(148,163,184,.07); margin-bottom:12px}
.zvc .zvc-rule-title{font-weight:800; margin-bottom:6px}
.zvc .zvc-rule-text{color:var(--zvc-text)}
.zvc .zvc-rule-disclaimer{margin-top:8px; font-size:12px; color:var(--zvc-muted)}
.zvc .zvc-list{display:flex; flex-direction:column; gap:10px}
.zvc .zvc-item{border:1px solid var(--zvc-line); border-radius:16px; padding:14px; background:transparent}
.zvc .zvc-item-top{display:flex; gap:10px; justify-content:space-between; align-items:flex-start}
.zvc .zvc-item-title{font-weight:850; font-size:16px}
.zvc .zvc-item-meta{color:var(--zvc-muted); font-size:13px; margin-top:2px}
.zvc .zvc-item-desc{color:var(--zvc-muted); margin-top:8px}
.zvc .zvc-badges{display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end}
.zvc .zvc-badge{font-size:12px; border:1px solid var(--zvc-line); padding:5px 8px; border-radius:999px; background:rgba(148,163,184,.10)}
.zvc .zvc-ctas{display:flex; gap:10px; margin-top:10px; flex-wrap:wrap}
.zvc .zvc-cta{display:inline-flex; align-items:center; justify-content:center; padding:9px 12px; border-radius:12px; border:1px solid var(--zvc-line); text-decoration:none; color:var(--zvc-text)}
.zvc .zvc-cta:hover{box-shadow:var(--zvc-ring)}
.zvc .zvc-grid2{display:grid; grid-template-columns:1fr 1fr; gap:12px}
@media (max-width:640px){.zvc .zvc-grid2{grid-template-columns:1fr}}
.zvc .zvc-empty,.zvc .zvc-overige{border:1px dashed var(--zvc-line); border-radius:16px; padding:14px; margin:12px 0}