*{margin:0;padding:0;box-sizing:border-box}:root{--campaign-blue: #41b6e6;--campaign-blue-dark: #2a9fd8;--campaign-red: #cc0000;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--green-500: #10b981;--purple-500: #8b5cf6;--amber-500: #f59e0b;--pink-500: #ec4899}body{font-family:Inter,-apple-system,sans-serif;background:var(--gray-50);min-height:100vh;color:var(--gray-700)}.container{max-width:1400px;margin:0 auto;padding:100px 24px 40px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--gray-600);text-decoration:none;font-size:.9rem;font-weight:500;margin-bottom:20px;padding:8px 16px;border-radius:8px;transition:all .2s}.back-link:hover{color:var(--campaign-blue);background:var(--gray-100)}.page-header{background:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-700) 100%);border-radius:24px;padding:32px;margin-bottom:32px;color:#fff}.page-header h1{font-size:2rem;font-weight:800;margin-bottom:8px;display:flex;align-items:center;gap:12px}.page-header p{color:#ffffffb3}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:20px;text-align:center}.stat-card.highlight{background:linear-gradient(135deg,var(--campaign-blue),var(--campaign-blue-dark));color:#fff;border:none}.stat-value{font-size:2rem;font-weight:800}.stat-card.highlight .stat-value{color:#fff}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-top:4px}.filters-section{background:#fff;border:1px solid var(--gray-200);border-radius:16px;padding:20px;margin-bottom:24px}.filters-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-label{font-size:.7rem;text-transform:uppercase;color:var(--gray-500);font-weight:600}.filter-select,.filter-input{padding:10px 14px;border:1px solid var(--gray-200);border-radius:10px;font-size:.9rem;min-width:150px;background:#fff}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--campaign-blue)}.search-box{flex:1;min-width:200px;position:relative}.search-box input{width:100%;padding:10px 14px 10px 40px;border:1px solid var(--gray-200);border-radius:10px;font-size:.9rem}.search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray-400)}.btn-refresh{padding:10px 20px;background:var(--campaign-blue);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-refresh:hover{background:var(--campaign-blue-dark)}.activity-feed{background:#fff;border:1px solid var(--gray-200);border-radius:16px;overflow:hidden}.feed-header{padding:20px;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;align-items:center}.feed-header h2{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:10px}.live-indicator{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--green-500)}.live-dot{width:8px;height:8px;background:var(--green-500);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.activity-list{max-height:70vh;overflow-y:auto}.activity-item{display:flex;gap:16px;padding:16px 20px;border-bottom:1px solid var(--gray-100);transition:background .15s}.activity-item:hover{background:var(--gray-50)}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem}.activity-icon.auth{background:#10b9811a;color:var(--green-500)}.activity-icon.chat{background:#ec48991a;color:var(--pink-500)}.activity-icon.invite{background:#8b5cf61a;color:var(--purple-500)}.activity-icon.badge{background:#f59e0b1a;color:var(--amber-500)}.activity-icon.finance{background:#41b6e61a;color:var(--campaign-blue)}.activity-icon.donation{background:#10b9811a;color:var(--green-500)}.activity-icon.profile{background:#6b72801a;color:var(--gray-500)}.activity-icon.volunteer{background:#f59e0b1a;color:var(--amber-500)}.activity-icon.phonebank{background:#00a1de1a;color:#00a1de}.activity-icon.admin{background:#cc00001a;color:var(--campaign-red)}.activity-content{flex:1;min-width:0}.activity-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.activity-user{font-weight:600;color:var(--gray-800)}.activity-type-badge{font-size:.65rem;padding:2px 8px;border-radius:10px;font-weight:600;text-transform:uppercase}.activity-type-badge.auth{background:#10b9811a;color:var(--green-500)}.activity-type-badge.chat{background:#ec48991a;color:var(--pink-500)}.activity-type-badge.invite{background:#8b5cf61a;color:var(--purple-500)}.activity-type-badge.badge{background:#f59e0b1a;color:var(--amber-500)}.activity-type-badge.finance{background:#41b6e61a;color:var(--campaign-blue)}.activity-type-badge.donation{background:#10b9811a;color:var(--green-500)}.activity-type-badge.profile{background:#6b72801a;color:var(--gray-500)}.activity-type-badge.volunteer{background:#f59e0b1a;color:var(--amber-500)}.activity-type-badge.phonebank{background:#00a1de1a;color:#00a1de}.activity-type-badge.admin{background:#cc00001a;color:var(--campaign-red)}.activity-description{font-size:.9rem;color:var(--gray-600);line-height:1.4}.activity-meta{display:flex;gap:16px;margin-top:8px;font-size:.75rem;color:var(--gray-400)}.activity-meta span{display:flex;align-items:center;gap:4px}.activity-time{font-size:.8rem;color:var(--gray-400);white-space:nowrap;flex-shrink:0}.empty-state{text-align:center;padding:60px 20px;color:var(--gray-500)}.empty-state i{font-size:3rem;margin-bottom:16px;opacity:.5}.loading{text-align:center;padding:40px}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--campaign-blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid var(--gray-200)}.pagination-info{font-size:.85rem;color:var(--gray-500)}.pagination-btns{display:flex;gap:8px}.pagination-btn{padding:8px 16px;border:1px solid var(--gray-200);border-radius:8px;background:#fff;color:var(--gray-700);font-size:.85rem;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--gray-50);border-color:var(--campaign-blue)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.auth-overlay{position:fixed;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.auth-overlay.hidden{display:none}.access-denied{display:none;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:40px}.access-denied.visible{display:flex}.access-denied-icon{font-size:4rem;margin-bottom:20px}.access-denied h2{font-size:1.5rem;color:var(--gray-800);margin-bottom:12px}.access-denied p{color:var(--gray-500);margin-bottom:24px}.login-btn{padding:12px 32px;background:var(--campaign-blue);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.login-btn:hover{background:var(--campaign-blue-dark)}@media (max-width: 768px){.container{padding:80px 16px 24px}.filters-row{flex-direction:column;align-items:stretch}.filter-group,.filter-select,.filter-input{width:100%}}