.email-flow *{box-sizing:border-box;margin:0;padding:0}.email-flow{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;align-items:center;justify-content:center;gap:24px;padding:40px;background:linear-gradient(135deg,#f8f5ff,#fff);border-radius:20px;max-width:900px;margin:0 auto}.step-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e5e7eb;box-shadow:0 4px 16px #0000000f;text-align:center;width:160px;transition:all .3s ease}.step-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#8b5cf6}.step-card.active{border-color:#8b5cf6;box-shadow:0 8px 24px #6b4eff33}.step-icon{width:48px;height:48px;border-radius:14px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center}.step-icon svg{width:24px;height:24px}.step-icon.purple{background:linear-gradient(135deg,#6b4eff15,#6b4eff08)}.step-icon.purple svg{color:#6b4eff}.step-icon.emerald{background:#d1fae5}.step-icon.emerald svg{color:#059669}.step-icon.amber{background:#fef3c7}.step-icon.amber svg{color:#d97706}.step-number{font-size:10px;font-weight:600;color:#9ca3af;margin-bottom:4px}.step-title{font-size:13px;font-weight:600;color:#111827}.step-desc{font-size:11px;color:#6b7280;margin-top:4px}.arrow{display:flex;align-items:center}.arrow svg{width:32px;height:32px;color:#d1d5db}.arrow-pulse{animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:.5}50%{opacity:1;color:#8b5cf6}}.email-preview{background:#fff;border-radius:16px;padding:20px;border:1px solid #e5e7eb;box-shadow:0 8px 24px #00000014;width:280px}.email-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #f3f4f6;margin-bottom:12px}.email-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6b4eff,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff}.email-meta{flex:1}.email-to{font-size:12px;font-weight:600;color:#111827}.email-subject{font-size:11px;color:#6b7280}.email-status{padding:4px 8px;background:#d1fae5;color:#059669;font-size:10px;font-weight:600;border-radius:6px}.email-body{font-size:12px;color:#374151;line-height:1.6}.email-body strong{color:#6b4eff}.email-cta{margin-top:12px;padding:10px 16px;background:linear-gradient(135deg,#6b4eff,#8b5cf6);color:#fff;font-size:12px;font-weight:600;border-radius:8px;text-align:center}.stats-card *{box-sizing:border-box;margin:0;padding:0}.stats-card{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;border-radius:20px;border:1px solid #f3f4f6;box-shadow:0 8px 24px #0000000f;padding:28px;max-width:450px;margin:0 auto}.stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.stats-title{font-size:15px;font-weight:700;color:#111827}.stats-badge{padding:6px 12px;background:#ecfdf5;color:#059669;font-size:11px;font-weight:600;border-radius:12px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.metric-item{padding:16px;background:#f9fafb;border-radius:14px;text-align:center}.metric-value{font-size:28px;font-weight:800;color:#111827}.metric-value.purple{background:linear-gradient(135deg,#6b4eff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.metric-value.emerald{color:#059669}.metric-value.amber{color:#d97706}.metric-label{font-size:12px;color:#6b7280;margin-top:4px}.funnel{margin-bottom:24px}.funnel-title{font-size:12px;font-weight:600;color:#374151;margin-bottom:12px}.funnel-step{display:flex;align-items:center;gap:12px;margin-bottom:8px}.funnel-step:last-child{margin-bottom:0}.funnel-bar-wrap{flex:1}.funnel-bar{height:24px;border-radius:6px;display:flex;align-items:center;padding:0 12px;font-size:12px;font-weight:600;color:#fff;animation:fillFunnel 1s ease-out forwards}@keyframes fillFunnel{0%{width:0}}.funnel-label{font-size:11px;color:#6b7280;width:60px;text-align:right}.funnel-count{font-size:12px;font-weight:600;color:#374151;width:40px}.activity-section{padding-top:20px;border-top:1px solid #f3f4f6}.activity-title{font-size:12px;font-weight:600;color:#374151;margin-bottom:12px}.activity-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f9fafb;border-radius:10px;margin-bottom:8px}.activity-item:last-child{margin-bottom:0}.activity-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center}.activity-icon svg{width:14px;height:14px}.activity-icon.sent{background:#d1fae5}.activity-icon.sent svg{color:#059669}.activity-icon.opened{background:#dbeafe}.activity-icon.opened svg{color:#2563eb}.activity-icon.replied{background:#ede9fe}.activity-icon.replied svg{color:#6b4eff}.activity-info{flex:1}.activity-text{font-size:12px;color:#374151}.activity-text strong{color:#111827}.activity-time{font-size:10px;color:#9ca3af}