.vof-wrap{max-width:900px;margin:1rem auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}
.vof-field{margin-bottom:12px}
.vof-field label{display:block;margin-bottom:6px;font-weight:600}
.vof-field input,.vof-field select{width:100%;padding:.5rem;border:1px solid #cbd5e1;border-radius:8px}
.vof-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.vof-msg{margin:.75rem 0;padding:.5rem .75rem;border-radius:8px}
.vof-ok{background:#ecfdf5;border:1px solid #10b98126}
.vof-err{background:#fef2f2;border:1px solid #ef444426}
.vof-table{width:100%;border-collapse:collapse}
.vof-table th,.vof-table td{padding:.5rem;border-bottom:1px solid #f1f5f9;text-align:left}
.vof-table th{border-bottom:1px solid #e2e8f0}
.vof-filter{margin:1rem 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;align-items:end}
.kpi{display:flex;gap:1rem;flex-wrap:wrap;margin:.5rem 0}.kpi .k{padding:.5rem .75rem;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;font-weight:600}