feat: 알림 시스템 및 시설설비 관리 기능 구현

- 알림 시스템 구축 (navbar 알림 아이콘, 드롭다운)
- 알림 수신자 설정 기능 (계정관리 페이지)
- 시설설비 관리 페이지 추가 (수리 워크플로우)
- 수리 신청 → 접수 → 처리중 → 완료 상태 관리
- 사이드바 메뉴 구조 개선 (공장 관리 카테고리)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

web-ui/css/admin-settings.css

@@ -1128,3 +1128,193 @@
     padding: 0.375rem 0.75rem;
     font-size: 0.8rem;
 }
+
+/* ========================================
+   알림 수신자 설정 섹션
+   ======================================== */
+#notificationRecipientsSection {
+    margin-top: 2rem;
+}
+
+#notificationRecipientsSection .section-header {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.5rem;
+}
+
+.section-description {
+    font-size: 0.875rem;
+    color: #6c757d;
+    margin: 0;
+}
+
+.notification-recipients-container {
+    padding: 1.5rem 2rem;
+}
+
+.notification-type-cards {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+    gap: 1rem;
+}
+
+.notification-type-card {
+    background: #f8f9fa;
+    border: 2px solid #e9ecef;
+    border-radius: 12px;
+    padding: 1.25rem;
+    transition: all 0.2s ease;
+}
+
+.notification-type-card:hover {
+    border-color: #007bff;
+    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.1);
+}
+
+.notification-type-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 1rem;
+}
+
+.notification-type-title {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-weight: 600;
+    font-size: 1rem;
+    color: #1a1a1a;
+}
+
+.notification-type-icon {
+    font-size: 1.25rem;
+}
+
+.notification-type-card.repair .notification-type-icon { color: #fd7e14; }
+.notification-type-card.safety .notification-type-icon { color: #dc3545; }
+.notification-type-card.nonconformity .notification-type-icon { color: #6f42c1; }
+.notification-type-card.equipment .notification-type-icon { color: #17a2b8; }
+.notification-type-card.maintenance .notification-type-icon { color: #28a745; }
+.notification-type-card.system .notification-type-icon { color: #6c757d; }
+
+.edit-recipients-btn {
+    padding: 0.375rem 0.75rem;
+    background: white;
+    border: 1px solid #dee2e6;
+    border-radius: 6px;
+    font-size: 0.75rem;
+    color: #495057;
+    cursor: pointer;
+    transition: all 0.2s ease;
+}
+
+.edit-recipients-btn:hover {
+    background: #007bff;
+    border-color: #007bff;
+    color: white;
+}
+
+.recipient-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    min-height: 32px;
+}
+
+.recipient-tag {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    padding: 0.25rem 0.625rem;
+    background: white;
+    border: 1px solid #dee2e6;
+    border-radius: 16px;
+    font-size: 0.75rem;
+    color: #495057;
+}
+
+.recipient-tag .tag-icon {
+    font-size: 0.875rem;
+}
+
+.no-recipients {
+    font-size: 0.8rem;
+    color: #adb5bd;
+    font-style: italic;
+}
+
+/* 알림 수신자 편집 모달 */
+.modal-description {
+    font-size: 0.875rem;
+    color: #6c757d;
+    margin-bottom: 1rem;
+}
+
+.recipient-search-box {
+    margin-bottom: 1rem;
+}
+
+.recipient-user-list {
+    max-height: 350px;
+    overflow-y: auto;
+    border: 1px solid #e9ecef;
+    border-radius: 8px;
+    background: #f8f9fa;
+}
+
+.recipient-user-item {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    padding: 0.75rem 1rem;
+    border-bottom: 1px solid #e9ecef;
+    cursor: pointer;
+    transition: all 0.15s ease;
+}
+
+.recipient-user-item:last-child {
+    border-bottom: none;
+}
+
+.recipient-user-item:hover {
+    background: #e9ecef;
+}
+
+.recipient-user-item.selected {
+    background: #e7f3ff;
+}
+
+.recipient-user-item input[type="checkbox"] {
+    width: 18px;
+    height: 18px;
+    cursor: pointer;
+    accent-color: #007bff;
+}
+
+.recipient-user-item .user-avatar-small {
+    width: 32px;
+    height: 32px;
+    font-size: 0.8rem;
+}
+
+.recipient-user-info {
+    flex: 1;
+}
+
+.recipient-user-name {
+    font-weight: 500;
+    font-size: 0.875rem;
+    color: #1a1a1a;
+}
+
+.recipient-user-role {
+    font-size: 0.75rem;
+    color: #6c757d;
+}
+
+@media (max-width: 768px) {
+    .notification-type-cards {
+        grid-template-columns: 1fr;
+    }
+}