.data-panel.svelte-xr8dt4.svelte-xr8dt4{border-radius:var(--radius-lg);padding:24px;overflow:hidden}.dp-header.svelte-xr8dt4.svelte-xr8dt4{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.07)}.dp-dots.svelte-xr8dt4.svelte-xr8dt4{display:flex;gap:5px}.dp-dots.svelte-xr8dt4 span.svelte-xr8dt4{width:8px;height:8px;border-radius:50%}.dot-red.svelte-xr8dt4.svelte-xr8dt4{background:#ff4b64b3}.dot-amber.svelte-xr8dt4.svelte-xr8dt4{background:#ffb830b3}.dot-green.svelte-xr8dt4.svelte-xr8dt4{background:#00e5a0b3}.dp-title.svelte-xr8dt4.svelte-xr8dt4{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);flex:1}.dp-payslip.svelte-xr8dt4.svelte-xr8dt4{display:flex;flex-direction:column;gap:12px}.ps-row.svelte-xr8dt4.svelte-xr8dt4{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.ps-row.svelte-xr8dt4.svelte-xr8dt4:last-child{border-bottom:none}.ps-total.svelte-xr8dt4.svelte-xr8dt4{padding:12px 0;border-top:1px solid rgba(255,255,255,.12)!important;border-bottom:none!important;margin-top:8px}.ps-total.svelte-xr8dt4 .ps-label.svelte-xr8dt4{font-weight:700;color:var(--text-main)}.ps-label.svelte-xr8dt4.svelte-xr8dt4{flex:1;font-size:.875rem;color:var(--text-muted)}.ps-bar-wrap.svelte-xr8dt4.svelte-xr8dt4{flex:1}.ps-bar.svelte-xr8dt4.svelte-xr8dt4{height:4px;background:#ffffff12;border-radius:2px;overflow:hidden}.ps-bar-fill.svelte-xr8dt4.svelte-xr8dt4{height:100%;border-radius:2px;transition:width 1s ease}.ps-value.svelte-xr8dt4.svelte-xr8dt4{font-size:.9375rem;font-weight:600;min-width:80px;text-align:right;font-family:var(--font-display)}.ps-sub.svelte-xr8dt4.svelte-xr8dt4{display:block;font-size:.6875rem;color:var(--text-faint);font-weight:400}.dp-stats.svelte-xr8dt4.svelte-xr8dt4{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;text-align:center}.stat-block.svelte-xr8dt4.svelte-xr8dt4{display:flex;flex-direction:column;gap:4px}.stat-value.svelte-xr8dt4.svelte-xr8dt4{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1;font-family:var(--font-display)}.stat-label.svelte-xr8dt4.svelte-xr8dt4{font-size:.8rem;color:var(--text-muted);letter-spacing:.03em}.stat-sub.svelte-xr8dt4.svelte-xr8dt4{font-size:.6875rem;color:var(--text-faint)}.dp-breakdown.svelte-xr8dt4.svelte-xr8dt4{display:flex;flex-direction:column;gap:14px}.bd-row.svelte-xr8dt4.svelte-xr8dt4{display:flex;align-items:center;justify-content:space-between;gap:12px}.bd-left.svelte-xr8dt4.svelte-xr8dt4{display:flex;align-items:center;gap:10px;flex:1}.bd-dot.svelte-xr8dt4.svelte-xr8dt4{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 6px currentColor}.bd-label.svelte-xr8dt4.svelte-xr8dt4{font-size:.875rem;color:var(--text-secondary);font-weight:500}.bd-sub.svelte-xr8dt4.svelte-xr8dt4{display:block;font-size:.6875rem;color:var(--text-faint)}.bd-right.svelte-xr8dt4.svelte-xr8dt4{display:flex;align-items:center;gap:12px}.bd-bar.svelte-xr8dt4.svelte-xr8dt4{width:100px;height:4px;background:#ffffff12;border-radius:2px;overflow:hidden}.bd-bar-fill.svelte-xr8dt4.svelte-xr8dt4{height:100%;border-radius:2px}.bd-value.svelte-xr8dt4.svelte-xr8dt4{font-size:.875rem;font-weight:600;color:var(--text-main);min-width:60px;text-align:right;font-family:var(--font-display)}