.attr-filters-container[data-v-840f9515]{
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  padding:20px 24px;
}
.attr-filters-wrapper[data-v-840f9515]{
  align-items:flex-end;
  display:flex;
  flex-wrap:wrap;
  gap:20px;
}
.attr-filter-group[data-v-840f9515]{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.attr-filter-label[data-v-840f9515]{
  color:#374151;
  font-size:13px;
  font-weight:600;
}
.attr-date-inputs[data-v-840f9515]{
  align-items:center;
  display:flex;
  gap:8px;
}
.attr-date-input[data-v-840f9515]{
  background:#fff;
  border:1px solid #d1d5db;
  border-radius:8px;
  color:#111827;
  font-size:14px;
  min-width:140px;
  padding:10px 14px;
  transition:all .2s;
}
.attr-date-input[data-v-840f9515]:hover{
  border-color:#9ca3af;
}
.attr-date-input[data-v-840f9515]:focus{
  border-color:#3b82f6;
  box-shadow:0 0 0 3px rgba(59,130,246,.1);
  outline:none;
}
.attr-date-separator[data-v-840f9515]{
  color:#6b7280;
  font-size:13px;
  font-weight:500;
}
.attr-quick-select[data-v-840f9515]{
  display:flex;
  gap:8px;
}
.attr-quick-button[data-v-840f9515]{
  background:#fff;
  border:1px solid #d1d5db;
  border-radius:8px;
  color:#374151;
  cursor:pointer;
  font-size:13px;
  font-weight:500;
  padding:10px 16px;
  transition:all .2s;
}
.attr-quick-button[data-v-840f9515]:hover{
  background:#eff6ff;
  border-color:#3b82f6;
  color:#3b82f6;
}
.attr-quick-button.active[data-v-840f9515]{
  background:#3b82f6;
  border-color:#3b82f6;
  color:#fff;
}
.attr-select[data-v-840f9515]{
  background:#fff;
  border:1px solid #d1d5db;
  border-radius:8px;
  color:#111827;
  cursor:pointer;
  font-size:14px;
  min-width:160px;
  padding:10px 14px;
  transition:all .2s;
}
.attr-select[data-v-840f9515]:hover{
  border-color:#9ca3af;
}
.attr-select[data-v-840f9515]:focus{
  border-color:#3b82f6;
  box-shadow:0 0 0 3px rgba(59,130,246,.1);
  outline:none;
}
.attr-filter-actions[data-v-840f9515]{
  display:flex;
  gap:12px;
  margin-left:auto;
}
.attr-btn[data-v-840f9515]{
  border:none;
  border-radius:8px;
  cursor:pointer;
  font-size:14px;
  font-weight:600;
  padding:10px 24px;
  transition:all .2s;
}
.attr-btn-primary[data-v-840f9515]{
  background:#3b82f6;
  color:#fff;
}
.attr-btn-primary[data-v-840f9515]:hover{
  background:#2563eb;
  box-shadow:0 4px 12px rgba(59,130,246,.3);
  transform:translateY(-1px);
}
.attr-btn-secondary[data-v-840f9515]{
  background:#fff;
  border:1px solid #d1d5db;
  color:#374151;
}
.attr-btn-secondary[data-v-840f9515]:hover{
  background:#f9fafb;
  border-color:#9ca3af;
}

span[data-v-f9f414ab]{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}

.attr-metric-card[data-v-35a6c8f1]{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
  padding:28px;
  transition:all .3s ease;
}
.attr-metric-card[data-v-35a6c8f1]:hover{
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  transform:translateY(-2px);
}
.attr-animate-fadeInUp[data-v-35a6c8f1]{
  animation:fadeInUp-35a6c8f1 .5s ease-out;
}
@keyframes fadeInUp-35a6c8f1{
0%{
    opacity:0;
    transform:translateY(20px);
}
to{
    opacity:1;
    transform:translateY(0);
}
}
.attr-metric-icon-wrapper[data-v-35a6c8f1]{
  margin-bottom:20px;
}
.attr-metric-icon[data-v-35a6c8f1]{
  align-items:center;
  border-radius:14px;
  box-shadow:0 4px 12px rgba(99,102,241,.2);
  display:flex;
  height:56px;
  justify-content:center;
  width:56px;
}
.attr-metric-label[data-v-35a6c8f1]{
  color:#6b7280;
  font-size:14px;
  font-weight:600;
  letter-spacing:.5px;
  margin-bottom:12px;
  text-transform:uppercase;
}
.attr-metric-value[data-v-35a6c8f1]{
  color:#111827;
  font-size:40px;
  font-weight:700;
  line-height:1;
  margin-bottom:16px;
}
.attr-metric-badge-wrapper[data-v-35a6c8f1]{
  margin-top:4px;
}

.channel-icon[data-v-a5e87957]{
  align-items:center;
  border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
  display:inline-flex;
  justify-content:center;
  transition:all .3s ease;
}
.channel-icon[data-v-a5e87957]:hover{
  box-shadow:0 6px 16px rgba(0,0,0,.2);
  transform:scale(1.05);
}

.attr-winner-card[data-v-be2f4393]{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
  display:flex;
  flex-direction:column;
  min-height:320px;
  padding:28px;
  transition:all .3s ease;
}
.attr-winner-card[data-v-be2f4393]:hover{
  box-shadow:0 4px 12px rgba(0,0,0,.08);
  transform:translateY(-2px);
}
.attr-animate-fadeInUp[data-v-be2f4393]{
  animation:fadeInUp-be2f4393 .5s ease-out;
}
@keyframes fadeInUp-be2f4393{
0%{
    opacity:0;
    transform:translateY(20px);
}
to{
    opacity:1;
    transform:translateY(0);
}
}
.attr-category-badge[data-v-be2f4393]{
  align-items:center;
  align-self:flex-start;
  background:#eef2ff;
  border-radius:8px;
  color:#6366f1;
  display:inline-flex;
  font-size:11px;
  font-weight:700;
  gap:6px;
  letter-spacing:.5px;
  margin-bottom:24px;
  padding:6px 12px;
  text-transform:uppercase;
}
.attr-channel-info[data-v-be2f4393]{
  align-items:center;
  display:flex;
  gap:16px;
  margin-bottom:28px;
}
.attr-channel-details[data-v-be2f4393]{
  flex:1;
}
.attr-channel-name[data-v-be2f4393]{
  color:#111827;
  font-size:20px;
  font-weight:700;
  margin-bottom:4px;
}
.attr-channel-description[data-v-be2f4393]{
  color:#6b7280;
  font-size:14px;
  line-height:1.4;
}
.attr-winner-metric[data-v-be2f4393]{
  margin-bottom:16px;
}
.attr-winner-value[data-v-be2f4393]{
  color:#111827;
  font-size:48px;
  font-weight:700;
  line-height:1;
  margin-bottom:8px;
}
.attr-winner-label[data-v-be2f4393]{
  color:#6b7280;
  font-size:14px;
  font-weight:600;
  text-transform:lowercase;
}
.attr-winner-context[data-v-be2f4393]{
  color:#6b7280;
  flex:1;
  font-size:13px;
  margin-bottom:16px;
}
.attr-winner-badge[data-v-be2f4393]{
  margin-top:auto;
}

.attr-loading-card[data-v-b03bb284]{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  box-shadow:0 1px 3px rgba(0,0,0,.05);
  padding:28px;
}
.attr-loading-winner[data-v-b03bb284]{
  min-height:320px;
}
.attr-skeleton[data-v-b03bb284]{
  animation:shimmer-b03bb284 1.5s infinite;
  background:linear-gradient(
    90deg,
    #f3f4f6,
    #e5e7eb 50%,
    #f3f4f6
  );
  background-size:200% 100%;
  border-radius:8px;
}
@keyframes shimmer-b03bb284{
0%{
    background-position:200% 0;
}
to{
    background-position:-200% 0;
}
}
.attr-skeleton-icon[data-v-b03bb284]{
  border-radius:14px;
  height:56px;
  margin-bottom:20px;
  width:56px;
}
.attr-skeleton-badge[data-v-b03bb284]{
  border-radius:8px;
  height:24px;
  margin-bottom:24px;
  width:120px;
}
.attr-winner-skeleton[data-v-b03bb284]{
  align-items:center;
  display:flex;
  gap:16px;
  margin-bottom:28px;
}
.attr-skeleton-avatar[data-v-b03bb284]{
  border-radius:12px;
  flex-shrink:0;
  height:48px;
  width:48px;
}
.attr-skeleton-text-group[data-v-b03bb284]{
  display:flex;
  flex:1;
  flex-direction:column;
  gap:8px;
}
.attr-skeleton-label[data-v-b03bb284]{
  height:16px;
  margin-bottom:12px;
  width:140px;
}
.attr-skeleton-value[data-v-b03bb284]{
  height:48px;
  margin-bottom:16px;
  width:180px;
}
.attr-skeleton-text[data-v-b03bb284]{
  height:20px;
}
.attr-skeleton-small-badge[data-v-b03bb284]{
  border-radius:6px;
  height:28px;
  width:100px;
}

.attr-empty-state[data-v-dabc98a1]{
  align-items:center;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:64px 32px;
  text-align:center;
}
.attr-empty-icon-wrapper[data-v-dabc98a1]{
  margin-bottom:24px;
}
.attr-empty-icon[data-v-dabc98a1]{
  color:#9ca3af;
  height:64px;
  width:64px;
}
.attr-empty-title[data-v-dabc98a1]{
  color:#111827;
  font-size:18px;
  font-weight:600;
  margin-bottom:8px;
}
.attr-empty-description[data-v-dabc98a1]{
  color:#6b7280;
  font-size:14px;
  line-height:1.6;
  margin-bottom:24px;
  max-width:400px;
}
.attr-empty-action[data-v-dabc98a1]{
  background:#3b82f6;
  border:none;
  border-radius:8px;
  color:#fff;
  cursor:pointer;
  font-size:14px;
  font-weight:600;
  padding:10px 20px;
  transition:all .2s;
}
.attr-empty-action[data-v-dabc98a1]:hover{
  background:#2563eb;
  transform:translateY(-1px);
}

.attr-comparison-table[data-v-8f8525d5]{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  overflow:hidden;
}
.attr-table-wrapper[data-v-8f8525d5]{
  overflow-x:auto;
}
table[data-v-8f8525d5]{
  border-collapse:collapse;
  width:100%;
}
thead[data-v-8f8525d5]{
  background:#f9fafb;
  border-bottom:2px solid #e5e7eb;
}
th[data-v-8f8525d5]{
  color:#6b7280;
  font-size:12px;
  font-weight:700;
  letter-spacing:.5px;
  padding:16px 24px;
  text-align:left;
  text-transform:uppercase;
}
th.sortable[data-v-8f8525d5]{
  cursor:pointer;
  transition:color .2s;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}
th.sortable[data-v-8f8525d5]:hover{
  color:#111827;
}
th.sorted[data-v-8f8525d5]{
  color:#3b82f6;
}
.attr-th-content[data-v-8f8525d5]{
  align-items:center;
  display:flex;
  gap:6px;
}
.attr-sort-icon[data-v-8f8525d5]{
  font-size:14px;
  line-height:1;
}
tbody tr[data-v-8f8525d5]{
  border-bottom:1px solid #f3f4f6;
  transition:background-color .2s;
}
tbody tr[data-v-8f8525d5]:hover{
  background:#f9fafb;
}
tbody tr[data-v-8f8525d5]:last-child{
  border-bottom:none;
}
td[data-v-8f8525d5]{
  color:#374151;
  font-size:14px;
  padding:20px 24px;
}
.attr-channel-cell-content[data-v-8f8525d5]{
  align-items:center;
  display:flex;
  gap:12px;
}
.attr-channel-name[data-v-8f8525d5]{
  color:#111827;
  font-weight:600;
}
.attr-metric-cell[data-v-8f8525d5]{
  font-weight:500;
}
.attr-roi-cell[data-v-8f8525d5]{
  align-items:center;
  display:flex;
  gap:12px;
}
.attr-roi-value[data-v-8f8525d5]{
  color:#111827;
  font-weight:700;
}

.attr-trends-chart[data-v-4e57904b]{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:28px;
}
.attr-chart-header[data-v-4e57904b]{
  align-items:flex-start;
  display:flex;
  gap:20px;
  justify-content:space-between;
  margin-bottom:24px;
}
.attr-chart-title[data-v-4e57904b]{
  color:#111827;
  font-size:20px;
  font-weight:700;
  margin-bottom:4px;
}
.attr-chart-subtitle[data-v-4e57904b]{
  color:#6b7280;
  font-size:14px;
}
.attr-metric-toggle[data-v-4e57904b]{
  background:#f9fafb;
  border-radius:8px;
  display:flex;
  gap:8px;
  padding:4px;
}
.attr-metric-button[data-v-4e57904b]{
  background:transparent;
  border:none;
  border-radius:6px;
  color:#6b7280;
  cursor:pointer;
  font-size:13px;
  font-weight:600;
  padding:8px 16px;
  transition:all .2s;
}
.attr-metric-button[data-v-4e57904b]:hover{
  color:#111827;
}
.attr-metric-button.active[data-v-4e57904b]{
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
  color:#3b82f6;
}
.attr-chart-container[data-v-4e57904b]{
  margin-bottom:20px;
}
.attr-chart-legend[data-v-4e57904b]{
  border-top:1px solid #f3f4f6;
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  padding-top:20px;
}
.attr-legend-item[data-v-4e57904b]{
  align-items:center;
  cursor:pointer;
  display:flex;
  gap:8px;
  transition:opacity .2s;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
}
.attr-legend-item.disabled[data-v-4e57904b]{
  opacity:.4;
}
.attr-legend-color[data-v-4e57904b]{
  border-radius:3px;
  height:12px;
  width:12px;
}
.attr-legend-label[data-v-4e57904b]{
  color:#374151;
  font-size:13px;
  font-weight:500;
}

.attr-channel-overview[data-v-bdbffeb4]{
  background:#f9fafb;
  min-height:100vh;
}
.attr-page-header[data-v-bdbffeb4]{
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  padding:24px;
}
.attr-header-content[data-v-bdbffeb4]{
  align-items:center;
  display:flex;
  gap:20px;
  justify-content:space-between;
}
.attr-header-left[data-v-bdbffeb4]{
  align-items:center;
  display:flex;
  gap:16px;
}
.attr-header-icon[data-v-bdbffeb4]{
  align-items:center;
  background:linear-gradient(135deg, #eff6ff, #dbeafe);
  border-radius:12px;
  display:flex;
  height:48px;
  justify-content:center;
  width:48px;
}
.attr-page-title[data-v-bdbffeb4]{
  color:#1f2937;
  font-size:24px;
  font-weight:700;
  margin-bottom:4px;
}
.attr-page-subtitle[data-v-bdbffeb4]{
  color:#6b7280;
  font-size:14px;
}
.attr-header-actions[data-v-bdbffeb4]{
  display:flex;
  gap:12px;
}
.attr-btn[data-v-bdbffeb4]{
  border:none;
  border-radius:8px;
  cursor:pointer;
  font-size:14px;
  font-weight:600;
  padding:10px 20px;
  transition:all .2s;
}
.attr-btn-primary[data-v-bdbffeb4]{
  background:#3b82f6;
  color:#fff;
}
.attr-btn-primary[data-v-bdbffeb4]:hover{
  background:#2563eb;
  box-shadow:0 4px 12px rgba(59,130,246,.3);
  transform:translateY(-1px);
}
.attr-btn-secondary[data-v-bdbffeb4]{
  background:#fff;
  border:1px solid #d1d5db;
  color:#374151;
}
.attr-btn-secondary[data-v-bdbffeb4]:hover:not(:disabled){
  background:#f9fafb;
  border-color:#9ca3af;
}
.attr-btn-secondary[data-v-bdbffeb4]:disabled{
  cursor:not-allowed;
  opacity:.5;
}
.attr-main-content[data-v-bdbffeb4]{
  margin:0 auto;
  max-width:1600px;
  padding:32px 24px;
}
.attr-error-banner[data-v-bdbffeb4]{
  align-items:flex-start;
  background:#fef2f2;
  border:1px solid #fecaca;
  border-radius:12px;
  display:flex;
  gap:12px;
  margin-bottom:32px;
  padding:16px;
}
.attr-error-icon[data-v-bdbffeb4]{
  color:#ef4444;
  flex-shrink:0;
  height:20px;
  width:20px;
}
.attr-error-title[data-v-bdbffeb4]{
  color:#991b1b;
  font-size:14px;
  font-weight:600;
  margin-bottom:4px;
}
.attr-error-message[data-v-bdbffeb4]{
  color:#b91c1c;
  font-size:13px;
}
.attr-section[data-v-bdbffeb4]{
  margin-bottom:40px;
}
.attr-section-header[data-v-bdbffeb4]{
  align-items:flex-start;
  display:flex;
  gap:12px;
  margin-bottom:24px;
}
.attr-section-icon[data-v-bdbffeb4]{
  align-items:center;
  background:linear-gradient(135deg, #fef3c7, #fde68a);
  border-radius:10px;
  display:flex;
  flex-shrink:0;
  height:40px;
  justify-content:center;
  width:40px;
}
.attr-section-title[data-v-bdbffeb4]{
  color:#1f2937;
  font-size:24px;
  font-weight:700;
  margin-bottom:4px;
}
.attr-section-subtitle[data-v-bdbffeb4]{
  color:#6b7280;
  font-size:14px;
  line-height:1.5;
}
.attr-metrics-grid[data-v-bdbffeb4]{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
}
.attr-winners-grid[data-v-bdbffeb4]{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
}
.attr-empty-col-span[data-v-bdbffeb4]{
  grid-column:1 /  -1;
}

.attr-distribution-chart[data-v-84bcaf62]{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:28px;
}
.attr-chart-header[data-v-84bcaf62]{
  margin-bottom:20px;
}
.attr-chart-title[data-v-84bcaf62]{
  color:#111827;
  font-size:20px;
  font-weight:700;
  margin-bottom:4px;
}
.attr-chart-subtitle[data-v-84bcaf62]{
  color:#6b7280;
  font-size:14px;
}
.attr-chart-container[data-v-84bcaf62]{
  min-height:300px;
}

.attr-channel-page[data-v-d2a5bed5]{ background:#f9fafb; min-height:100vh;
}
.attr-page-header[data-v-d2a5bed5]{ background:#fff; border-bottom:1px solid #e5e7eb; padding:20px 24px;
}
.attr-header-content[data-v-d2a5bed5]{ align-items:center; display:flex; gap:20px; justify-content:space-between; margin:0 auto; max-width:1440px;
}
.attr-header-left[data-v-d2a5bed5]{ align-items:center; display:flex; gap:16px;
}
.attr-back-button[data-v-d2a5bed5]{ align-items:center; background:#fff; border:1px solid #e5e7eb; border-radius:8px; color:#6b7280; cursor:pointer; display:flex; height:40px; justify-content:center; transition:all .2s; width:40px;
}
.attr-back-button[data-v-d2a5bed5]:hover{ background:#f9fafb; border-color:#3b82f6; color:#3b82f6;
}
.attr-header-icon[data-v-d2a5bed5]{ align-items:center; background:linear-gradient(135deg, #d1fae5, #a7f3d0); border-radius:12px; display:flex; height:48px; justify-content:center; width:48px;
}
.attr-page-title[data-v-d2a5bed5]{ color:#1f2937; font-size:24px; font-weight:700; margin-bottom:4px;
}
.attr-page-subtitle[data-v-d2a5bed5]{ color:#6b7280; font-size:14px;
}
.attr-header-actions[data-v-d2a5bed5]{ display:flex; gap:12px;
}
.attr-btn[data-v-d2a5bed5]{ border:none; border-radius:8px; cursor:pointer; font-size:14px; font-weight:600; padding:10px 20px; transition:all .2s;
}
.attr-btn-primary[data-v-d2a5bed5]{ background:#3b82f6; color:#fff;
}
.attr-btn-primary[data-v-d2a5bed5]:hover{ background:#2563eb; box-shadow:0 4px 12px rgba(59,130,246,.3); transform:translateY(-1px);
}
.attr-btn-secondary[data-v-d2a5bed5]{ background:#fff; border:1px solid #d1d5db; color:#374151;
}
.attr-btn-secondary[data-v-d2a5bed5]:hover{ background:#f9fafb; border-color:#9ca3af;
}
.attr-btn-secondary[data-v-d2a5bed5]:disabled{ cursor:not-allowed; opacity:.5;
}
.attr-main-content[data-v-d2a5bed5]{ margin:0 auto; max-width:1440px; padding:32px 24px;
}
.attr-section[data-v-d2a5bed5]{ margin-bottom:32px;
}
.attr-metrics-grid[data-v-d2a5bed5]{ display:grid; gap:24px; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
}
.attr-section-header[data-v-d2a5bed5]{ align-items:flex-start; display:flex; gap:12px; margin-bottom:24px;
}
.attr-section-icon[data-v-d2a5bed5]{ align-items:center; background:linear-gradient(135deg, #d1fae5, #a7f3d0); border-radius:10px; display:flex; height:40px; justify-content:center; width:40px;
}
.attr-section-title[data-v-d2a5bed5]{ color:#111827; font-size:20px; font-weight:700; margin-bottom:4px;
}
.attr-section-subtitle[data-v-d2a5bed5]{ color:#6b7280; font-size:14px;
}
.attr-charts-grid[data-v-d2a5bed5]{ display:grid; gap:24px; grid-template-columns:repeat(auto-fit, minmax(500px, 1fr));
}

.attr-channel-page[data-v-3b4cc0f4]{
  background:#f9fafb;
  min-height:100vh;
}
.attr-page-header[data-v-3b4cc0f4]{
  background:#fff;
  border-bottom:1px solid #e5e7eb;
  padding:20px 24px;
}
.attr-header-content[data-v-3b4cc0f4]{
  align-items:center;
  display:flex;
  gap:20px;
  justify-content:space-between;
  margin:0 auto;
  max-width:1440px;
}
.attr-header-left[data-v-3b4cc0f4]{
  align-items:center;
  display:flex;
  gap:16px;
}
.attr-back-button[data-v-3b4cc0f4]{
  align-items:center;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:8px;
  color:#6b7280;
  cursor:pointer;
  display:flex;
  height:40px;
  justify-content:center;
  transition:all .2s;
  width:40px;
}
.attr-back-button[data-v-3b4cc0f4]:hover{
  background:#f9fafb;
  border-color:#3b82f6;
  color:#3b82f6;
}
.attr-header-icon[data-v-3b4cc0f4]{
  align-items:center;
  background:linear-gradient(135deg, #eff6ff, #dbeafe);
  border-radius:12px;
  display:flex;
  height:48px;
  justify-content:center;
  width:48px;
}
.attr-page-title[data-v-3b4cc0f4]{
  color:#1f2937;
  font-size:24px;
  font-weight:700;
  margin-bottom:4px;
}
.attr-page-subtitle[data-v-3b4cc0f4]{
  color:#6b7280;
  font-size:14px;
}
.attr-header-actions[data-v-3b4cc0f4]{
  display:flex;
  gap:12px;
}
.attr-btn[data-v-3b4cc0f4]{
  border:none;
  border-radius:8px;
  cursor:pointer;
  font-size:14px;
  font-weight:600;
  padding:10px 20px;
  transition:all .2s;
}
.attr-btn-primary[data-v-3b4cc0f4]{
  background:#3b82f6;
  color:#fff;
}
.attr-btn-primary[data-v-3b4cc0f4]:hover{
  background:#2563eb;
  box-shadow:0 4px 12px rgba(59,130,246,.3);
  transform:translateY(-1px);
}
.attr-btn-secondary[data-v-3b4cc0f4]{
  background:#fff;
  border:1px solid #d1d5db;
  color:#374151;
}
.attr-btn-secondary[data-v-3b4cc0f4]:hover{
  background:#f9fafb;
  border-color:#9ca3af;
}
.attr-btn-secondary[data-v-3b4cc0f4]:disabled{
  cursor:not-allowed;
  opacity:.5;
}
.attr-main-content[data-v-3b4cc0f4]{
  margin:0 auto;
  max-width:1440px;
  padding:32px 24px;
}
.attr-section[data-v-3b4cc0f4]{
  margin-bottom:32px;
}
.attr-metrics-grid[data-v-3b4cc0f4]{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
}
.attr-section-header[data-v-3b4cc0f4]{
  align-items:flex-start;
  display:flex;
  gap:12px;
  margin-bottom:24px;
}
.attr-section-icon[data-v-3b4cc0f4]{
  align-items:center;
  background:linear-gradient(135deg, #eff6ff, #dbeafe);
  border-radius:10px;
  display:flex;
  height:40px;
  justify-content:center;
  width:40px;
}
.attr-section-title[data-v-3b4cc0f4]{
  color:#111827;
  font-size:20px;
  font-weight:700;
  margin-bottom:4px;
}
.attr-section-subtitle[data-v-3b4cc0f4]{
  color:#6b7280;
  font-size:14px;
}
.attr-charts-grid[data-v-3b4cc0f4]{
  display:grid;
  gap:24px;
  grid-template-columns:repeat(auto-fit, minmax(500px, 1fr));
}

.attr-channel-page[data-v-20ec9b97]{ background:#f9fafb; min-height:100vh;
}
.attr-page-header[data-v-20ec9b97]{ background:#fff; border-bottom:1px solid #e5e7eb; padding:20px 24px;
}
.attr-header-content[data-v-20ec9b97]{ align-items:center; display:flex; gap:20px; justify-content:space-between; margin:0 auto; max-width:1440px;
}
.attr-header-left[data-v-20ec9b97]{ align-items:center; display:flex; gap:16px;
}
.attr-back-button[data-v-20ec9b97]{ align-items:center; background:#fff; border:1px solid #e5e7eb; border-radius:8px; color:#6b7280; cursor:pointer; display:flex; height:40px; justify-content:center; transition:all .2s; width:40px;
}
.attr-back-button[data-v-20ec9b97]:hover{ background:#f9fafb; border-color:#3b82f6; color:#3b82f6;
}
.attr-header-icon[data-v-20ec9b97]{ align-items:center; background:linear-gradient(135deg, #fef3c7, #fde68a); border-radius:12px; display:flex; height:48px; justify-content:center; width:48px;
}
.attr-page-title[data-v-20ec9b97]{ color:#1f2937; font-size:24px; font-weight:700; margin-bottom:4px;
}
.attr-page-subtitle[data-v-20ec9b97]{ color:#6b7280; font-size:14px;
}
.attr-header-actions[data-v-20ec9b97]{ display:flex; gap:12px;
}
.attr-btn[data-v-20ec9b97]{ border:none; border-radius:8px; cursor:pointer; font-size:14px; font-weight:600; padding:10px 20px; transition:all .2s;
}
.attr-btn-primary[data-v-20ec9b97]{ background:#3b82f6; color:#fff;
}
.attr-btn-primary[data-v-20ec9b97]:hover{ background:#2563eb; box-shadow:0 4px 12px rgba(59,130,246,.3); transform:translateY(-1px);
}
.attr-btn-secondary[data-v-20ec9b97]{ background:#fff; border:1px solid #d1d5db; color:#374151;
}
.attr-btn-secondary[data-v-20ec9b97]:hover{ background:#f9fafb; border-color:#9ca3af;
}
.attr-btn-secondary[data-v-20ec9b97]:disabled{ cursor:not-allowed; opacity:.5;
}
.attr-main-content[data-v-20ec9b97]{ margin:0 auto; max-width:1440px; padding:32px 24px;
}
.attr-section[data-v-20ec9b97]{ margin-bottom:32px;
}
.attr-metrics-grid[data-v-20ec9b97]{ display:grid; gap:24px; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
}
.attr-section-header[data-v-20ec9b97]{ align-items:flex-start; display:flex; gap:12px; margin-bottom:24px;
}
.attr-section-icon[data-v-20ec9b97]{ align-items:center; background:linear-gradient(135deg, #fef3c7, #fde68a); border-radius:10px; display:flex; height:40px; justify-content:center; width:40px;
}
.attr-section-title[data-v-20ec9b97]{ color:#111827; font-size:20px; font-weight:700; margin-bottom:4px;
}
.attr-section-subtitle[data-v-20ec9b97]{ color:#6b7280; font-size:14px;
}
.attr-charts-grid[data-v-20ec9b97]{ display:grid; gap:24px; grid-template-columns:repeat(auto-fit, minmax(500px, 1fr));
}

.attr-channel-page[data-v-ff30b2ac]{ background:#f9fafb; min-height:100vh;
}
.attr-page-header[data-v-ff30b2ac]{ background:#fff; border-bottom:1px solid #e5e7eb; padding:20px 24px;
}
.attr-header-content[data-v-ff30b2ac]{ align-items:center; display:flex; gap:20px; justify-content:space-between; margin:0 auto; max-width:1440px;
}
.attr-header-left[data-v-ff30b2ac]{ align-items:center; display:flex; gap:16px;
}
.attr-back-button[data-v-ff30b2ac]{ align-items:center; background:#fff; border:1px solid #e5e7eb; border-radius:8px; color:#6b7280; cursor:pointer; display:flex; height:40px; justify-content:center; transition:all .2s; width:40px;
}
.attr-back-button[data-v-ff30b2ac]:hover{ background:#f9fafb; border-color:#3b82f6; color:#3b82f6;
}
.attr-header-icon[data-v-ff30b2ac]{ align-items:center; background:linear-gradient(135deg, #f3e8ff, #e9d5ff); border-radius:12px; display:flex; height:48px; justify-content:center; width:48px;
}
.attr-page-title[data-v-ff30b2ac]{ color:#1f2937; font-size:24px; font-weight:700; margin-bottom:4px;
}
.attr-page-subtitle[data-v-ff30b2ac]{ color:#6b7280; font-size:14px;
}
.attr-header-actions[data-v-ff30b2ac]{ display:flex; gap:12px;
}
.attr-btn[data-v-ff30b2ac]{ border:none; border-radius:8px; cursor:pointer; font-size:14px; font-weight:600; padding:10px 20px; transition:all .2s;
}
.attr-btn-primary[data-v-ff30b2ac]{ background:#3b82f6; color:#fff;
}
.attr-btn-primary[data-v-ff30b2ac]:hover{ background:#2563eb; box-shadow:0 4px 12px rgba(59,130,246,.3); transform:translateY(-1px);
}
.attr-btn-secondary[data-v-ff30b2ac]{ background:#fff; border:1px solid #d1d5db; color:#374151;
}
.attr-btn-secondary[data-v-ff30b2ac]:hover{ background:#f9fafb; border-color:#9ca3af;
}
.attr-btn-secondary[data-v-ff30b2ac]:disabled{ cursor:not-allowed; opacity:.5;
}
.attr-main-content[data-v-ff30b2ac]{ margin:0 auto; max-width:1440px; padding:32px 24px;
}
.attr-section[data-v-ff30b2ac]{ margin-bottom:32px;
}
.attr-metrics-grid[data-v-ff30b2ac]{ display:grid; gap:24px; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
}
.attr-section-header[data-v-ff30b2ac]{ align-items:flex-start; display:flex; gap:12px; margin-bottom:24px;
}
.attr-section-icon[data-v-ff30b2ac]{ align-items:center; background:linear-gradient(135deg, #f3e8ff, #e9d5ff); border-radius:10px; display:flex; height:40px; justify-content:center; width:40px;
}
.attr-section-title[data-v-ff30b2ac]{ color:#111827; font-size:20px; font-weight:700; margin-bottom:4px;
}
.attr-section-subtitle[data-v-ff30b2ac]{ color:#6b7280; font-size:14px;
}
.attr-charts-grid[data-v-ff30b2ac]{ display:grid; gap:24px; grid-template-columns:repeat(auto-fit, minmax(500px, 1fr));
}

.attr-channel-page[data-v-14d0d531]{ background:#f9fafb; min-height:100vh;
}
.attr-page-header[data-v-14d0d531]{ background:#fff; border-bottom:1px solid #e5e7eb; padding:20px 24px;
}
.attr-header-content[data-v-14d0d531]{ align-items:center; display:flex; gap:20px; justify-content:space-between; margin:0 auto; max-width:1440px;
}
.attr-header-left[data-v-14d0d531]{ align-items:center; display:flex; gap:16px;
}
.attr-back-button[data-v-14d0d531]{ align-items:center; background:#fff; border:1px solid #e5e7eb; border-radius:8px; color:#6b7280; cursor:pointer; display:flex; height:40px; justify-content:center; transition:all .2s; width:40px;
}
.attr-back-button[data-v-14d0d531]:hover{ background:#f9fafb; border-color:#3b82f6; color:#3b82f6;
}
.attr-header-icon[data-v-14d0d531]{ align-items:center; background:linear-gradient(135deg, #e0e7ff, #c7d2fe); border-radius:12px; display:flex; height:48px; justify-content:center; width:48px;
}
.attr-page-title[data-v-14d0d531]{ color:#1f2937; font-size:24px; font-weight:700; margin-bottom:4px;
}
.attr-page-subtitle[data-v-14d0d531]{ color:#6b7280; font-size:14px;
}
.attr-header-actions[data-v-14d0d531]{ display:flex; gap:12px;
}
.attr-btn[data-v-14d0d531]{ border:none; border-radius:8px; cursor:pointer; font-size:14px; font-weight:600; padding:10px 20px; transition:all .2s;
}
.attr-btn-primary[data-v-14d0d531]{ background:#3b82f6; color:#fff;
}
.attr-btn-primary[data-v-14d0d531]:hover{ background:#2563eb; box-shadow:0 4px 12px rgba(59,130,246,.3); transform:translateY(-1px);
}
.attr-btn-secondary[data-v-14d0d531]{ background:#fff; border:1px solid #d1d5db; color:#374151;
}
.attr-btn-secondary[data-v-14d0d531]:hover{ background:#f9fafb; border-color:#9ca3af;
}
.attr-btn-secondary[data-v-14d0d531]:disabled{ cursor:not-allowed; opacity:.5;
}
.attr-main-content[data-v-14d0d531]{ margin:0 auto; max-width:1440px; padding:32px 24px;
}
.attr-section[data-v-14d0d531]{ margin-bottom:32px;
}
.attr-metrics-grid[data-v-14d0d531]{ display:grid; gap:24px; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
}
.attr-section-header[data-v-14d0d531]{ align-items:flex-start; display:flex; gap:12px; margin-bottom:24px;
}
.attr-section-icon[data-v-14d0d531]{ align-items:center; background:linear-gradient(135deg, #e0e7ff, #c7d2fe); border-radius:10px; display:flex; height:40px; justify-content:center; width:40px;
}
.attr-section-title[data-v-14d0d531]{ color:#111827; font-size:20px; font-weight:700; margin-bottom:4px;
}
.attr-section-subtitle[data-v-14d0d531]{ color:#6b7280; font-size:14px;
}
.attr-charts-grid[data-v-14d0d531]{ display:grid; gap:24px; grid-template-columns:repeat(auto-fit, minmax(500px, 1fr));
}