.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.auth-card{background:#fff;border-radius:16px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 10px 40px #0003}.auth-card h1{text-align:center;color:#667eea;margin-bottom:.5rem;font-size:2rem}.auth-card h2{text-align:center;color:#333;margin-bottom:2rem;font-size:1.5rem}.auth-card form{display:flex;flex-direction:column;gap:1rem}.auth-card input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.auth-card input:focus{border-color:#667eea}.auth-card button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem;border-radius:8px;font-size:1rem;font-weight:600;margin-top:.5rem;transition:transform .2s,box-shadow .2s}.auth-card button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.error{background-color:#fee;color:#c33;padding:.75rem;border-radius:8px;text-align:center}.auth-card p{text-align:center;margin-top:1.5rem;color:#666}.auth-card p a{color:#667eea;font-weight:600}@media (max-width: 480px){.auth-card{padding:2rem 1.5rem}}.audio-player{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#f5f5f5;border-radius:8px;min-width:200px}.play-pause-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;flex-shrink:0}.play-pause-btn:hover{transform:scale(1.1)}.audio-controls{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.audio-progress{width:100%}.audio-slider{width:100%;height:4px;border-radius:2px;background:#ddd;outline:none;-webkit-appearance:none}.audio-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#667eea;cursor:pointer}.audio-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#667eea;cursor:pointer;border:none}.audio-time{display:flex;gap:.25rem;font-size:.85rem;color:#666}.audio-filename{font-size:.85rem;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}@media (max-width: 768px){.audio-player{flex-direction:column;align-items:stretch}.play-pause-btn{align-self:center}}.post-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;transition:box-shadow .2s}.post-card:hover{box-shadow:0 4px 12px #00000026}.post-author{display:flex;gap:1rem;align-items:flex-start}.avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.author-username{font-size:.9rem;color:#666;margin-bottom:.25rem}.delete-btn{background:none;color:#999;font-size:1.5rem;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.delete-btn:hover{background-color:#fee;color:#c33}.post-content p{line-height:1.6;margin-bottom:1rem;white-space:pre-wrap;word-wrap:break-word}.post-image{width:100%;border-radius:8px;margin-top:1rem;max-height:500px;object-fit:cover}.post-files{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.post-file{margin-top:0}.post-video{margin-top:1rem;width:100%;border-radius:8px;overflow:hidden}.post-video video{width:100%;max-height:500px;border-radius:8px}.post-file-link{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f5f5f5;border-radius:8px;text-decoration:none;color:#333;transition:background-color .2s}.post-file-link:hover{background:#e0e0e0}.post-file-link .file-icon{font-size:1.5rem}.post-file-link .file-name{flex:1;font-weight:500}.post-actions{display:flex;gap:1.5rem;padding-top:1rem;border-top:1px solid #eee}.repost-btn{background:none;border:none;font-size:1rem;color:#666;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s}.repost-btn:hover{background-color:#f5f5f5}.reposted-post{background:#f9f9f9;border-left:3px solid #667eea;padding:1rem;margin-top:1rem;border-radius:8px}.repost-header{font-size:.9rem;color:#667eea;font-weight:600;margin-bottom:.5rem}.reposted-content{color:#666}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.image-modal-close{position:absolute;top:-40px;right:0;background:#fff3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.image-modal-close:hover{background:#ffffff4d}.image-modal-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.like-btn,.comment-btn{background:none;border:none;font-size:1rem;color:#666;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s}.like-btn:hover,.comment-btn:hover{background-color:#f5f5f5}.like-btn.liked{color:#e74c3c}.comments-section{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}.comments-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;max-height:300px;overflow-y:auto}.comment{display:flex;gap:.75rem}.comment-avatar{width:35px;height:35px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-content{flex:1}.comment-author{font-weight:600;font-size:.9rem;color:#333;margin-bottom:.25rem}.comment-text{color:#666;font-size:.9rem;line-height:1.5}.comment-input{display:flex;gap:.5rem;margin-top:1rem}.comment-input input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem}.comment-input button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:transform .2s}.comment-input button:hover{transform:translateY(-2px)}@media (max-width: 768px){.post-card{padding:1rem}.post-image{max-height:300px}}.voice-recorder{padding:1rem;background:#f9f9f9;border-radius:8px;margin-bottom:.5rem}.start-recording-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:transform .2s;width:100%}.start-recording-btn:hover{transform:translateY(-2px)}.recording-controls{display:flex;flex-direction:column;gap:1rem}.recording-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;background:#fee;border-radius:8px}.recording-dot{width:12px;height:12px;background:#c33;border-radius:50%;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-time{font-weight:600;color:#c33;font-size:1.1rem}.recording-actions{display:flex;gap:.5rem}.stop-recording-btn,.cancel-recording-btn{flex:1;padding:.75rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;transition:transform .2s}.stop-recording-btn{background:#2e7d32;color:#fff}.stop-recording-btn:hover{background:#1b5e20;transform:translateY(-2px)}.cancel-recording-btn{background:#c33;color:#fff}.cancel-recording-btn:hover{background:#a22;transform:translateY(-2px)}.create-post{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.create-post textarea{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s}.create-post textarea:focus{border-color:#667eea;outline:none}.create-post-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;gap:1rem;flex-wrap:wrap}.create-post .voice-record-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.create-post .voice-record-btn:hover{background:#5568d3}.file-input-label{cursor:pointer;color:#667eea;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:background-color .2s}.file-input-label:hover{background-color:#f5f5f5}.file-name{color:#666;font-size:.9rem;flex:1}.create-post button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:transform .2s,opacity .2s}.create-post button:hover:not(:disabled){transform:translateY(-2px)}.create-post button:disabled{opacity:.5;cursor:not-allowed}.files-preview-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.file-preview-item{position:relative;display:inline-block}.image-preview-container{position:relative;margin-top:1rem;display:inline-block}.image-preview,.file-preview-image{max-width:300px;max-height:300px;border-radius:8px;object-fit:cover}.file-preview-name{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f5f5f5;border-radius:8px;min-width:200px}.file-preview-name .file-icon{font-size:1.5rem}.file-preview-name .file-name{flex:1;font-weight:500;color:#333}.remove-image-btn,.remove-file-btn{position:absolute;top:-10px;right:-10px;background:#c33;color:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-image-btn:hover,.remove-file-btn:hover{background:#a22}.main-page{display:flex;flex-direction:column;gap:2rem}.loading,.empty-state{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.posts-container{display:flex;flex-direction:column;gap:1.5rem}.organizations-page{display:flex;flex-direction:column;gap:2rem}.organizations-header{display:flex;justify-content:space-between;align-items:center}.organizations-header h2{font-size:2rem;color:#333}.create-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:transform .2s}.create-btn:hover{transform:translateY(-2px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal h3{margin-bottom:1.5rem;color:#333}.modal form{display:flex;flex-direction:column;gap:1rem}.modal input,.modal textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit}.modal input:focus,.modal textarea:focus{border-color:#667eea;outline:none}.modal label{display:flex;flex-direction:column;gap:.5rem;color:#666}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.modal-actions button{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:transform .2s}.modal-actions button[type=button]{background:#e0e0e0;color:#333}.modal-actions button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-actions button:hover{transform:translateY(-2px)}.org-settings{margin-top:1.5rem;padding:1rem;background:#f5f5f5;border-radius:8px}.org-settings h4{margin-bottom:1rem;color:#333;font-size:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;cursor:pointer;color:#666}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{flex:1}.organizations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.organization-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.organization-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.org-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:1rem}.organization-card h3{margin-bottom:.5rem;color:#333}.organization-card p{color:#666;margin-bottom:1rem;line-height:1.5}.org-info{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:#999}.organization-detail{display:flex;flex-direction:column;gap:2rem}.back-btn{background:#e0e0e0;color:#333;padding:.5rem 1rem;border-radius:8px;font-weight:500;align-self:flex-start;transition:background-color .2s}.back-btn:hover{background:#d0d0d0}.org-header{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;display:flex;gap:2rem;align-items:flex-start}.org-edit-avatar{display:flex;flex-direction:column;align-items:center;gap:.5rem}.avatar-upload-label{padding:.5rem 1rem;background:#667eea;color:#fff;border-radius:4px;cursor:pointer;font-size:.9rem;text-align:center}.avatar-upload-label:hover{background:#5568d3}.org-edit-form{flex:1;display:flex;flex-direction:column;gap:1rem}.org-edit-input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.org-edit-textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;resize:vertical;font-family:inherit}.org-edit-actions{display:flex;gap:.5rem}.save-org-btn{padding:.75rem 1.5rem;background:#2e7d32;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.save-org-btn:hover{background:#1b5e20}.cancel-org-btn{padding:.75rem 1.5rem;background:#666;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.cancel-org-btn:hover{background:#555}.edit-org-btn{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;white-space:nowrap}.edit-org-btn:hover{background:#5568d3}.org-header-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover}.org-header h2{margin-bottom:.5rem;color:#333}.org-header p{color:#666;margin-bottom:1rem}.org-stats{display:flex;gap:1.5rem;color:#999;font-size:.9rem}.join-btn,.leave-btn{margin-left:auto;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:transform .2s}.join-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.leave-btn{background:#fee;color:#c33}.join-btn:hover,.leave-btn:hover{transform:translateY(-2px)}.org-actions{display:flex;gap:1rem}.create-post-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:transform .2s}.create-post-btn:hover{transform:translateY(-2px)}.org-create-post{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.org-posts,.org-members{display:flex;flex-direction:column;gap:1.5rem}.org-posts h3,.org-members h3{color:#333;font-size:1.5rem}.member-item{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;align-items:flex-start}.member-info{flex:1}.member-actions{display:flex;gap:.5rem;flex-wrap:wrap}.member-permissions-edit{margin-top:.5rem;padding:.75rem;background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.member-permissions-edit label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.member-permissions-edit input[type=checkbox]{cursor:pointer}.close-permissions-btn{padding:.5rem 1rem;background:#666;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.close-permissions-btn:hover{background:#555}.permissions-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.permissions-btn:hover{background:#5568d3}.member-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.member-name{font-weight:600;color:#333;margin-bottom:.25rem}.member-role{font-size:.9rem;color:#999;text-transform:capitalize}.moderator-btn,.remove-moderator-btn{margin-left:auto;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;transition:transform .2s}.moderator-btn{background:#e8f5e9;color:#2e7d32}.remove-moderator-btn{background:#fff3e0;color:#e65100}.moderator-btn:hover,.remove-moderator-btn:hover{transform:translateY(-2px)}@media (max-width: 768px){.organizations-grid{grid-template-columns:1fr}.org-header{flex-direction:column;text-align:center}.join-btn,.leave-btn{margin-left:0;width:100%}}.chat-page{display:flex;height:calc(100vh - 200px);background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.chat-sidebar{width:300px;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;background:#f9f9f9}.chat-sidebar-header{padding:1rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#fff}.chat-sidebar-header h2{font-size:1.25rem;color:#333}.new-chat-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;transition:transform .2s}.new-chat-btn:hover{transform:scale(1.1)}.chats-list{flex:1;overflow-y:auto}.chat-item{padding:1rem;border-bottom:1px solid #e0e0e0;cursor:pointer;transition:background-color .2s;display:flex;justify-content:space-between;align-items:flex-start}.chat-item:hover{background-color:#f0f0f0}.chat-item.active{background-color:#e8eaf6}.chat-item-info{flex:1}.chat-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.chat-item-name{font-weight:600;color:#333}.chat-type-badge{font-size:.75rem;padding:.2rem .5rem;border-radius:12px;font-weight:500}.chat-type-badge.group{background:#e3f2fd;color:#1976d2}.chat-type-badge.personal{background:#f3e5f5;color:#7b1fa2}.chat-item-preview{font-size:.9rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.chat-item-time{font-size:.8rem;color:#999;white-space:nowrap}.chat-main{flex:1;display:flex;flex-direction:column}.chat-header{padding:1rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:1rem}.chat-header h3{font-size:1.25rem;color:#333}.chat-type{font-size:.9rem;color:#999;background:#f0f0f0;padding:.25rem .75rem;border-radius:12px}.messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background:#f9f9f9}.message{display:flex;gap:.75rem;max-width:70%}.message.own{align-self:flex-end;flex-direction:row-reverse}.message-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-content{background:#fff;padding:.75rem 1rem;border-radius:12px;box-shadow:0 1px 3px #0000001a}.message.own .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-author{font-size:.85rem;font-weight:600;margin-bottom:.25rem;color:#666}.message.own .message-author{color:#ffffffe6}.message-text{line-height:1.5;word-wrap:break-word}.message-time{font-size:.75rem;color:#999;margin-top:.25rem}.message.own .message-time{color:#fffc}.message-input-container{padding:1rem;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:.5rem;background:#fff}.file-preview-container{display:flex;gap:.5rem;padding:.5rem;background:#f5f5f5;border-radius:8px}.file-preview-image{position:relative;display:inline-block}.file-preview-image img{max-width:200px;max-height:200px;border-radius:8px;object-fit:cover}.file-preview-name{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#fff;border-radius:8px;flex:1}.remove-file-btn{background:#fee;color:#c33;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background-color .2s;margin-left:auto}.remove-file-btn:hover{background:#fcc}.message-input-wrapper{display:flex;gap:.5rem;align-items:center}.file-attach-btn{cursor:pointer;font-size:1.5rem;padding:.5rem;border-radius:8px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.file-attach-btn:hover{background-color:#f5f5f5}.voice-record-btn{cursor:pointer;font-size:1.5rem;padding:.5rem;border-radius:8px;border:none;background:none;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.voice-record-btn:hover{background-color:#f5f5f5}.voice-record-btn.active{background-color:#fee}.message-input{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.send-btn:disabled{opacity:.5;cursor:not-allowed}.message-file{margin-top:.5rem}.message-file-image{max-width:300px;max-height:300px;border-radius:8px;cursor:pointer;transition:transform .2s}.message-file-image:hover{transform:scale(1.05)}.message-video{width:100%;max-width:400px;max-height:400px;background-color:#000;border-radius:8px;overflow:hidden}.message-video .react-player{width:100%!important;height:auto!important}.message-file-link{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f5f5f5;border-radius:8px;text-decoration:none;color:#333;transition:background-color .2s}.message-file-link:hover{background:#e0e0e0}.file-icon{font-size:1.5rem}.file-name{font-weight:500}.message-input:focus{border-color:#667eea;outline:none}.send-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:transform .2s}.send-btn:hover{transform:translateY(-2px)}.no-chat-selected{flex:1;display:flex;align-items:center;justify-content:center;color:#999}.chat-type-selector{display:flex;gap:.5rem;margin-bottom:1rem}.chat-type-selector button{flex:1;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-weight:500;transition:all .2s}.chat-type-selector button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-form input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem}.modal-form input:focus{border-color:#667eea;outline:none}.user-search-input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;font-size:1rem}.user-search-input:focus{border-color:#667eea;outline:none}.users-list{max-height:400px;overflow-y:auto;margin-bottom:1rem}.user-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;cursor:pointer;transition:background-color .2s;margin-bottom:.5rem;border:2px solid transparent}.user-item:hover{background-color:#f5f5f5}.user-item.selected{background-color:#e8eaf6;border-color:#667eea}.user-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;flex-shrink:0}.user-item-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-item-info{flex:1}.user-item-name{font-weight:600;color:#333;margin-bottom:.25rem}.user-item-username{font-size:.9rem;color:#999}.no-messages-badge{font-size:.8rem;color:#999;font-style:italic}@media (max-width: 768px){.chat-page{flex-direction:column;height:auto;min-height:calc(100vh - 200px)}.chat-sidebar{width:100%;max-height:200px}.message{max-width:85%}}.profile-page{display:flex;flex-direction:column;gap:2rem}.profile-header{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;display:flex;gap:2rem;align-items:flex-start}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile-avatar,.profile-avatar-placeholder{width:150px;height:150px;border-radius:50%;object-fit:cover}.profile-avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700}.avatar-upload-btn{background:#f0f0f0;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.avatar-upload-btn:hover{background:#e0e0e0}.profile-info{flex:1}.profile-info h1{font-size:2rem;color:#333;margin-bottom:.5rem}.username{color:#999;font-size:1.1rem;margin-bottom:1rem}.edit-btn,.save-btn,.cancel-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:transform .2s}.edit-btn,.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cancel-btn{background:#e0e0e0;color:#333}.edit-btn:hover,.save-btn:hover,.cancel-btn:hover{transform:translateY(-2px)}.edit-actions{display:flex;gap:1rem}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.profile-section h2{font-size:1.5rem;color:#333;margin-bottom:1.5rem}.profile-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-form label{display:flex;flex-direction:column;gap:.5rem;color:#666}.profile-form input,.profile-form textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s}.profile-form input:focus,.profile-form textarea:focus{border-color:#667eea;outline:none}.profile-details{display:flex;flex-direction:column;gap:1rem;line-height:1.6}.profile-details strong{color:#333;margin-right:.5rem}.about-section{margin-top:1rem}.about-section p{margin-top:.5rem;color:#666;white-space:pre-wrap}.photos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.photo-upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:transform .2s}.photo-upload-btn:hover{transform:translateY(-2px)}.photo-preview{background:#f9f9f9;padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:500;transition:transform .2s}.upload-btn:hover{transform:translateY(-2px)}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.photo-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.photo-item img{width:100%;height:100%;object-fit:cover}.delete-photo-btn{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:background-color .2s}.delete-photo-btn:hover{background:#000000e6}.profile-posts{display:flex;flex-direction:column;gap:1.5rem}.profile-form select{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s;background:#fff}.profile-form select:focus{border-color:#667eea;outline:none}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.form-row{grid-template-columns:1fr}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.admin-page{display:flex;flex-direction:column;gap:2rem}.admin-page h1{font-size:2rem;color:#333;margin-bottom:1rem}.admin-tabs{display:flex;gap:1rem;border-bottom:2px solid #e0e0e0}.admin-tabs button{background:none;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:500;color:#666;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.admin-tabs button:hover{color:#667eea}.admin-tabs button.active{color:#667eea;border-bottom-color:#667eea}.admin-content{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;text-align:center}.stat-card.warning{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-card.admin{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-card h3{font-size:1rem;margin-bottom:1rem;opacity:.9}.stat-number{font-size:3rem;font-weight:700;margin:0}.users-table{overflow-x:auto}.users-table table{width:100%;border-collapse:collapse}.users-table th{background:#f5f5f5;padding:1rem;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #e0e0e0}.users-table td{padding:1rem;border-bottom:1px solid #e0e0e0}.users-table tr.banned{background-color:#fee;opacity:.7}.users-table tr:hover{background-color:#f9f9f9}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600}.role-badge.admin{background:#e8f5e9;color:#2e7d32}.role-badge.user{background:#e3f2fd;color:#1976d2}.status-banned{color:#c33;font-weight:600}.status-active{color:#2e7d32;font-weight:600}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.actions button{padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;transition:transform .2s}.actions button:hover{transform:translateY(-2px)}.btn-ban{background:#fee;color:#c33}.btn-unban{background:#e8f5e9;color:#2e7d32}.btn-make-admin{background:#e3f2fd;color:#1976d2}.btn-remove-admin{background:#fff3e0;color:#e65100}.posts-list{display:flex;flex-direction:column;gap:1.5rem}.admin-post-card{background:#f9f9f9;border-radius:12px;padding:1.5rem;border:1px solid #e0e0e0}.post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.post-author-info{display:flex;gap:1rem;align-items:flex-start}.post-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.author-name{font-weight:600;color:#333;margin-bottom:.25rem}.org-name{font-size:.9rem;color:#666;margin-bottom:.25rem}.post-date{font-size:.85rem;color:#999}.btn-delete{background:#fee;color:#c33;padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:transform .2s}.btn-delete:hover{transform:translateY(-2px);background:#fcc}.post-content{margin-bottom:1rem}.post-content p{line-height:1.6;color:#333;margin-bottom:1rem}.post-image{width:100%;max-width:500px;border-radius:8px;margin-top:1rem}.post-stats{display:flex;gap:1.5rem;color:#666;font-size:.9rem}@media (max-width: 768px){.users-table{font-size:.9rem}.users-table th,.users-table td{padding:.5rem}.actions{flex-direction:column}.actions button{width:100%}}.layout{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo h1{font-size:1.5rem;font-weight:700;margin:0}.nav{display:flex;gap:2rem;flex:1;justify-content:center}.nav a{color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:background-color .2s}.nav a:hover{background-color:#ffffff1a}.nav a.active{background-color:#fff3}.user-menu{display:flex;align-items:center;gap:1rem}.username{font-weight:500}.logout-btn{background-color:#fff3;color:#fff;padding:.5rem 1rem;border-radius:8px;font-weight:500;transition:background-color .2s}.logout-btn:hover{background-color:#ffffff4d}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;padding:1rem}.nav{flex-wrap:wrap;gap:.5rem}.nav a{padding:.4rem .8rem;font-size:.9rem}.main-content{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}#root{min-height:100vh}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}