.activity-feed-page[data-v-0513b352]{padding:0;max-width:100%}.page-header[data-v-0513b352]{background:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.header-content[data-v-0513b352]{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px}.header-text h1[data-v-0513b352]{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 4px}.header-text p[data-v-0513b352]{font-size:16px;color:#6b7280;margin:0}.header-actions[data-v-0513b352]{display:flex;gap:12px}.filter-btn[data-v-0513b352],.refresh-btn[data-v-0513b352]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s ease}.filter-btn[data-v-0513b352]:hover,.refresh-btn[data-v-0513b352]:hover{background:var(--virgin-red,#e31e23);border-color:var(--virgin-red,#e31e23);color:#fff}.filters-panel[data-v-0513b352]{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;overflow:hidden}.filters-content[data-v-0513b352]{padding:20px 24px;display:flex;gap:24px;align-items:end;flex-wrap:wrap}.filter-group[data-v-0513b352]{display:flex;flex-direction:column;gap:6px;min-width:150px}.filter-group label[data-v-0513b352]{font-size:14px;font-weight:500;color:#374151}.filter-group select[data-v-0513b352]{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px}.filter-actions[data-v-0513b352]{margin-left:auto}.clear-filters-btn[data-v-0513b352]{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.clear-filters-btn[data-v-0513b352]:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.activity-stats[data-v-0513b352]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card[data-v-0513b352]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;align-items:center;gap:16px}.stat-icon[data-v-0513b352]{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.stat-icon.customer[data-v-0513b352]{background:#667eea}.stat-icon.orders[data-v-0513b352]{background:#4facfe}.stat-icon.billing[data-v-0513b352]{background:#f093fb}.stat-icon.system[data-v-0513b352]{background:#6b7280}.stat-content h3[data-v-0513b352]{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px}.stat-content p[data-v-0513b352]{font-size:14px;color:#6b7280;margin:0}.activity-feed-container[data-v-0513b352]{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);overflow:hidden}.feed-header[data-v-0513b352]{padding:20px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.feed-header h2[data-v-0513b352]{font-size:20px;font-weight:600;color:#1f2937;margin:0}.live-indicator[data-v-0513b352]{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.live-indicator.active[data-v-0513b352]{color:#10b981}.pulse[data-v-0513b352]{width:8px;height:8px;border-radius:50%;background:#6b7280}.live-indicator.active .pulse[data-v-0513b352]{background:#10b981;animation:pulse-0513b352 2s infinite}@keyframes pulse-0513b352{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.activity-timeline[data-v-0513b352]{padding:0 24px}.activity-item[data-v-0513b352]{display:grid;grid-template-columns:80px 24px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #f3f4f6;position:relative}.activity-item[data-v-0513b352]:last-child{border-bottom:none}.activity-time[data-v-0513b352]{font-size:12px;color:#9ca3af;font-weight:500;text-align:right;padding-top:4px}.activity-indicator[data-v-0513b352]{display:flex;flex-direction:column;align-items:center;position:relative}.activity-dot[data-v-0513b352]{width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #e5e7eb;z-index:2}.activity-dot.customer[data-v-0513b352]{background:#667eea}.activity-dot.order[data-v-0513b352]{background:#4facfe}.activity-dot.billing[data-v-0513b352]{background:#f093fb}.activity-dot.system[data-v-0513b352]{background:#6b7280}.activity-dot.user[data-v-0513b352]{background:#10b981}.activity-line[data-v-0513b352]{width:2px;background:#e5e7eb;flex:1;margin-top:8px}.activity-item:last-child .activity-line[data-v-0513b352]{display:none}.activity-content[data-v-0513b352]{padding-bottom:4px}.activity-header[data-v-0513b352]{display:flex;gap:12px;margin-bottom:12px}.activity-icon[data-v-0513b352]{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;flex-shrink:0}.activity-icon.customer[data-v-0513b352]{background:#667eea}.activity-icon.order[data-v-0513b352]{background:#4facfe}.activity-icon.billing[data-v-0513b352]{background:#f093fb}.activity-icon.system[data-v-0513b352]{background:#6b7280}.activity-icon.user[data-v-0513b352]{background:#10b981}.activity-meta[data-v-0513b352]{flex:1}.activity-meta h4[data-v-0513b352]{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 4px}.activity-meta p[data-v-0513b352]{font-size:14px;color:#6b7280;margin:0}.activity-details[data-v-0513b352]{background:#f9fafb;border-radius:8px;padding:12px 16px;margin-bottom:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.detail-item[data-v-0513b352]{display:flex;justify-content:space-between;font-size:13px}.detail-label[data-v-0513b352]{color:#6b7280;font-weight:500}.detail-value[data-v-0513b352]{color:#1f2937;font-weight:600}.activity-footer[data-v-0513b352]{display:flex;gap:16px;font-size:12px;color:#9ca3af}.activity-source[data-v-0513b352],.activity-user[data-v-0513b352]{display:flex;align-items:center;gap:4px}.load-more-section[data-v-0513b352]{padding:24px;text-align:center;border-top:1px solid #e5e7eb}.load-more-btn[data-v-0513b352]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;transition:all .2s ease;margin:0 auto}.load-more-btn[data-v-0513b352]:hover:not(:disabled){background:var(--virgin-red,#e31e23);border-color:var(--virgin-red,#e31e23);color:#fff}.load-more-btn[data-v-0513b352]:disabled{opacity:.5;cursor:not-allowed}.empty-state[data-v-0513b352]{padding:60px 24px;text-align:center}.empty-icon[data-v-0513b352]{width:80px;height:80px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;color:#9ca3af}.empty-state h3[data-v-0513b352]{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.empty-state p[data-v-0513b352]{font-size:16px;color:#6b7280;margin:0}@media (max-width:768px){.header-content[data-v-0513b352]{flex-direction:column;align-items:stretch;gap:16px}.header-actions[data-v-0513b352]{justify-content:center}.filters-content[data-v-0513b352]{flex-direction:column;gap:16px}.filter-group[data-v-0513b352]{min-width:auto}.filter-actions[data-v-0513b352]{margin-left:0}.activity-stats[data-v-0513b352]{grid-template-columns:1fr}.activity-item[data-v-0513b352]{grid-template-columns:60px 20px 1fr;gap:12px}.activity-details[data-v-0513b352]{grid-template-columns:1fr}}@media (max-width:480px){.header-content[data-v-0513b352]{padding:20px 16px}.activity-timeline[data-v-0513b352]{padding:0 16px}.activity-item[data-v-0513b352]{grid-template-columns:50px 16px 1fr;gap:8px}.activity-time[data-v-0513b352]{font-size:11px}.activity-header[data-v-0513b352]{gap:8px}.activity-icon[data-v-0513b352]{width:32px;height:32px;font-size:12px}.activity-meta h4[data-v-0513b352]{font-size:14px}.activity-meta p[data-v-0513b352]{font-size:13px}}