.kpi-section-card .kpi-cards-grid{padding:24px}@media (width<=768px){.kpi-section-card .kpi-cards-grid{padding:16px}}.kpi-cards-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}@media (width<=1024px){.kpi-cards-grid{grid-template-columns:repeat(2,1fr)}.kpi-cards-grid .left-card{grid-column:span 2}}@media (width<=640px){.kpi-cards-grid{grid-template-columns:1fr}.kpi-cards-grid .left-card{grid-column:span 1}}.kpi-card{box-shadow:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:160px;padding:16px;transition:border-color .2s;display:flex}.kpi-card:hover{border-color:#cbd5e1}.kpi-card .card-header-mini{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin:-16px -16px 16px;padding:16px 20px;display:flex}.kpi-card .card-header-mini .header-left{align-items:center;gap:8px;display:flex}.kpi-card .card-header-mini .card-title-mini{color:#1e293b;margin:0;font-size:14px;font-weight:600}.kpi-card .card-header-mini .channel-icon-small{object-fit:contain;width:20px;height:20px}.kpi-card .card-header-mini .info-icon{color:#64748b;cursor:help;flex-shrink:0}.kpi-card .card-header-mini .info-icon:hover{color:#475569}.kpi-segment-tooltip{color:#1e293b!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:8px!important;max-width:220px!important;padding:10px 12px!important;font-size:12px!important;font-weight:500!important;line-height:1.4!important;box-shadow:0 4px 12px #00000014!important}.left-card .card-content-funnel{justify-content:space-between;align-items:center;height:100%;padding:0 12px;display:flex}.left-card .card-content-funnel .funnel-chart-container{flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.left-card .card-content-funnel .funnel-chart-svg{filter:drop-shadow(0 2px 4px #0000000f);width:100%;height:100%}.left-card .card-content-funnel .funnel-segment{cursor:pointer;stroke:#fff6;stroke-width:1px;transition:opacity .2s,filter .2s}.left-card .card-content-funnel .funnel-segment:hover{filter:brightness(1.06)}.left-card .card-content-funnel .funnel-segment.funnel-segment--dimmed{opacity:.4}.left-card .card-content-funnel .funnel-segment.funnel-segment--highlight{opacity:1;filter:brightness(1.08)}.left-card .card-content-funnel .legend-container{flex-direction:column;flex:1;gap:12px;margin-left:24px;display:flex}.left-card .card-content-funnel .legend-row-item{justify-content:space-between;align-items:center;width:100%;display:flex}.left-card .card-content-funnel .legend-row-item .label-group{align-items:center;gap:8px;display:flex}.left-card .card-content-funnel .legend-row-item .dot{border-radius:50%;width:8px;height:8px}.left-card .card-content-funnel .legend-row-item .label-text{color:#64748b;font-size:13px;font-weight:500}.left-card .card-content-funnel .legend-row-item .value-text{color:#0f172a;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.left-card .card-content-funnel .legend-row-item.legend-row-item--clickable{cursor:pointer;border-radius:6px;margin:0 -4px;padding:2px 4px;transition:opacity .2s,background-color .15s}.left-card .card-content-funnel .legend-row-item.legend-row-item--clickable:hover{background-color:#f1f5f9}.left-card .card-content-funnel .legend-row-item.legend-row-item--dimmed{opacity:.45}.left-card .card-content-funnel .legend-row-item.legend-row-item--highlight{opacity:1}.channel-card .channel-stats-compact{flex-direction:column;justify-content:flex-end;gap:8px;height:100%;display:flex}.channel-card .primary-stat-row{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:4px;display:flex}.channel-card .primary-stat-row .primary-stat-value{color:#0f172a;font-size:24px;font-weight:600;line-height:1}.channel-card .primary-stat-row .stat-label-inline{color:#64748b;font-size:12px;font-weight:500}.channel-card .funnel-visualization.compact{flex-direction:column;gap:12px;display:flex}.channel-card .attendance-style-bar{border-radius:5px;gap:3px;width:100%;height:10px;display:flex;overflow:hidden}.channel-card .attendance-style-bar .bar-segment{cursor:pointer;border-radius:4px;min-width:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1),opacity .2s}.channel-card .attendance-style-bar .bar-segment.yellow{background:#fcd34d}.channel-card .attendance-style-bar .bar-segment.blue{background:#60a5fa}.channel-card .attendance-style-bar .bar-segment.purple{background:#8b5cf6}.channel-card .attendance-style-bar .bar-segment.green{background:#10b981}.channel-card .attendance-style-bar .bar-segment.bar-segment--dimmed{opacity:.4}.channel-card .attendance-style-bar .bar-segment.bar-segment--highlight{opacity:1}.channel-card .progress-bar-container{background:0 0;border-radius:4px;height:8px;overflow:hidden}.channel-card .custom-progress-bar{border-radius:4px;width:100%;height:100%;display:flex;overflow:hidden}.channel-card .custom-progress-bar .progress-segment{height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.channel-card .custom-progress-bar .progress-segment.remaining{background:#e2e8f0}.channel-card .custom-progress-bar .progress-segment.email-color{background:#0ea5e9}.channel-card .legend-row.compact{justify-content:space-between;align-items:center;display:flex}.channel-card .legend-row.compact.three-col{justify-content:flex-start;gap:6px}.channel-card .legend-row.compact .legend-item{cursor:pointer;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:2px 4px;transition:opacity .2s,background-color .15s;display:flex}.channel-card .legend-row.compact .legend-item:hover{background-color:#f1f5f9}.channel-card .legend-row.compact .legend-item.legend-item--dimmed{opacity:.45}.channel-card .legend-row.compact .legend-item.legend-item--highlight{opacity:1}.channel-card .legend-row.compact .dot{border-radius:50%;width:8px;height:8px}.channel-card .legend-row.compact .dot.yellow{background:#fcd34d}.channel-card .legend-row.compact .dot.blue{background:#60a5fa}.channel-card .legend-row.compact .dot.purple{background:#8b5cf6}.channel-card .legend-row.compact .dot.green{background:#10b981}.channel-card .legend-row.compact .dot.email-color{background:#0ea5e9}.channel-card .legend-row.compact .dot.reachouts-dot{background:#e2e8f0}.channel-card .legend-row.compact .legend-label{color:#64748b;white-space:nowrap;font-size:12px;font-weight:500}.channel-card .legend-row.compact .legend-value{color:#374151;font-size:11px;font-weight:600}@keyframes kpi-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.kpi-card-skeleton{background:linear-gradient(90deg,#f1f5f9 8%,#e2e8f0 18%,#f1f5f9 33%) 0 0/800px 104px;border-radius:12px;min-height:160px;animation:1.5s linear infinite kpi-shimmer}