.pdv229-role-dashboard{margin:18px 0 22px;display:block}
.pdv229-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:#fff;border:1px solid #e6edf8;border-radius:22px;padding:20px 22px;box-shadow:0 10px 24px rgba(15,23,42,.04);margin-bottom:16px}
.pdv229-hero h2{margin:0 0 6px;font-size:22px;line-height:1.2;color:#1f315d}
.pdv229-hero p{margin:0;color:#667085;font-size:14px}
.pdv229-hero-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.pdv229-hero-badges span{background:#f5f8ff;border:1px solid #dce7ff;color:#28457f;border-radius:999px;padding:8px 12px;font-size:13px;white-space:nowrap}
.pdv229-grid{display:grid;gap:16px}
.pdv229-grid-2{grid-template-columns:1.2fr .8fr}
.pdv229-panel{background:#fff;border:1px solid #e6edf8;border-radius:22px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.04);min-height:160px}
.pdv229-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.pdv229-panel-head h3{margin:0;font-size:18px;color:#1f315d;line-height:1.2}
.pdv229-chart{display:flex;align-items:flex-end;gap:8px;height:210px;padding-top:10px}
.pdv229-bar-wrap{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:100%}
.pdv229-bar{width:100%;max-width:28px;border-radius:14px 14px 8px 8px;background:linear-gradient(180deg,#4f96ff,#1f6fff);min-height:12px;box-shadow:0 8px 16px rgba(31,111,255,.18)}
.pdv229-bar-label{font-size:11px;color:#7b8aad;white-space:nowrap}
.pdv229-list,.pdv229-chip-list{display:flex;flex-direction:column;gap:10px}
.pdv229-row,.pdv229-chip-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#f8fbff;border:1px solid #e7eef9}
.pdv229-row b,.pdv229-chip-row strong{display:block;color:#1f315d}
.pdv229-row small,.pdv229-chip-row span,.pdv229-right small{display:block;color:#74829f;font-size:12px;line-height:1.3}
.pdv229-right{text-align:right}
.pdv229-empty{display:flex;align-items:center;justify-content:center;text-align:center;min-height:110px;color:#7a869d;background:#f8fbff;border:1px dashed #d7e3f5;border-radius:18px;padding:12px}
@media (max-width: 1100px){.pdv229-grid-2{grid-template-columns:1fr}.pdv229-hero{flex-direction:column}.pdv229-hero-badges{justify-content:flex-start}}