[data-billing-report-root="1"] { --billing-rule: color-mix(in srgb, var(--color-border) 82%, transparent); --billing-muted: var(--color-text-secondary); color: var(--color-text-primary); }
[data-billing-report-root="1"].billing-report-page { display:flex; flex-direction:column; gap:1.25rem; width:100%; max-width:110rem; margin-inline:auto; }
[data-billing-report-root="1"] .billing-section-header, [data-billing-report-root="1"] .billing-report-header-actions, [data-billing-report-root="1"] .billing-filter-status, [data-billing-report-root="1"] .billing-risk-copy { display:flex; align-items:center; }
[data-billing-report-root="1"] .billing-report-header-actions { flex:none; gap:.625rem; }
[data-billing-report-root="1"] .billing-forecast-toggle { display:inline-flex; gap:.125rem; padding:.125rem; border:1px solid var(--color-border); border-radius:.5rem; background:var(--color-small-element-surface); }
[data-billing-report-root="1"] .billing-forecast-toggle button, [data-billing-report-root="1"] .billing-structure-tabs button { border:0; background:transparent; color:var(--billing-muted); cursor:pointer; font-size:.75rem; font-weight:600; }
[data-billing-report-root="1"] .billing-forecast-toggle button { min-height:2rem; padding:.25rem .625rem; border-radius:.375rem; }
[data-billing-report-root="1"] .billing-forecast-toggle button:hover { background:var(--color-small-element-hover-surface); color:var(--color-text-primary); }
[data-billing-report-root="1"] .billing-forecast-toggle button[data-billing-forecast-active="1"] { background:var(--color-text-primary); color:var(--color-card-surface); }
[data-billing-report-root="1"] .billing-report-content { display:flex; flex-direction:column; gap:1.25rem; }
[data-billing-report-root="1"] .billing-risk-banner { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:3.25rem; }
[data-billing-report-root="1"] .billing-risk-banner.hidden { display:none; }
[data-billing-report-root="1"] .billing-risk-copy { flex-wrap:wrap; gap:.5rem .75rem; min-width:0; font-size:.8125rem; }
[data-billing-report-root="1"] .billing-risk-chip, [data-billing-report-root="1"] .billing-report-quality-chip { display:inline-flex; align-items:center; padding:.1875rem .5rem; border-radius:999px; font-size:.6875rem; font-weight:650; line-height:1rem; white-space:nowrap; }
[data-billing-report-root="1"] .billing-risk-chip[data-state="danger"] { background:color-mix(in srgb,var(--color-error) 16%,transparent); color:var(--color-error); }
[data-billing-report-root="1"] .billing-risk-chip[data-state="warning"] { background:color-mix(in srgb,var(--color-warning) 16%,transparent); color:var(--color-warning); }
[data-billing-report-root="1"] .billing-risk-banner a { flex:none; }
[data-billing-report-root="1"] .billing-overview-header { margin-bottom:1rem; }
[data-billing-report-root="1"] .billing-kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
[data-billing-report-root="1"] .billing-kpi-card { min-width:0; min-height:7.5rem; }
[data-billing-report-root="1"] .billing-kpi-label { color:var(--billing-muted); font-size:.75rem; line-height:1rem; }
[data-billing-report-root="1"] .billing-kpi-value, [data-billing-report-root="1"] .billing-kpi-node { margin-top:.625rem; overflow:hidden; color:var(--color-text-primary); font-weight:700; letter-spacing:-.03em; line-height:1.1; text-overflow:ellipsis; white-space:nowrap; }
[data-billing-report-root="1"] .billing-kpi-value { font-size:clamp(1.45rem,2.4vw,2rem); }
[data-billing-report-root="1"] .billing-kpi-node { font-size:1.125rem; }
[data-billing-report-root="1"] .billing-kpi-sub { margin-top:.625rem; color:var(--billing-muted); font-size:.6875rem; line-height:1rem; }
[data-billing-report-root="1"] .billing-report-skeleton { display:inline-block; width:7rem; height:1.35rem; border-radius:.25rem; background:var(--color-border); }
[data-billing-report-root="1"] .billing-section-header { justify-content:space-between; gap:1rem; }
[data-billing-report-root="1"] .billing-section-header h2 { margin:0; color:var(--color-text-primary); font-size:.9375rem; font-weight:700; line-height:1.25rem; }
[data-billing-report-root="1"] .billing-section-header > span, [data-billing-report-root="1"] .billing-section-header > strong { color:var(--billing-muted); font-size:.6875rem; font-weight:500; }
[data-billing-report-root="1"] .billing-report-quality-chip { border:1px solid var(--color-border); background:var(--color-small-element-surface); color:var(--billing-muted); }
[data-billing-report-root="1"] .billing-quality-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; margin-top:1.25rem; }
[data-billing-report-root="1"] .billing-quality-grid > div { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:.25rem .5rem; min-width:0; }
[data-billing-report-root="1"] .billing-quality-dot { width:.5rem; height:.5rem; border-radius:999px; background:var(--billing-muted); }
[data-billing-report-root="1"] .billing-quality-dot[data-state="success"] { background:var(--color-success); }
[data-billing-report-root="1"] .billing-quality-dot[data-state="warning"] { background:var(--color-warning); }
[data-billing-report-root="1"] .billing-quality-grid strong { font-size:1.25rem; line-height:1.4rem; }
[data-billing-report-root="1"] .billing-quality-grid small { grid-column:2; color:var(--billing-muted); font-size:.6875rem; }
[data-billing-report-root="1"] .billing-analysis-layout { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(18rem,.75fr); align-items:stretch; gap:1rem; }
[data-billing-report-root="1"] .billing-history-range { display:inline-flex; align-items:center; gap:.5rem; color:var(--billing-muted); font-size:.6875rem; }
[data-billing-report-root="1"] .billing-history-controls { display:flex; align-items:center; gap:.75rem; flex:none; }
[data-billing-report-root="1"] .billing-history-controls strong { color:var(--color-text-primary); font-size:.875rem; font-weight:700; letter-spacing:-.02em; white-space:nowrap; }
[data-billing-report-root="1"] .billing-history-note { margin-top:.25rem; }
[data-billing-report-root="1"] .billing-history-chart { position:relative; width:100%; height:19rem; margin-top:.75rem; }
[data-billing-report-root="1"] .billing-history-skeleton, [data-billing-report-root="1"] .billing-history-overlay { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:.5rem; color:var(--billing-muted); font-size:.6875rem; }
[data-billing-report-root="1"] .billing-history-overlay.hidden { display:none; }
[data-billing-report-root="1"] #top5-list { margin-top:.75rem; }
[data-billing-report-root="1"] .billing-top5-item, [data-billing-report-root="1"] .billing-top5-placeholder { display:grid; grid-template-columns:1.5rem minmax(0,1fr) auto; align-items:center; gap:.625rem; min-height:3.35rem; padding:.625rem 0; border-bottom:1px solid var(--billing-rule); color:var(--color-text-primary); text-decoration:none; }
[data-billing-report-root="1"] .billing-top5-rank { color:var(--billing-muted); font-size:.75rem; text-align:center; }
[data-billing-report-root="1"] .billing-top5-name strong, [data-billing-report-root="1"] .billing-top5-cost strong { display:block; font-size:.75rem; font-weight:650; }
[data-billing-report-root="1"] .billing-top5-name span, [data-billing-report-root="1"] .billing-top5-cost span { display:block; margin-top:.125rem; color:var(--billing-muted); font-size:.6875rem; }
[data-billing-report-root="1"] .billing-top5-cost { text-align:right; }
[data-billing-report-root="1"] .billing-top5-placeholder span { height:.625rem; border-radius:.25rem; background:var(--color-border); }
[data-billing-report-root="1"] .billing-merchant-table-wrap, [data-billing-report-root="1"] .billing-detail-section, [data-billing-report-root="1"] .billing-deleted-section { overflow-x:auto; }
[data-billing-report-root="1"] .billing-merchant-table { width:100%; margin-top:.875rem; border-collapse:collapse; font-size:.75rem; }
[data-billing-report-root="1"] .billing-merchant-table th, [data-billing-report-root="1"] .billing-merchant-table td { padding:.75rem .875rem; border-bottom:1px solid var(--billing-rule); text-align:right; white-space:nowrap; }
[data-billing-report-root="1"] .billing-merchant-table th { color:var(--billing-muted); font-size:.6875rem; font-weight:600; }
[data-billing-report-root="1"] .billing-merchant-table th:first-child, [data-billing-report-root="1"] .billing-merchant-table td:first-child { text-align:left; }
[data-billing-report-root="1"] .billing-merchant-name { font-weight:650; }
[data-billing-report-root="1"] .billing-merchant-original { margin-top:.125rem; color:var(--billing-muted); font-size:.6875rem; }
[data-billing-report-root="1"] .billing-network-pill { display:inline-flex; align-items:center; padding:.2rem .5rem; border-radius:999px; background:var(--color-small-element-surface); color:var(--billing-muted); }
[data-billing-report-root="1"] .billing-structure-tabs { display:inline-flex; gap:1rem; border-bottom:1px solid var(--billing-rule); }
[data-billing-report-root="1"] .billing-structure-tabs button { position:relative; padding:.5rem .125rem; }
[data-billing-report-root="1"] .billing-structure-tabs button[aria-selected="true"] { color:var(--color-text-primary); }
[data-billing-report-root="1"] .billing-structure-tabs button[aria-selected="true"]::after { position:absolute; right:0; bottom:-1px; left:0; height:2px; background:var(--color-accent); content:""; }
[data-billing-report-root="1"] .billing-structure-grid { margin-top:1rem; }
[data-billing-report-root="1"] .billing-structure-dimension-title { display:none; }
[data-billing-report-root="1"] .billing-structure-items { display:grid; gap:.75rem; }
[data-billing-report-root="1"] .billing-structure-item { display:grid; grid-template-columns:minmax(9rem,.7fr) minmax(12rem,4fr) auto auto; align-items:center; gap:1rem; width:100%; padding:0; border:0; background:transparent; color:var(--color-text-primary); cursor:pointer; font-size:.75rem; text-align:left; }
[data-billing-report-root="1"] .billing-structure-item meter { grid-column:2; grid-row:1; width:100%; height:.7rem; accent-color:var(--color-accent); }
[data-billing-report-root="1"] .billing-structure-item meter::-webkit-meter-bar { border:0; border-radius:.2rem; background:var(--color-small-element-surface); }
[data-billing-report-root="1"] .billing-structure-item meter::-webkit-meter-optimum-value, [data-billing-report-root="1"] .billing-structure-item meter::-moz-meter-bar { background:var(--color-accent); }
[data-billing-report-root="1"] .billing-structure-item-value, [data-billing-report-root="1"] .billing-structure-item-percent { color:var(--billing-muted); white-space:nowrap; }
[data-billing-report-root="1"] .billing-filter-status { gap:.5rem; }
[data-billing-report-root="1"] .billing-node-filters { display:inline-flex; gap:.375rem; }
[data-billing-report-root="1"] .billing-node-filters button { padding:.3rem .625rem; border:1px solid var(--color-border); border-radius:999px; background:transparent; color:var(--billing-muted); cursor:pointer; font-size:.6875rem; }
[data-billing-report-root="1"] .billing-node-filters button[aria-pressed="true"] { border-color:var(--color-text-primary); background:var(--color-text-primary); color:var(--color-card-surface); }
[data-billing-report-root="1"] .billing-report-filter-pill { padding:.2rem .5rem; border:1px solid var(--color-border); border-radius:999px; color:var(--billing-muted); font-size:.6875rem; }
[data-billing-report-root="1"] .billing-report-clear-filter { border:0; background:transparent; color:var(--color-accent); cursor:pointer; font-size:.75rem; }
[data-billing-report-root="1"] .billing-detail-section table, [data-billing-report-root="1"] .billing-deleted-section table { width:100%; min-width:58rem; }
[data-billing-report-root="1"] .billing-detail-section col.billing-col-node { width:15%; }
[data-billing-report-root="1"] .billing-detail-section col.billing-col-group { width:9%; }
[data-billing-report-root="1"] .billing-detail-section col.billing-col-status { width:7%; }
[data-billing-report-root="1"] .billing-detail-section col.billing-col-fee { width:10%; }
[data-billing-report-root="1"] .billing-detail-section col.billing-col-monthly { width:9%; }
[data-billing-report-root="1"] .billing-detail-section col.billing-col-expire { width:12%; }
[data-billing-report-root="1"] .billing-detail-section col.billing-col-actions { width:10%; }
[data-billing-report-root="1"] .billing-deleted-section col.billing-col-del-node { width:28%; }
[data-billing-report-root="1"] .billing-deleted-section col.billing-col-del-records { width:12%; }
[data-billing-report-root="1"] .billing-deleted-section col.billing-col-del-period { width:26%; }
[data-billing-report-root="1"] .billing-deleted-section col.billing-col-del-total { width:16%; }
[data-billing-report-root="1"] .billing-deleted-section col.billing-col-del-actions { width:8%; }
[data-billing-report-root="1"] .billing-subsection-title-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
[data-billing-report-root="1"] .billing-subsection-title { margin:0; color:var(--color-text-primary); font-size:.9375rem; font-weight:700; line-height:1.25rem; }
[data-billing-report-root="1"] .billing-subsection-header > span { display:block; margin-top:.25rem; }
[data-billing-report-root="1"] .billing-detail-section tfoot td { padding:.875rem 1rem .25rem 0; border-top:1px solid var(--billing-rule); color:var(--color-text-primary); font-size:.75rem; font-weight:700; }
[data-billing-report-root="1"] .billing-expire-pill { display:inline-flex; white-space:nowrap; margin-top:.25rem; padding:.125rem .4rem; border-radius:999px; background:var(--color-small-element-surface); color:var(--billing-muted); font-size:.625rem; }
[data-billing-report-root="1"] .billing-expire-pill[data-state="success"] { background:color-mix(in srgb,var(--color-success) 16%,transparent); color:var(--color-success); }
[data-billing-report-root="1"] .billing-expire-pill[data-state="warning"] { background:color-mix(in srgb,var(--color-warning) 16%,transparent); color:var(--color-warning); }
[data-billing-report-root="1"] .billing-expire-pill[data-state="danger"] { background:color-mix(in srgb,var(--color-error) 16%,transparent); color:var(--color-error); }
[data-billing-report-root="1"] .billing-table-action { display:inline-block; margin-right:.75rem; color:var(--color-text-secondary); font-size:.6875rem; text-decoration:none; white-space:nowrap; }
[data-billing-report-root="1"] .billing-table-action:hover { color:var(--color-text-primary); }
[data-billing-report-root="1"] .billing-node-mobile-card, [data-billing-report-root="1"] #billing-mobile-cards > div { padding:.875rem; border:1px solid var(--billing-rule); border-radius:.625rem; background:var(--color-inner-surface); }
[data-billing-report-root="1"] .billing-node-mobile-cost { margin-block:.75rem; }
[data-billing-report-root="1"] .billing-node-mobile-meta { display:grid; gap:.5rem; font-size:.75rem; }
[data-billing-report-root="1"] .billing-node-mobile-actions { display:flex; gap:1rem; margin-top:.75rem; padding-top:.625rem; border-top:1px solid var(--billing-rule); font-size:.75rem; }
[data-billing-report-root="1"] .billing-node-mobile-actions a { color:var(--color-accent); }
[data-billing-report-root="1"] .billing-deleted-section { margin-top:1.25rem; padding-top:1rem; border-top:1px solid var(--billing-rule); }
[data-billing-report-root="1"] .billing-empty-state { padding:1.5rem; color:var(--billing-muted); font-size:.75rem; text-align:center; }
[data-billing-report-root="1"] .billing-empty-state--large { margin-top:1rem; border:1px dashed var(--color-border); border-radius:.625rem; }
[data-billing-report-root="1"] button:focus-visible, [data-billing-report-root="1"] a:focus-visible, [data-billing-report-root="1"] select:focus-visible { outline:2px solid var(--color-accent); outline-offset:2px; }
@media (max-width:1199px) { [data-billing-report-root="1"] .billing-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } [data-billing-report-root="1"] .billing-analysis-layout { grid-template-columns:1fr; } }
@media (max-width:767px) { [data-billing-report-root="1"].billing-report-page, [data-billing-report-root="1"] .billing-report-content { gap:1rem; } [data-billing-report-root="1"] .billing-section-header { align-items:flex-start; flex-direction:column; } [data-billing-report-root="1"] .billing-report-header-actions { align-items:stretch; flex-direction:column; width:100%; } [data-billing-report-root="1"] .billing-forecast-toggle { display:grid; grid-template-columns:repeat(2,1fr); } [data-billing-report-root="1"] .billing-risk-banner { align-items:flex-start; flex-direction:column; } [data-billing-report-root="1"] .billing-kpi-grid { grid-template-columns:1fr; gap:.625rem; } [data-billing-report-root="1"] .billing-kpi-card { min-height:0; padding:1rem; } [data-billing-report-root="1"] .billing-quality-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } [data-billing-report-root="1"] .billing-history-chart { height:15rem; } [data-billing-report-root="1"] .billing-structure-tabs { justify-content:space-between; gap:.5rem; width:100%; } [data-billing-report-root="1"] .billing-structure-item { grid-template-columns:minmax(0,1fr) auto auto; gap:.5rem; } [data-billing-report-root="1"] .billing-structure-item meter { grid-column:1 / -1; grid-row:2; } [data-billing-report-root="1"] .billing-filter-status { justify-content:space-between; width:100%; } }
@media (max-width:767px) {
  [data-billing-report-root="1"] #billing-history-section .billing-section-header { flex-direction:row; align-items:center; gap:.75rem; }
  [data-billing-report-root="1"] #billing-history-section .billing-history-note { display:none; }
  [data-billing-report-root="1"] #billing-history-section .billing-history-range > span { display:none; }
  [data-billing-report-root="1"] #billing-history-section .billing-history-range .admin-select { min-height:1.75rem; padding:.125rem .5rem; font-size:.75rem; }
  [data-billing-report-root="1"] .billing-history-chart { margin-top:.5rem; }
}
@media (max-width:767px) {
  [data-billing-report-root="1"] .billing-merchant-table thead { display:none; }
  [data-billing-report-root="1"] .billing-merchant-table,
  [data-billing-report-root="1"] .billing-merchant-table tbody { display:block; }
  [data-billing-report-root="1"] .billing-merchant-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:.75rem 0; border-bottom:1px solid var(--billing-rule); }
  [data-billing-report-root="1"] .billing-merchant-table td { padding:.375rem .5rem; border:0; text-align:left; white-space:normal; }
  [data-billing-report-root="1"] .billing-merchant-table td:first-child { grid-column:1 / -1; }
  [data-billing-report-root="1"] .billing-merchant-table td:nth-child(n+2)::before { display:block; margin-bottom:.125rem; color:var(--billing-muted); font-size:.625rem; }
  [data-billing-report-root="1"] .billing-merchant-table td:nth-child(2)::before { content:"节点数"; }
  [data-billing-report-root="1"] .billing-merchant-table td:nth-child(3)::before { content:"本期费用"; }
  [data-billing-report-root="1"] .billing-merchant-table td:nth-child(4)::before { content:"占比"; }
  [data-billing-report-root="1"] .billing-merchant-table td:nth-child(5)::before { content:"30 天续费"; }
  [data-billing-report-root="1"] .billing-merchant-table td:nth-child(6)::before { content:"网络质量"; }
}