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[data-v-b413346c]{margin-top:8px}.notification-text[data-v-b413346c]{margin:0 0 8px;font-size:14px;color:var(--text-secondary)}.notification-details[data-v-b413346c]{margin-top:12px}.detail-item[data-v-b413346c]{margin-bottom:8px}.detail-item[data-v-b413346c]:last-child{margin-bottom:0}.detail-label[data-v-b413346c]{display:inline-block;min-width:80px;font-size:13px;color:var(--text-secondary);font-weight:500;margin-right:8px}.detail-value[data-v-b413346c]{font-size:13px;color:var(--text-primary)}.report-types-tags[data-v-b413346c]{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.report-type-tag[data-v-b413346c]{display:inline-block;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.report-type-tag.type-pornography[data-v-b413346c]{background:#ef44441a;color:#ef4444}.report-type-tag.type-fraud[data-v-b413346c]{background:#f59e0b1a;color:#f59e0b}.report-type-tag.type-drainage[data-v-b413346c]{background:#8b5cf61a;color:#8b5cf6}.report-type-tag.type-abuse[data-v-b413346c]{background:#ec48991a;color:#ec4899}.report-type-tag.type-trolling[data-v-b413346c]{background:#fb923c1a;color:#fb923c}.report-type-tag.type-values[data-v-b413346c]{background:#dc267f1a;color:#dc267f}.detail-content[data-v-b413346c]{white-space:pre-wrap;font-size:13px;color:var(--text-primary);line-height:1.6;padding:8px;background:var(--bg-card);border-radius:4px;border:1px solid var(--border-light);margin-top:4px}.detail-content.admin-comment[data-v-b413346c]{background:#10b9810d;border-color:#10b98133}.new-replies-badge[data-v-b413346c]{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:4px 8px;background:#3b82f61a;color:#3b82f6;border-radius:4px;font-size:12px;font-weight:500}.loading-state[data-v-b413346c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary);gap:16px}.loading-state.issues-loading[data-v-b413346c]{padding:40px 20px;min-height:200px}.loading-state .spinner[data-v-b413346c]{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin-b413346c 1s linear infinite}.loading-state p[data-v-b413346c]{margin:0;font-size:14px}.empty-state[data-v-b413346c]{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.empty-state .empty-icon[data-v-b413346c]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state p[data-v-b413346c]{margin:0;font-size:14px}@keyframes spin-b413346c{to{transform:rotate(360deg)}}.btn[data-v-b413346c]{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn.btn-secondary[data-v-b413346c]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.btn.btn-secondary[data-v-b413346c]:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary-color)}.btn.btn-secondary[data-v-b413346c]:disabled{opacity:.5;cursor:not-allowed}.btn .btn-icon[data-v-b413346c]{font-size:16px}.notification-actions[data-v-b413346c]{display:flex;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.expand-btn[data-v-b413346c]{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .2s ease}.expand-btn[data-v-b413346c]:hover{color:var(--text-primary);border-color:var(--primary-color);background:var(--bg-secondary)}.expand-btn .expand-icon[data-v-b413346c]{font-size:16px}.notification-expanded-details[data-v-b413346c]{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.expanded-section[data-v-b413346c]{display:flex;flex-direction:column;gap:12px}.issue-item .issue-status[data-v-b413346c]{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500;margin-bottom:8px}.issue-item .issue-status.pending[data-v-b413346c]{background:#fbbf241a;color:#fbbf24}.issue-item .issue-status.resolved[data-v-b413346c]{background:#10b9811a;color:#10b981}.issue-item .issue-status.rejected[data-v-b413346c]{background:#ef44441a;color:#ef4444}.issue-item .issue-status .status-icon[data-v-b413346c]{font-size:16px}.issue-item .issue-type[data-v-b413346c]{margin-bottom:8px;font-size:13px}.issue-item .issue-type .issue-type-label[data-v-b413346c]{color:var(--text-secondary);margin-right:6px}.issue-item .issue-type .issue-type-value[data-v-b413346c]{color:var(--text-primary);font-weight:500}.attachments-list[data-v-b413346c]{display:flex;flex-direction:column;gap:8px;margin-top:8px}.attachment-item[data-v-b413346c]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .2s ease}.attachment-item[data-v-b413346c]:hover{background:var(--bg-hover);border-color:var(--primary-color)}.attachment-item .attachment-icon[data-v-b413346c]{font-size:20px;color:var(--text-secondary);flex-shrink:0}.attachment-item .attachment-name[data-v-b413346c]{flex:1;font-size:13px;color:var(--text-primary)}.attachment-item .attachment-action-icon[data-v-b413346c]{font-size:18px;color:var(--text-secondary);flex-shrink:0;transition:color .2s ease}.attachment-item .attachment-action-icon[data-v-b413346c]:hover{color:var(--primary-color)}