:root{--bdf-bg:#f7f8fc;--bdf-card:#fff;--bdf-text:#111827;--bdf-muted:#6b7280;--bdf-primary:#2563eb;--bdf-primary-soft:#dbeafe;--bdf-success:#10b981;--bdf-warning:#ef4444;--bdf-amber:#f59e0b;--bdf-border:#e5e7eb}
.bdfv3-wrap{max-width:1100px;margin:24px auto;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--bdf-text)}
.bdfv3-hero{background:linear-gradient(135deg,#fff, #eef4ff);border:1px solid var(--bdf-border);border-radius:24px;padding:24px;display:flex;justify-content:space-between;gap:16px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.bdfv3-hero.compact{margin-bottom:18px}.bdfv3-badge{display:inline-block;background:var(--bdf-primary-soft);color:var(--bdf-primary);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:12px}
.bdfv3-hero h2,.bdfv3-card h3,.bdfv3-card h4{margin:0 0 8px}.bdfv3-hero p,.bdfv3-note,p{color:var(--bdf-muted)}
.bdfv3-grid{display:grid;gap:16px;margin-top:18px}.bdfv3-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bdfv3-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bdfv3-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.bdfv3-card{background:var(--bdf-card);border:1px solid var(--bdf-border);border-radius:22px;padding:20px;box-shadow:0 10px 25px rgba(17,24,39,.04)}
.bdfv3-metric{font-size:30px;font-weight:800;letter-spacing:-.03em}.bdfv3-metric.warning{color:var(--bdf-warning)}.bdfv3-metric.amber{color:var(--bdf-amber)}.bdfv3-metric.success{color:var(--bdf-success)}
.bdfv3-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--bdf-primary);color:#fff;text-decoration:none;border:none;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer}.bdfv3-btn:hover{opacity:.95}.bdfv3-btn-secondary{background:#fff;color:var(--bdf-text);border:1px solid var(--bdf-border)}
.bdfv3-chip{display:inline-block;padding:10px 12px;border-radius:999px;background:#f3f4f6;text-decoration:none;color:var(--bdf-text);font-weight:600}.bdfv3-actions-stack{display:flex;flex-wrap:wrap;gap:10px}
.bdfv3-progress{width:100%;height:12px;border-radius:999px;background:#edf2f7;overflow:hidden;margin:12px 0}.bdfv3-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--bdf-primary),#7c3aed);border-radius:999px}
.bdfv3-checklist{padding-left:18px}.bdfv3-table{width:100%;border-collapse:collapse}.bdfv3-table th,.bdfv3-table td{border-bottom:1px solid var(--bdf-border);padding:12px;text-align:left;font-size:14px}.bdfv3-table-wrap{overflow:auto}
.bdfv3-form-shell{background:#fff;border:1px solid var(--bdf-border);border-radius:24px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.bdfv3-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:18px 0}.bdfv3-field{display:flex;flex-direction:column;gap:8px}.bdfv3-field label{font-weight:700;font-size:14px}.bdfv3-field input,.bdfv3-field select{border:1px solid var(--bdf-border);border-radius:14px;padding:12px 14px;min-width:0;background:#fff}
.bdfv3-toggle{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--bdf-border);background:#fafafa;font-weight:700}
.bdfv3-step{display:none}.bdfv3-step.active{display:block}.bdfv3-nav{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.bdfv3-step-indicator{font-size:14px;font-weight:700;color:var(--bdf-muted);margin-bottom:10px}
@media (max-width:900px){.bdfv3-grid-4,.bdfv3-grid-3,.bdfv3-grid-2{grid-template-columns:1fr 1fr}.bdfv3-hero{flex-direction:column;align-items:flex-start}}
@media (max-width:640px){.bdfv3-grid-4,.bdfv3-grid-3,.bdfv3-grid-2{grid-template-columns:1fr}.bdfv3-nav{flex-direction:column}.bdfv3-btn,.bdfv3-btn-secondary{width:100%}}