.dbp-heading { margin-bottom: 8px; }
.dbp-sub { color: #6b7280; margin-bottom: 28px; }
.dbp-section { margin: 28px 0 14px; padding-bottom: 8px; border-bottom: 1px solid #e5e7eb; }
.dbp-form .form-control { height: auto; padding: 11px 14px; }
.dbp-form textarea.form-control { min-height: 120px; }
.dbp-success { padding: 56px 24px; border: 1px solid #e5e7eb; border-radius: 12px; }
.dbp-success strong { font-size: 1.25em; }
.dbp-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.dbp-progress { height: 14px; background: #e5e7eb; border-radius: 7px; overflow: hidden; margin: 6px 0; }
.dbp-progress-bar { height: 100%; background: #15803d; border-radius: 7px; }
.dbp-stat { border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px 14px; }
.dbp-stat small { display: block; color: #6b7280; }
.dbp-w-0 { width: 0%; }
.dbp-w-5 { width: 5%; }
.dbp-w-10 { width: 10%; }
.dbp-w-15 { width: 15%; }
.dbp-w-20 { width: 20%; }
.dbp-w-25 { width: 25%; }
.dbp-w-30 { width: 30%; }
.dbp-w-35 { width: 35%; }
.dbp-w-40 { width: 40%; }
.dbp-w-45 { width: 45%; }
.dbp-w-50 { width: 50%; }
.dbp-w-55 { width: 55%; }
.dbp-w-60 { width: 60%; }
.dbp-w-65 { width: 65%; }
.dbp-w-70 { width: 70%; }
.dbp-w-75 { width: 75%; }
.dbp-w-80 { width: 80%; }
.dbp-w-85 { width: 85%; }
.dbp-w-90 { width: 90%; }
.dbp-w-95 { width: 95%; }
.dbp-w-100 { width: 100%; }
.dbp-msg { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px 14px; margin-bottom: 10px; max-width: 80%; background: #fff; }
.dbp-msg-me { margin-left: auto; background: #eef6ff; }