.banner-content { text-align: center; padding: 20px; }
.search-box { margin-top: 20px; }
.cta-button { background-color: #e62117; color: #fff; border: none; padding: 10px 20px; cursor: pointer; }
.analytics-section { margin: 40px auto; max-width: 800px; }
.channel-header { display: flex; align-items: center; gap: 20px; }
.channel-avatar { width: 100px; height: 100px; border-radius: 50%; }
.channel-info { flex-grow: 1; }
.stat-pill { display: inline-block; margin-right: 10px; padding: 5px 10px; background: #eee; border-radius: 5px; }
.metric-card { border: 1px solid #ddd; padding: 10px; margin: 10px; border-radius: 5px; }
.highlight-card { background: #e6f7ff; border-left: 5px solid #1890ff; }
.metric-note { font-size: 12px; color: #777; }
.loading, .error { text-align: center; margin-top: 20px; }