CoreInject/frontend/dist/assets/C7H6_04j.css

.notifications-page[data-v-b413346c]{padding:24px}.page-header[data-v-b413346c]{margin-bottom:32px}.page-title[data-v-b413346c]{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.page-description[data-v-b413346c]{font-size:14px;color:var(--text-secondary);margin:0}.tabs-container[data-v-b413346c]{margin-bottom:24px;border-bottom:1px solid var(--border-light)}.tabs[data-v-b413346c]{display:flex;gap:8px}.tab-button[data-v-b413346c]{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative}.tab-button[data-v-b413346c]:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab-button.active[data-v-b413346c]{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-button .tab-icon[data-v-b413346c]{font-size:18px}.tab-button .tab-badge[data-v-b413346c]{padding:2px 6px;background:#ff6b6b;color:#fff;border-radius:10px;font-size:11px;font-weight:600}.content-area[data-v-b413346c]{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:24px}.section-header[data-v-b413346c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h2[data-v-b413346c]{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.section-description[data-v-b413346c]{font-size:13px;color:var(--text-secondary);margin:4px 0 0}.header-actions[data-v-b413346c]{display:flex;gap:12px;align-items:center}.notifications-list[data-v-b413346c]{display:flex;flex-direction:column;gap:16px}.notification-item[data-v-b413346c]{display:flex;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;transition:all .2s ease;cursor:pointer}.notification-item[data-v-b413346c]:hover{background:var(--bg-hover);border-color:var(--primary-color);transform:translateY(-1px)}.notification-item.unread[data-v-b413346c]{background:#3b82f60d;border-color:#3b82f64d}.notification-item.pending[data-v-b413346c]{border-left:3px solid #3b82f6}.notification-item.resolved[data-v-b413346c]{border-left:3px solid #10b981}.notification-item.rejected[data-v-b413346c]{border-left:3px solid #6b7280}.notification-item.system-notification.forum_request_approved[data-v-b413346c]{border-left:3px solid #10b981}.notification-item.system-notification.forum_request_rejected[data-v-b413346c]{border-left:3px solid #ef4444}.notification-item.system-notification.report_processed[data-v-b413346c]{border-left:3px solid #3b82f6}.notification-icon[data-v-b413346c]{position:relative;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);overflow:hidden}.notification-icon .icon[data-v-b413346c]{font-size:40px}.notification-icon .app-icon[data-v-b413346c]{width:100%;height:100%;object-fit:cover;border-radius:50%}.notification-icon .app-icon-placeholder[data-v-b413346c]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary);font-size:18px;font-weight:600;border-radius:50%}.notification-icon .unread-dot[data-v-b413346c]{position:absolute;top:0;right:0;width:10px;height:10px;background:#ff6b6b;border-radius:50%;border:2px solid var(--bg-card)}.system-notification .notification-icon[data-v-b413346c]{border-radius:0}.notification-content[data-v-b413346c]{flex:1;min-width:0}.notification-header[data-v-b413346c]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.notification-title[data-v-b413346c]{flex:1;margin:0;font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.4}.notification-title .user-name[data-v-b413346c]{color:var(--primary-color)}.notification-title .reply-to[data-v-b413346c]{color:var(--text-secondary);font-weight:400}.notification-time[data-v-b413346c]{flex-shrink:0;font-size:12px;color:var(--text-tertiary)}.notification-body[da