/* Subscription revenue styles */
    .subscription-revenue-card {
      grid-column: 1 / -1;
    }
    .subscription-revenue-chart {
      display: grid;
      grid-template-columns: repeat(12, minmax(42px, 1fr));
      align-items: end;
      gap: 10px;
      min-height: 220px;
      margin-top: 16px;
      padding: 16px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: rgba(12, 15, 18, 0.28);
      overflow-x: auto;
    }
    .subscription-revenue-bar {
      min-width: 42px;
      display: grid;
      grid-template-rows: 24px 1fr 20px;
      gap: 8px;
      align-items: end;
      height: 188px;
    }
    .subscription-revenue-value {
      min-height: 18px;
      font-size: 11px;
      color: var(--muted);
      text-align: center;
      overflow-wrap: anywhere;
    }
    .subscription-revenue-track {
      position: relative;
      height: 124px;
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.06);
      overflow: hidden;
    }
    .subscription-revenue-fill {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      min-height: 4px;
      height: var(--bar-height, 0%);
      border-radius: 10px 10px 0 0;
      background: linear-gradient(180deg, #55d7c1, #2f80ed);
    }
    .subscription-revenue-label {
      font-size: 11px;
      color: var(--muted);
      text-align: center;
      white-space: nowrap;
    }
    .revenue-breakdown-grid {
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      margin-top: 16px;
    }