.subscription-usage-card{background:var(--color-card);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.subscription-usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.subscription-usage-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary-dark)}.subscription-usage-label{font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--spacing-xs)}.subscription-progress-bar{width:100%;height:10px;background:var(--color-border);border-radius:999px;overflow:hidden;margin-top:var(--spacing-md)}.subscription-progress-fill{height:100%;border-radius:999px;transition:width var(--transition-base)}.subscription-progress-fill.progress-low{background:var(--color-success)}.subscription-progress-fill.progress-medium{background:#f59e0b}.subscription-progress-fill.progress-high{background:var(--color-error)}.subscription-usage-percent{font-size:var(--font-size-sm);color:var(--color-text-light);text-align:right;margin-top:var(--spacing-sm)}.tier-badge,.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:999px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tier-badge.tier-free{background:#6b728026;color:#6b7280}.tier-badge.tier-basic{background:#3b82f626;color:#3b82f6}.tier-badge.tier-pro{background:#8b5cf626;color:#8b5cf6}.tier-badge.tier-enterprise{background:#f59e0b26;color:#f59e0b}.status-badge.status-active{background:#22c55e26;color:#16a34a}.status-badge.status-trial{background:#3b82f626;color:#2563eb}.status-badge.status-cancelled{background:#f59e0b26;color:#d97706}.status-badge.status-expired{background:#ef444426;color:#ef4444}.subscription-alert{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.subscription-alert-warning{background:#f59e0b26;border-left:4px solid #d97706;color:#92400e}.subscription-alert-error{background:#ef444426;border-left:4px solid #ef4444;color:#991b1b}