.forum-container {
                              background: white;
                              overflow: hidden;
                              height: 100%;
                         }

                         .search-container {
                              padding: 20px;
                              background: #f8f9fa;
                         }

                         .search-input {
                              border: 1px solid #dee2e6;
                              border-radius: 25px;
                              padding: 10px 20px 10px 45px;
                              background: white;
                         }

                         .search-icon {
                              position: absolute;
                              left: 15px;
                              top: 50%;
                              transform: translateY(-50%);
                              color: #6c757d;
                         }

                         .forum-table {
                              margin: 0;
                         }

                         .forum-table thead th {
                              background-color: #e9ecef;
                              border: none;
                              padding: 15px 20px;
                              font-weight: 600;
                              color: #495057;
                         }

                         .forum-table tbody td {
                              padding: 20px;
                              border-top: 1px solid #e9ecef;
                              vertical-align: middle;
                         }

                         .forum-name {
                              font-weight: 500;
                              color: #212529;
                         }

                         .participant-count {
                              background: #f8f9fa;
                              padding: 4px 12px;
                              border-radius: 12px;
                              font-size: 14px;
                              color: #6c757d;
                         }

                         .action-btn {
                              width: 35px;
                              height: 35px;
                              border: 1px solid #dee2e6;
                              background: white;
                              border-radius: 6px;
                              display: inline-flex;
                              align-items: center;
                              justify-content: center;
                              margin: 0 2px;
                              color: #6c757d;
                              transition: all 0.2s;
                         }

                         .action-btn:hover {
                              background: #f8f9fa;
                              color: #007bff;
                              border-color: #007bff;
                         }

                         .action-btn.view-btn:hover {
                              color: #28a745;
                              border-color: #28a745;
                         }

                         .action-btn.message-btn:hover {
                              color: #007bff;
                              border-color: #007bff;
                         }

                         .action-btn.share-btn:hover {
                              color: #fd7e14;
                              border-color: #fd7e14;
                         }

                         /* Improved Modal Styles */
                         .modal-header {
                              background-color: #f8f9fa;
                              border-bottom: 2px solid #e9ecef;
                              padding: 1.25rem 1.5rem;
                         }

                         .modal-title {
                              font-weight: 600;
                              color: #212529;
                              font-size: 1.25rem;
                         }

                         .modal-body {
                              padding: 1.5rem;
                         }

                         .forum-image-container {
                              background: #f8f9fa;
                              border-radius: 8px;
                              padding: 1rem;
                              margin-bottom: 1.5rem;
                              border: 1px solid #e9ecef;
                         }

                         #forumImage {
                              max-height: 300px;
                              border-radius: 6px;
                              border: 1px solid #dee2e6;
                         }

                         .detail-section {
                              margin-bottom: 1.25rem;
                              padding-bottom: 1.25rem;
                              border-bottom: 1px solid #e9ecef;
                         }

                         .detail-section:last-child {
                              border-bottom: none;
                              margin-bottom: 0;
                              padding-bottom: 0;
                         }

                         .detail-label {
                              font-weight: 600;
                              color: #495057;
                              font-size: 0.875rem;
                              text-transform: uppercase;
                              letter-spacing: 0.5px;
                              margin-bottom: 0.5rem;
                              display: block;
                         }

                         .detail-value {
                              color: #212529;
                              font-size: 1rem;
                              margin: 0;
                              line-height: 1.6;
                         }

                         .detail-value.empty {
                              color: #6c757d;
                              font-style: italic;
                         }

                         .info-grid {
                              display: grid;
                              grid-template-columns: repeat(2, 1fr);
                              gap: 1.25rem;
                              margin-top: 1rem;
                         }

                         .info-item {
                              background: #f8f9fa;
                              padding: 1rem;
                              border-radius: 6px;
                              border: 1px solid #e9ecef;
                         }

                         .status-badge {
                              display: inline-block;
                              padding: 0.375rem 0.75rem;
                              border-radius: 4px;
                              font-size: 0.875rem;
                              font-weight: 500;
                         }

                         .status-badge.active {
                              background-color: #d4edda;
                              color: #155724;
                              border: 1px solid #c3e6cb;
                         }

                         .status-badge.inactive {
                              background-color: #f8d7da;
                              color: #721c24;
                              border: 1px solid #f5c6cb;
                         }

                         .modal-footer {
                              background-color: #f8f9fa;
                              border-top: 2px solid #e9ecef;
                              padding: 1rem 1.5rem;
                         }

                         /* Join Question Modal Styles */
                         .join-modal-header {
                              background-color: #28a745;
                              color: white;
                         }

                         .join-modal-header .modal-title {
                              color: white;
                         }

                         .alert-info {
                              background-color: #e7f3ff;
                              border-color: #b8daff;
                              color: #004085;
                              border-left: 4px solid #007bff;
                         }

                         @media (max-width: 768px) {
                              .info-grid {
                                   grid-template-columns: 1fr;
                              }
                         }