.event-feed-sidebar[data-v-9e2b2afb]{background:var(--color-surface);border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);display:flex;flex-direction:column;height:calc(100vh - 4rem);position:fixed;right:0;top:4rem;transition:transform var(--transition-base);width:400px;z-index:1000}.event-feed-sidebar.compact[data-v-9e2b2afb]{width:350px}.sidebar-header[data-v-9e2b2afb]{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;padding:var(--space-4)}.header-content[data-v-9e2b2afb]{justify-content:space-between;margin-bottom:var(--space-3)}.header-content[data-v-9e2b2afb],.header-title[data-v-9e2b2afb]{align-items:center;display:flex}.header-title[data-v-9e2b2afb]{color:var(--color-text-primary);gap:var(--space-2)}.header-title h3[data-v-9e2b2afb]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.header-actions[data-v-9e2b2afb]{display:flex;gap:var(--space-2)}.close-button[data-v-9e2b2afb],.refresh-button[data-v-9e2b2afb]{align-items:center;background:var(--color-surface-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-base);width:32px}.close-button[data-v-9e2b2afb]:hover,.refresh-button[data-v-9e2b2afb]:hover{background:var(--color-surface-hover);border-color:var(--color-border-light);color:var(--color-text-primary)}.refresh-button[data-v-9e2b2afb]:disabled{cursor:not-allowed;opacity:.5}.header-stats[data-v-9e2b2afb]{gap:var(--space-4)}.header-stats[data-v-9e2b2afb],.stat-item[data-v-9e2b2afb]{align-items:center;display:flex}.stat-item[data-v-9e2b2afb]{flex-direction:column}.stat-value[data-v-9e2b2afb]{color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1}.stat-label[data-v-9e2b2afb]{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--space-1)}.live-indicator[data-v-9e2b2afb]{align-items:center;display:flex;gap:var(--space-1);margin-left:auto}.live-dot[data-v-9e2b2afb]{animation:pulse-9e2b2afb 2s infinite;background:#10b981;border-radius:var(--radius-full);height:6px;width:6px}.live-text[data-v-9e2b2afb]{color:#10b981;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}@keyframes pulse-9e2b2afb{0%,to{opacity:1}50%{opacity:.5}}.sidebar-content[data-v-9e2b2afb]{display:flex;flex:1;flex-direction:column;overflow:hidden}.error-state[data-v-9e2b2afb],.loading-state[data-v-9e2b2afb]{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.error-icon[data-v-9e2b2afb],.loading-spinner[data-v-9e2b2afb]{color:var(--color-accent);margin-bottom:var(--space-4)}.error-text[data-v-9e2b2afb],.loading-text[data-v-9e2b2afb]{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.retry-button[data-v-9e2b2afb]{align-items:center;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-base)}.retry-button[data-v-9e2b2afb]:hover{background:var(--color-surface-hover);border-color:var(--color-border-light)}.events-container[data-v-9e2b2afb]{flex:1;overflow:hidden}.events-list[data-v-9e2b2afb]{height:100%;overflow-y:auto;padding:var(--space-4);scroll-behavior:smooth}.event-item-wrapper[data-v-9e2b2afb]{margin-bottom:var(--space-3)}.end-of-feed-state[data-v-9e2b2afb],.loading-more-state[data-v-9e2b2afb]{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);justify-content:center;padding:var(--space-4);text-align:center}.end-of-feed-state[data-v-9e2b2afb]{color:var(--color-text-secondary)}.events-list[data-v-9e2b2afb]{scrollbar-width:none;-ms-overflow-style:none}.events-list[data-v-9e2b2afb]::-webkit-scrollbar{display:none}.floating-action[data-v-9e2b2afb]{bottom:var(--space-4);position:absolute;right:var(--space-4);z-index:10}.scroll-to-top-button[data-v-9e2b2afb]{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);color:var(--color-background);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-base);width:40px}.scroll-to-top-button[data-v-9e2b2afb]:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.mobile-sidebar-toggle[data-v-9e2b2afb]{align-items:center;background:var(--color-accent);border:none;border-radius:var(--radius-full);bottom:var(--space-4);box-shadow:var(--shadow-lg);color:var(--color-background);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);position:fixed;right:var(--space-4);transition:all var(--transition-base);z-index:999}.mobile-sidebar-toggle[data-v-9e2b2afb]:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.toggle-text[data-v-9e2b2afb]{white-space:nowrap}.notification-badge[data-v-9e2b2afb]{animation:pulse-9e2b2afb 2s infinite;background:#ef4444;border:2px solid var(--color-background);border-radius:var(--radius-full);height:12px;position:absolute;right:-4px;top:-4px;width:12px}@media (max-width:768px){.event-feed-sidebar[data-v-9e2b2afb]{transform:translate(100%);width:100vw}.event-feed-sidebar.compact[data-v-9e2b2afb]{width:100vw}.header-stats[data-v-9e2b2afb]{flex-wrap:wrap;gap:var(--space-2)}.stat-item[data-v-9e2b2afb]{flex:1;min-width:60px}}@media (max-width:480px){.events-list[data-v-9e2b2afb]{padding:var(--space-2)}.header-content[data-v-9e2b2afb]{align-items:stretch;flex-direction:column;gap:var(--space-3)}.header-actions[data-v-9e2b2afb]{justify-content:flex-end}.mobile-sidebar-toggle[data-v-9e2b2afb]{bottom:var(--space-3);padding:var(--space-2) var(--space-3);right:var(--space-3)}.toggle-text[data-v-9e2b2afb]{display:none}}.event-feed-sidebar[data-v-9e2b2afb] .event-feed-item{margin-bottom:var(--space-2)}.event-feed-sidebar.compact[data-v-9e2b2afb] .event-feed-item{padding:var(--space-2)}.event-feed-sidebar.compact[data-v-9e2b2afb] .event-icon{height:24px;width:24px}.event-feed-sidebar.compact[data-v-9e2b2afb] .event-type-name{font-size:var(--font-size-xs)}.event-feed-sidebar.compact[data-v-9e2b2afb] .participant-name{max-width:70px}
