/* Dashboard preview shared styles */
.dp { font-family: 'DM Sans', sans-serif; background: #070a12; border-radius: 8px; overflow: hidden; }
.dp-nav { background: #0d1120; padding: 8px 14px; display: flex; gap: 6px; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.06); }
.dp-nav-tab { padding: 4px 10px; border-radius: 4px; font-size: 10px; color: #6b7a9a; font-family: 'DM Mono', monospace; }
.dp-nav-tab.active { background: rgba(34,211,238,0.12); color: #22d3ee; border: 1px solid rgba(34,211,238,0.25); }
.dp-stats { display: grid; gap: 1px; background: rgba(255,255,255,0.04); }
.dp-stat { background: #212a42; padding: 11px 14px; }
.dp-stat-num { font-family: 'Epilogue', sans-serif; font-size: 22px; font-weight: 800; color: #eaf2ff; line-height: 1; margin-bottom: 2px; }
.dp-stat-num.cyan { color: #22d3ee; }
.dp-stat-num.amber { color: #f59e0b; }
.dp-stat-num.purple { color: #a78bfa; }
.dp-stat-num.red { color: #ef4444; }
.dp-stat-label { font-family: 'DM Mono', monospace; font-size: 8px; color: #6b7a9a; text-transform: uppercase; letter-spacing: 0.07em; }
.dp-body { padding: 12px 14px; background: #070a12; }
.dp-section-title { font-size: 10px; color: #6b7a9a; font-family: 'DM Mono', monospace; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 9px; }
.dp-bar-row { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; }
.dp-bar-label { font-family: 'DM Mono', monospace; font-size: 9px; color: #8a9bc0; width: 62px; flex-shrink: 0; }
.dp-bar-track { flex: 1; height: 6px; background: rgba(255,255,255,0.06); border-radius: 3px; overflow: hidden; }
.dp-bar-fill { height: 100%; border-radius: 3px; }
.dp-bar-num { font-family: 'DM Mono', monospace; font-size: 9px; color: #6b7a9a; width: 24px; text-align: right; flex-shrink: 0; }
.dp-table-header { display: grid; padding: 6px 10px; border-bottom: 1px solid rgba(255,255,255,0.05); margin-bottom: 4px; }
.dp-table-th { font-family: 'DM Mono', monospace; font-size: 8px; color: #6b7a9a; text-transform: uppercase; letter-spacing: 0.06em; }
.dp-table-row { display: grid; padding: 5px 10px; gap: 8px; }
.dp-table-cell { font-size: 9px; color: #a8b8d8; }
.dp-table-cell.cyan { color: #22d3ee; font-family: 'DM Mono', monospace; }
.dp-stack-bar { display: flex; height: 9px; border-radius: 2px; overflow: hidden; margin-bottom: 5px; gap: 1px; }
.dp-inner-label { font-family: 'DM Mono', monospace; font-size: 8px; color: #6b7a9a; margin-bottom: 6px; }
.dp-top-border { height: 2px; }