.community{padding:4rem 2rem;background-color:#f9fafb;min-height:100vh}.community .container{max-width:1200px;margin:0 auto}.community-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:2rem}.community-header h1{font-size:2.8rem;color:#06c;margin-bottom:.5rem;font-weight:700}.community-header p{font-size:1.1rem;color:#666}.new-post-btn{background-color:#28a745;color:#fff;border:none;padding:.8rem 1.8rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;white-space:nowrap}.new-post-btn:hover{background-color:#218838}.new-post-form{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000000d}.new-post-form h2{color:#06c;font-size:1.4rem;margin-bottom:1.5rem;font-weight:700}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#333;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;font-size:1rem;font-family:inherit;color:#333}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-group textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:1rem}.post-submit-btn{background-color:#06c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s}.post-submit-btn:hover{background-color:#0052a3}.post-cancel-btn{background-color:#f0f0f0;color:#333;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s}.post-cancel-btn:hover{background-color:#e0e0e0}.community-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem}.community-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.sidebar-card h3{color:#06c;font-size:1.1rem;margin-bottom:1rem;font-weight:700}.filter-buttons{display:flex;flex-direction:column;gap:.75rem}.filter-btn{background-color:#f0f7ff;color:#06c;border:1px solid #e6f2ff;padding:.75rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s;text-align:left}.filter-btn:hover,.filter-btn.active{background-color:#06c;color:#fff;border-color:#06c}.tags-list{display:flex;flex-wrap:wrap;gap:.75rem}.tag-item{background-color:#f0f7ff;color:#06c;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s}.tag-item:hover{background-color:#06c;color:#fff}.community-info{background:linear-gradient(135deg,#06c,#0052a3);color:#fff}.community-info h3{color:#fff;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:1rem;margin-bottom:1rem}.stats{display:grid;grid-template-columns:1fr;gap:1rem}.stat{text-align:center}.stat strong{display:block;font-size:1.8rem;margin-bottom:.25rem}.stat p{opacity:.9;font-size:.9rem}.community-feed{min-height:400px}.no-posts{background:#fff;border-radius:12px;padding:3rem;text-align:center;color:#999}.posts-list{display:flex;flex-direction:column;gap:1.5rem}.post-card{background:#fff;border-radius:12px;padding:1.8rem;box-shadow:0 1px 3px #0000000d;border-left:5px solid #0066cc;transition:all .3s ease}.post-card:hover{box-shadow:0 8px 16px #0066cc1f}.post-card.post-news{border-left-color:#ff6b6b}.post-card.post-training{border-left-color:#4ecdc4}.post-card.post-conference{border-left-color:#ffd93d}.post-card.post-discussion{border-left-color:#6c5ce7}.post-header{margin-bottom:1rem}.post-type-badge{display:inline-block;background-color:#f0f7ff;color:#06c;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;margin-bottom:.75rem}.post-card.post-news .post-type-badge{background-color:#ffe0e0;color:#ff6b6b}.post-card.post-training .post-type-badge{background-color:#e0f7f6;color:#4ecdc4}.post-card.post-conference .post-type-badge{background-color:#fff8e0;color:#ffd93d}.post-card.post-discussion .post-type-badge{background-color:#f0e6ff;color:#6c5ce7}.post-header h2{color:#333;font-size:1.3rem;margin:0;font-weight:700}.post-author{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #f0f0f0;margin-bottom:1rem}.post-author strong{color:#06c}.post-author p{color:#999;font-size:.9rem;margin:.25rem 0 0}.post-date{color:#999;font-size:.9rem}.post-content{margin-bottom:1rem}.post-content p{color:#555;line-height:1.7;margin:0}.event-info{background-color:#f0f7ff;border-left:3px solid #0066cc;padding:1rem;border-radius:6px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.event-info strong{color:#06c;margin-right:1rem}.register-link{color:#28a745;font-weight:600;text-decoration:none;white-space:nowrap;transition:color .3s}.register-link:hover{color:#218838}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background-color:#f0f7ff;color:#06c;padding:.3rem .7rem;border-radius:20px;font-size:.85rem;font-weight:500}.post-footer{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid #f0f0f0}.post-action{background-color:transparent;color:#666;border:none;padding:0;font-weight:600;cursor:pointer;transition:color .3s}.post-action:hover{color:#06c}.comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.comments-list{margin-bottom:1.5rem}.comment{background-color:#f8f9fa;padding:1rem;border-radius:8px;margin-bottom:.75rem}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-author{font-weight:600;color:#333;font-size:.9rem}.comment-date{color:#999;font-size:.85rem}.comment-content{color:#555;line-height:1.5;font-size:.95rem}.comment-form{display:flex;flex-direction:column;gap:.75rem}.comment-form textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:.95rem;resize:vertical;min-height:80px;transition:border-color .3s}.comment-form textarea:focus{outline:none;border-color:#06c}.comment-submit-btn{align-self:flex-end;background-color:#06c;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .3s}.comment-submit-btn:hover{background-color:#0052a3}.comment-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 1024px){.community-layout{grid-template-columns:1fr}.community-sidebar{order:2;flex-direction:row;gap:1rem}.sidebar-card,.community-info{flex:1}.filter-buttons{flex-direction:row;flex-wrap:wrap}}@media (max-width: 768px){.community{padding:2rem 1rem}.community-header{flex-direction:column;align-items:flex-start}.community-header h1{font-size:2rem}.new-post-btn{width:100%}.community-layout{grid-template-columns:1fr}.community-sidebar{flex-direction:column;order:2}.post-card{padding:1.2rem}.post-author{flex-direction:column;align-items:flex-start}.post-date{margin-top:.5rem}.event-info{flex-direction:column;align-items:flex-start;gap:1rem}.register-link{width:100%;text-align:center}.post-footer{flex-direction:column;gap:.75rem}.post-action{text-align:left}}.chat-container{max-width:1200px;margin:40px auto;padding:0 20px;min-height:600px;display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.chat-header h2{margin:0;color:#333;font-size:24px}.chat-tabs{display:flex;gap:10px}.tab-button{padding:10px 20px;background:#f5f5f5;border:2px solid transparent;border-radius:4px;cursor:pointer;font-weight:600;color:#666;transition:all .3s ease;position:relative}.tab-button:hover{background:#ebebeb}.tab-button.active{background:#06c;color:#fff;border-color:#0052a3}.badge{display:inline-block;background:#ff6b6b;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-left:8px}.alerts-section{display:flex;flex-direction:column;flex:1;padding:20px;gap:20px}.alerts-toolbar{display:flex;gap:15px;align-items:center}.filter-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#666}.filter-checkbox input{cursor:pointer;width:16px;height:16px}.alerts-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:10px}.alert-item{display:grid;grid-template-columns:50px 1fr auto;gap:15px;padding:15px;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;border-left:4px solid transparent}.alert-item:hover{background:#f0f7ff;border-color:#06c}.alert-item.unread{background:#f0f7ff;border-left-color:#06c;box-shadow:0 2px 4px #0066cc1a}.alert-item.read{border-left-color:#28a745;opacity:.8}.alert-item.type-verification{border-left-color:#28a745}.alert-item.type-job{border-left-color:#06c}.alert-item.type-message{border-left-color:#6c757d}.alert-item.type-approval{border-left-color:#28a745}.alert-item.type-system{border-left-color:#ffc107}.alert-icon{display:flex;align-items:center;justify-content:center;font-size:24px;width:50px;height:50px;background:#fff;border-radius:50%;flex-shrink:0}.alert-content{display:flex;flex-direction:column;gap:5px;text-align:left}.alert-content h4{margin:0;color:#333;font-size:15px;font-weight:600}.alert-content p{margin:0;color:#666;font-size:13px;line-height:1.4}.alert-sender{font-size:12px;color:#999}.alert-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;justify-content:center}.alert-time{font-size:12px;color:#999;white-space:nowrap}.unread-indicator{width:12px;height:12px;background:#06c;border-radius:50%;flex-shrink:0}.alert-detail-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;z-index:1000}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;color:#333}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#999;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#333}.modal-body{padding:20px;display:flex;flex-direction:column;gap:12px}.modal-body p{margin:0;color:#666;font-size:14px}.modal-body strong{color:#333}.alert-message{background:#f9f9f9;padding:15px;border-radius:4px;color:#555;line-height:1.6;margin:10px 0}.action-button{display:inline-block;background:#06c;color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:600;transition:background .3s;cursor:pointer;text-align:center}.action-button:hover{background:#0052a3}.messages-section{display:grid;grid-template-columns:300px 1fr;gap:0;flex:1;overflow:hidden}.messages-list{display:flex;flex-direction:column;gap:0;border-right:1px solid #e0e0e0;max-height:600px;overflow-y:auto;background:#f9f9f9}.message-preview{padding:15px;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background .2s;display:flex;flex-direction:column;gap:5px}.message-preview:hover{background:#f0f7ff}.message-preview.unread{background:#e8f4fd;border-left:3px solid #0066cc}.message-sender{font-weight:600;color:#333;font-size:14px}.message-preview-text{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999}.read-count{color:#06c;font-weight:600}.message-thread{display:flex;flex-direction:column;padding:0;background:#fff}.thread-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0}.thread-header h3{margin:0;color:#333;font-size:16px}.thread-messages{display:flex;flex-direction:column;gap:12px;padding:20px;flex:1;overflow-y:auto;max-height:400px}.thread-message{display:flex;margin-bottom:8px}.thread-message.sent{justify-content:flex-end}.thread-message.received{justify-content:flex-start}.message-bubble{max-width:70%;padding:12px 16px;border-radius:12px;word-wrap:break-word}.thread-message.sent .message-bubble{background:#06c;color:#fff}.thread-message.received .message-bubble{background:#e0e0e0;color:#333}.message-bubble p{margin:0;font-size:14px}.message-info{display:flex;flex-direction:column;gap:4px;margin-top:8px;font-size:12px}.thread-message.sent .message-info{color:#fffc;text-align:right}.thread-message.received .message-info{color:#999}.time{font-size:11px}.read-receipts{display:flex;flex-direction:column;gap:2px;margin-top:4px}.receipt{display:flex;align-items:center;gap:4px;font-size:11px}.receipt-icon{display:inline-block;color:#fffc}.receipt-text{font-size:10px;opacity:.8}.message-input-area{padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;gap:10px}.message-input-area textarea{flex:1;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;resize:none;max-height:100px}.message-input-area textarea:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #0066cc1a}.send-button{padding:10px 20px;background:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:background .3s;white-space:nowrap;align-self:flex-end}.send-button:hover:not(:disabled){background:#0052a3}.send-button:disabled{background:#ccc;cursor:not-allowed}.empty-state{display:flex;align-items:center;justify-content:center;height:300px;color:#999;font-size:16px}@media (max-width: 768px){.chat-container{margin:20px auto}.messages-section{grid-template-columns:1fr}.messages-list{max-height:400px}.thread-messages{max-height:300px}.message-bubble{max-width:85%}.alert-item{grid-template-columns:40px 1fr auto}.alert-icon{width:40px;height:40px;font-size:20px}.alert-detail-modal{max-width:95%}}@media (max-width: 480px){.chat-header{flex-direction:column;align-items:flex-start;gap:15px}.chat-tabs{width:100%}.tab-button{flex:1}.alert-item{grid-template-columns:1fr;gap:10px}.alert-icon{grid-column:1;width:35px;height:35px}.message-bubble{max-width:95%}.message-input-area{flex-direction:column}.send-button{align-self:flex-end}}.alerts-list::-webkit-scrollbar,.messages-list::-webkit-scrollbar,.thread-messages::-webkit-scrollbar{width:6px}.alerts-list::-webkit-scrollbar-track,.messages-list::-webkit-scrollbar-track,.thread-messages::-webkit-scrollbar-track{background:#f1f1f1}.alerts-list::-webkit-scrollbar-thumb,.messages-list::-webkit-scrollbar-thumb,.thread-messages::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.alerts-list::-webkit-scrollbar-thumb:hover,.messages-list::-webkit-scrollbar-thumb:hover,.thread-messages::-webkit-scrollbar-thumb:hover{background:#555}