.navbar{position:fixed;top:0;left:0;right:0;height:70px;background:#0a0a0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000}.navbar-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);height:100%;display:flex;align-items:center;justify-content:space-between}.navbar-logo a{display:flex;align-items:center}.logo-image{height:40px;width:auto}.navbar-links{display:flex;align-items:center;gap:var(--spacing-xs)}.navbar-links a{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar-links a:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.navbar-links a.active{color:#fff;background:#ffffff1a}.navbar-profile{position:relative}.profile-button{background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.profile-button:hover{background:#fff3;color:var(--color-text-primary)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:240px;padding:var(--spacing-lg);animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar-user-info{display:block}.profile-name{display:block;color:var(--color-text-primary);font-weight:600;font-size:.95rem}.profile-email{display:block;color:var(--color-text-muted);font-size:.85rem}.profile-dropdown hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-md) 0}.logout-button{width:100%;background:var(--color-error);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.logout-button:hover{opacity:.9;transform:translateY(-1px)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary);padding:var(--spacing-lg)}.login-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-header h1{font-size:2rem;font-weight:700;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.login-header p{color:var(--color-text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.form-group input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-text-primary);font-size:1rem;transition:all var(--transition-fast)}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8080801a}.error-message{background:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-error);font-size:.875rem;text-align:center}.login-button{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-accent-gradient);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-sm)}.login-button:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:480px){.login-card{padding:var(--spacing-xl)}.login-header h1{font-size:1.75rem}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-bg-hover) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite ease-in-out}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{margin-bottom:12px}.skeleton-value{margin-top:8px}.skeleton-loading .event-card{overflow:hidden}.skeleton-loading .event-content{display:flex;flex-direction:column;gap:8px}.user-requests-page{height:calc(100vh - 80px);display:flex;flex-direction:column}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.filter-btn{display:inline-flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.filter-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.filter-btn.active{background:var(--color-accent-gradient);color:#fff;border-color:transparent}.filter-btn .type-icon{font-size:.9rem}.filter-separator{width:1px;height:28px;background:var(--color-border-light);margin:0 var(--spacing-sm);align-self:center}.filter-btn.status-filter{border-style:dashed}.requests-layout{display:flex;gap:var(--spacing-lg);flex:1;min-height:0;overflow:hidden}.requests-list-panel{flex:2;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;display:flex;flex-direction:column}.requests-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.request-item{position:relative;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;overflow:hidden}.request-item:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.request-item.selected{background:#80808026;border-color:var(--color-accent-primary)}.request-item.unread{background:var(--color-bg-hover)}.unread-stripe{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-accent-primary);border-radius:4px 0 0 4px}.request-item-content{padding:14px 16px 14px 20px}.request-item.unread .request-item-content{padding-left:24px}.request-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.request-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:#000;opacity:.9}.request-status{font-size:1rem}.request-title{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.request-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted)}.request-meta .sender-name{font-weight:500}.request-detail-panel{flex:5;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.request-detail{padding:28px;height:100%;overflow-y:auto}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-lg)}.detail-type-badge{display:inline-flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:#000}.detail-status{display:inline-flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;background:var(--color-bg-tertiary);color:var(--color-text-primary)}.detail-status.status-sent{background:#60a5fa33;color:var(--color-info)}.detail-status.status-read{background:#fbbf2433;color:var(--color-warning)}.detail-status.status-resolved{background:#4ade8033;color:var(--color-success)}.detail-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-xl);line-height:1.3}.detail-sender{display:flex;align-items:center;gap:12px;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.sender-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-accent-gradient);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#fff}.sender-info{display:flex;flex-direction:column;gap:4px}.sender-info .sender-name{font-size:1rem;font-weight:600;color:var(--color-text-primary)}.sender-info .sender-email{font-size:.85rem;color:var(--color-info);text-decoration:none;transition:color var(--transition-fast)}.sender-info .sender-email:hover{color:var(--color-accent-secondary);text-decoration:underline}.detail-date{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.detail-description,.detail-target,.detail-file{margin-bottom:var(--spacing-xl)}.detail-description h4,.detail-target h4,.detail-file h4{font-size:.9rem;font-weight:600;color:var(--color-accent-secondary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px}.detail-description p{font-size:1rem;color:var(--color-text-primary);line-height:1.7;white-space:pre-wrap}.detail-target p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.detail-target p strong{color:var(--color-text-primary)}.file-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-hover);color:var(--color-text-secondary);border-radius:var(--radius-md);font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.file-link:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);transform:translateY(-2px)}.detail-actions{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.btn-resolve{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;background:var(--color-success);color:#fff;box-shadow:var(--shadow-md)}.btn-resolve:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.btn-resolve:disabled{opacity:.6;cursor:not-allowed}.empty-state,.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted)}.empty-icon,.no-selection-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state p,.no-selection p{font-size:1rem;max-width:250px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;color:var(--color-error)}.error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.error-state p{margin-bottom:var(--spacing-lg);font-size:1rem}@media(max-width:1024px){.requests-layout{flex-direction:column}.requests-list-panel{flex:none;max-height:40vh}.request-detail-panel{flex:1}}@media(max-width:768px){.filter-bar{padding:var(--spacing-md)}.filter-btn{padding:6px 12px;font-size:.75rem}.request-detail{padding:var(--spacing-lg)}.detail-title{font-size:1.25rem}}.statistics-page{min-height:calc(100vh - 80px)}.stats-grid{display:grid;gap:var(--spacing-md)}.stats-grid.main-stats{grid-template-columns:repeat(4,1fr)}.stats-grid.time-stats{grid-template-columns:repeat(3,1fr)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-radius:var(--radius-lg);transition:transform var(--transition-fast),box-shadow var(--transition-fast);background:var(--color-bg-card);border:1px solid var(--color-border)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-card.gradient-blue{background:linear-gradient(135deg,#60a5fa1a,#3b82f633);border-color:#60a5fa4d}.stat-card.gradient-purple{background:linear-gradient(135deg,#a78bfa1a,#8b5cf633);border-color:#8b5cf64d}.stat-card.gradient-green{background:linear-gradient(135deg,#4ade801a,#22c55e33);border-color:#4ade804d}.stat-card.gradient-orange{background:linear-gradient(135deg,#fbbf241a,#f59e0b33);border-color:#fbbf244d}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:2rem;font-weight:800;color:var(--color-text-primary);line-height:1.1}.stat-label{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.stat-sub{font-size:.8rem;color:var(--color-text-muted)}.stats-section{margin-top:var(--spacing-2xl)}.stats-section h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.time-stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.time-stat-card h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.time-stat-values{display:flex;gap:var(--spacing-md)}.time-stat-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.time-label{font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.time-value{font-size:1.5rem;font-weight:700;color:var(--color-accent-secondary)}.request-stats-container{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl)}.request-summary{display:flex;flex-direction:column;gap:var(--spacing-md)}.request-stat-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center}.request-stat-box.pending{background:linear-gradient(135deg,#fbbf241a,#f59e0b33);border:1px solid rgba(251,191,36,.3)}.request-stat-box.resolved{background:linear-gradient(135deg,#4ade801a,#22c55e33);border:1px solid rgba(74,222,128,.3)}.request-stat-value{font-size:2.5rem;font-weight:800;color:var(--color-text-primary)}.request-stat-label{font-size:.9rem;color:var(--color-text-secondary);margin-top:4px}.request-distribution{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.request-distribution h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.distribution-bars{display:flex;flex-direction:column;gap:var(--spacing-md)}.distribution-item{display:flex;flex-direction:column;gap:6px}.distribution-label{display:flex;justify-content:space-between;font-size:.85rem}.type-name{color:var(--color-text-secondary)}.type-count{color:var(--color-accent-secondary);font-weight:600}.distribution-bar-bg{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.distribution-bar-fill{height:100%;background:var(--color-accent-gradient);border-radius:var(--radius-sm);transition:width .5s ease}.alerts-section{margin-top:var(--spacing-2xl)}.alerts-grid{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.alert-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);flex:1;min-width:280px}.alert-card.warning{background:linear-gradient(135deg,#fbbf241a,#f59e0b26);border:1px solid rgba(251,191,36,.3)}.alert-card.info{background:linear-gradient(135deg,#60a5fa1a,#3b82f626);border:1px solid rgba(96,165,250,.3)}.alert-icon{font-size:1.5rem}.alert-content{font-size:.95rem;color:var(--color-text-primary)}.alert-content strong{color:var(--color-text-primary);font-weight:700}.statistics-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;color:var(--color-error)}.statistics-page .error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.statistics-page .error-state p{margin-bottom:var(--spacing-lg);font-size:1rem}@media(max-width:1200px){.stats-grid.main-stats,.stats-grid.time-stats{grid-template-columns:repeat(2,1fr)}.request-stats-container{grid-template-columns:1fr}.request-summary{flex-direction:row}.request-stat-box{flex:1}}@media(max-width:768px){.stats-grid.main-stats,.stats-grid.time-stats{grid-template-columns:1fr}.time-stat-values{flex-direction:row}.request-summary{flex-direction:column}.refresh-btn{margin-left:0}.stat-card{padding:var(--spacing-lg)}.stat-icon{width:50px;height:50px;font-size:2rem}.stat-value{font-size:1.5rem}}.community-management-page{min-height:calc(100vh - 80px)}.community-management-page .page-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.community-count{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto;font-size:.9rem;color:var(--color-text-secondary)}.community-count .count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border-radius:var(--radius-full);background:var(--color-accent-gradient);color:#fff;font-weight:700;font-size:.9rem}.empty-state-full{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--spacing-2xl);text-align:center;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);min-height:400px}.communities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.community-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-fast);overflow:hidden}.community-card:hover{border-color:var(--color-border-light)}.community-card.expanded{border-color:var(--color-accent-primary)}.community-card-header{display:flex;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.community-card-header:hover{background:var(--color-bg-hover)}.community-info{flex:1;min-width:0}.community-name{font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-nickname{font-size:.85rem;color:var(--color-accent-secondary);margin-bottom:var(--spacing-sm)}.community-stats{display:flex;gap:var(--spacing-md)}.member-count{font-size:.85rem;color:var(--color-text-secondary)}.toggle-btn{width:40px;height:40px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-accent-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toggle-btn:hover{color:var(--color-accent-secondary)}.toggle-btn svg{transition:transform .3s ease}.toggle-btn.expanded svg{transform:rotate(180deg)}.members-dropdown{border-top:1px solid var(--color-border);max-height:300px;overflow-y:auto;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.dropdown-loading,.dropdown-error,.dropdown-empty{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl) var(--spacing-lg);color:var(--color-text-muted);font-size:.9rem}.dropdown-error{color:var(--color-error)}.loading-spinner.small{width:18px;height:18px;border-width:2px}.members-dropdown .members-list{padding:var(--spacing-sm)}.members-dropdown .member-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs);transition:background var(--transition-fast)}.members-dropdown .member-item:last-child{margin-bottom:0}.members-dropdown .member-item:hover{background:var(--color-bg-hover)}.member-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.member-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.member-details{display:flex;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-text-muted)}.member-department{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{padding:3px 10px;border-radius:var(--radius-full);font-size:.7rem;font-weight:600;flex-shrink:0}.community-management-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;color:var(--color-error)}.community-management-page .error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.community-management-page .error-state p{margin-bottom:var(--spacing-lg);font-size:1rem}@media(max-width:768px){.communities-grid{grid-template-columns:1fr}.community-count{margin-left:0;width:100%}.member-details{flex-direction:column;gap:0}}.event-approval-page{height:calc(100vh - 80px);display:flex;flex-direction:column}.event-approval-page .page-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.pending-count{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto;font-size:.9rem;color:var(--color-text-secondary)}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;border-radius:var(--radius-full);background:var(--color-warning);color:#000;font-weight:700;font-size:.9rem}.empty-state-full{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--spacing-2xl);text-align:center;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.empty-state-full .empty-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.empty-state-full h3{font-size:1.5rem;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.empty-state-full p{color:var(--color-text-muted);font-size:1rem}.approval-layout{display:flex;gap:var(--spacing-lg);flex:1;min-height:0;overflow:hidden}.events-list-panel{flex:2;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;display:flex;flex-direction:column}.events-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.event-item{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.event-item:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.event-item.selected{background:#fbbf241a;border-color:var(--color-warning)}.event-item-header{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-sm)}.toxicity-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.event-name{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.community-name{font-weight:500}.event-thumbnail{width:100%;height:80px;border-radius:var(--radius-md);overflow:hidden}.event-thumbnail img{width:100%;height:100%;object-fit:cover}.event-detail-panel{flex:5;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}.event-detail{padding:0;height:100%;overflow-y:auto}.detail-header-image{width:100%;height:200px;overflow:hidden}.detail-header-image img{width:100%;height:100%;object-fit:cover}.toxicity-warning{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid}.warning-icon{font-size:1.5rem}.warning-content{display:flex;flex-direction:column;gap:4px}.warning-content strong{color:var(--color-text-primary);font-size:.95rem}.warning-content span{font-size:.85rem;font-weight:600}.detail-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 var(--spacing-lg) var(--spacing-lg);line-height:1.3}.detail-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin:0 var(--spacing-lg) var(--spacing-xl)}.info-item{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.info-label{font-size:.75rem;color:var(--color-text-muted)}.info-value{font-size:.9rem;color:var(--color-text-primary);font-weight:500}.event-detail .detail-description{margin:0 var(--spacing-lg) var(--spacing-xl)}.event-detail .detail-description h4{font-size:.9rem;font-weight:600;color:var(--color-warning);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px}.event-detail .detail-description p{font-size:1rem;color:var(--color-text-primary);line-height:1.7;white-space:pre-wrap}.event-detail .detail-actions{display:flex;gap:var(--spacing-md);margin:0 var(--spacing-lg) var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.btn-approve,.btn-reject{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none}.btn-approve{background:var(--color-success);color:#fff;box-shadow:var(--shadow-md)}.btn-approve:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.btn-reject{background:var(--color-error);color:#fff;box-shadow:var(--shadow-md)}.btn-reject:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.btn-approve:disabled,.btn-reject:disabled{opacity:.6;cursor:not-allowed}.event-detail-panel .no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-2xl);text-align:center;color:var(--color-text-muted)}.event-detail-panel .no-selection-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.event-detail-panel .no-selection p{font-size:1rem;max-width:250px}.event-approval-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;color:var(--color-error)}.event-approval-page .error-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.event-approval-page .error-state p{margin-bottom:var(--spacing-lg);font-size:1rem}@media(max-width:1024px){.approval-layout{flex-direction:column}.events-list-panel{flex:none;max-height:40vh}.event-detail-panel{flex:1}.detail-info-grid{grid-template-columns:1fr}}@media(max-width:768px){.pending-count{margin-left:0;width:100%}.event-detail .detail-actions{flex-direction:column}.detail-header-image{height:150px}.detail-title{font-size:1.25rem}}:root{--color-bg-primary: #0d0d0d;--color-bg-secondary: #141414;--color-bg-tertiary: #1a1a1a;--color-bg-card: #1c1c1c;--color-bg-hover: #252525;--color-accent-primary: #808080;--color-accent-secondary: #a0a0a0;--color-accent-gradient: linear-gradient(135deg, #4a4a4a 0%, #6a6a6a 100%);--color-text-primary: #f0f0f0;--color-text-secondary: #a0a0a0;--color-text-muted: #666666;--color-border: #2a2a2a;--color-border-light: #3a3a3a;--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(100, 100, 100, .2);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}html,body,#root{width:100%;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:1rem}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg-primary)}.loading-spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.page-container{padding:var(--spacing-xl);margin-top:70px;min-height:calc(100vh - 70px)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;transition:all var(--transition-fast)}.btn-primary{background:var(--color-accent-gradient);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-light)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text-secondary);font-size:.875rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #8080801a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-header h1{font-size:1.75rem;font-weight:600;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--color-text-muted);font-size:.95rem;margin-top:var(--spacing-xs)}.error-message{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.875rem}.success-message{background:#22c55e1a;border:1px solid var(--color-success);color:var(--color-success);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.875rem}