.dpp-wrap{max-width:1100px;margin:0 auto}
.dpp-header{display:flex;align-items:center;gap:12px;margin:12px 0}
.dpp-logo{height:36px}
.dpp-title{margin:0;font-size:20px}
.dpp-spacer{flex:1}
.dpp-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin:12px 0}
.dpp-hero{display:flex;gap:16px;align-items:center;margin-bottom:12px}
.dpp-photo{height:72px;width:72px;border-radius:8px;object-fit:cover;border:1px solid #ddd}
.dpp-name{font-size:18px;font-weight:600}
.dpp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.muted{color:#6b7280}
.dpp-tabs{margin-top:12px}
.dpp-tab-headers{display:flex;gap:12px;border-bottom:2px solid #e5e7eb}
.dpp-tab{background:transparent;border:none;padding:8px 10px;cursor:pointer;position:relative;font-weight:600;color:#374151}
.dpp-tab.active{color:#1d4ed8}
.dpp-tab.active::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#1d4ed8;border-radius:2px}
.dpp-filter{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin:10px 0}
.dpp-table{width:100%;border-collapse:collapse}
.dpp-table th,.dpp-table td{border:1px solid #e5e7eb;padding:8px;text-align:left}
.dpp-table tbody tr:nth-child(odd){background:#fafafa}
.dpp-tab-content{display:none;animation:fade .2s ease}
.dpp-tab-content.active{display:block}
@keyframes fade{from{opacity:0}to{opacity:1}}