.ph-tabs { display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap; }
.ph-tab-btn { padding:10px 20px;border-radius:20px;border:1.5px solid var(--clr-border,#e2e8f0);background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;color:var(--clr-muted,#64748b); }
.ph-tab-btn.active { background:#f97316;border-color:#f97316;color:#fff;box-shadow:0 2px 8px rgba(249,115,22,.3); }

.ph-card { background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:hidden; }
.ph-table { width:100%;border-collapse:collapse;font-size:13px; }
.ph-table th { padding:14px 16px;text-align:left;font-weight:700;color:#475569;background:#f8fafc;border-bottom:2px solid #e2e8f0;white-space:nowrap; }
.ph-table td { padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155; }
.ph-table tr:last-child td { border-bottom:none; }
.ph-table tr:hover td { background:#fafafa; }
.ph-badge-paid { background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px; }
.ph-badge-pending { background:#fffbeb;color:#d97706;border:1px solid #fde68a;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700; }
.ph-badge-failed  { background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700; }
.ph-dl-btn { background:#fff;color:#f97316;border:1.5px solid #f97316;border-radius:8px;padding:5px 12px;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s; }
.ph-dl-btn:hover { background:#fff7ed; }

.ph-empty { text-align:center;padding:60px 20px; }
.ph-empty i { font-size:48px;color:#e2e8f0;display:block;margin-bottom:16px; }
.ph-empty h5 { font-size:18px;font-weight:700;color:var(--clr-dark,#1e293b);margin-bottom:8px; }
.ph-empty p { color:var(--clr-muted,#64748b); }

.ph-summary-bar { display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:24px; }
.ph-stat { background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 2px 10px rgba(0,0,0,.05);border-left:4px solid #f97316; }
.ph-stat-val { font-size:22px;font-weight:800;color:#f97316; }
.ph-stat-lbl { font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--clr-muted,#64748b);margin-top:2px; }

.ph-pagination { display:flex;align-items:center;gap:8px;justify-content:center;margin-top:20px; }
.ph-page-btn { width:36px;height:36px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;transition:all .2s; }
.ph-page-btn:hover,.ph-page-btn.active { background:#f97316;border-color:#f97316;color:#fff; }
.ph-page-btn:disabled { opacity:.5;cursor:not-allowed; }