.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}@media (max-width: 480px){.auth-container{padding:2rem 1rem 1rem;align-items:flex-start}.auth-card{padding:1.5rem;border-radius:12px}.auth-card h1{font-size:1.6rem}.auth-card h2{font-size:1.2rem}}.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-name-link{cursor:pointer;transition:color .15s}.author-name-link:hover{color:#667eea;text-decoration:underline}.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: 600px){.post-card{padding:1rem}.avatar{width:38px;height:38px}.comment-input{flex-direction:column}.comment-input button{align-self:flex-end;padding:.6rem 1.2rem}}@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}.organizations-list{display:flex;flex-direction:column;gap:1.5rem}.org-group{display:flex;flex-direction:column;gap:.75rem}.org-group>.organization-card{margin-bottom:0}.org-sublist{display:flex;flex-wrap:wrap;gap:.75rem;padding-left:1.5rem;border-left:3px solid #e2e8f0}.org-sub-card{display:flex;align-items:center;gap:.75rem;background:#fff;border-radius:10px;padding:.75rem 1rem;box-shadow:0 1px 4px #00000014;cursor:pointer;transition:transform .15s,box-shadow .15s;min-width:200px;flex:1;max-width:280px}.org-sub-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px #00000021}.org-sub-card-icon{font-size:1.8rem;flex-shrink:0}.org-sub-card-info{display:flex;flex-direction:column;gap:.15rem;overflow:hidden}.org-sub-card-type{font-size:.75rem;color:#667eea;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.org-sub-card-name{font-size:.95rem;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-sub-card-members{font-size:.8rem;color:#999}.org-suborgs-inline{background:#f8faff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem}.org-suborgs-inline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.org-suborgs-inline-header h3{margin:0;font-size:1rem;color:#444}.create-btn-sm{font-size:.85rem;padding:.4rem .85rem}.suborg-create-form-inline{margin-bottom:1rem}.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}.org-content-with-sidebar{display:flex;gap:1.5rem;align-items:flex-start}.org-main-content{flex:1;min-width:0}.org-members-sidebar{width:220px;flex-shrink:0;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #00000014}.org-members-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.org-members-sidebar-title{font-weight:700;color:#333;font-size:.95rem}.org-members-sidebar-count{background:#f0f0f0;color:#666;border-radius:20px;padding:.1rem .5rem;font-size:.8rem;font-weight:600}.org-members-sidebar-avatars{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem}.sidebar-member{display:flex;flex-direction:column;align-items:center;gap:.2rem;cursor:pointer}.sidebar-member-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;transition:opacity .15s}.sidebar-member:hover .sidebar-member-avatar,.sidebar-member:hover .sidebar-member-avatar-placeholder{opacity:.8}.sidebar-member-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.sidebar-member-name{font-size:.7rem;color:#555;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.org-members-show-all-btn{width:100%;background:#f5f5f5;border:none;border-radius:8px;padding:.5rem;cursor:pointer;font-size:.85rem;color:#667eea;font-weight:600;transition:background .15s}.org-members-show-all-btn:hover{background:#e8eaff}.members-modal{background:#fff;border-radius:16px;width:760px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000002e;overflow:hidden}.members-modal-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid #f0f0f0;flex-wrap:wrap;position:relative}.members-modal-header h3{margin:0;font-size:1.1rem;flex:1}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:#f0f0f0;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.modal-close-btn:hover{background:#ddd}.members-modal-body{display:flex;flex:1;overflow:hidden}.members-modal-list{width:260px;flex-shrink:0;overflow-y:auto;border-right:1px solid #f0f0f0;padding:.5rem}.members-modal-list-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:10px;cursor:pointer;transition:background .15s}.members-modal-list-item:hover{background:#f5f5f5}.members-modal-list-item.active{background:#eef0ff}.members-modal-list-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.members-modal-list-avatar-ph{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.members-modal-list-name{font-size:.9rem;font-weight:600;color:#333}.members-modal-list-role{font-size:.78rem;color:#999}.members-modal-detail{flex:1;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;overflow-y:auto}.members-modal-detail-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover}.members-modal-detail-avatar-ph{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:2.2rem;font-weight:700;display:flex;align-items:center;justify-content:center}.members-modal-detail-name{font-size:1.15rem;font-weight:700;color:#333;text-align:center}.members-modal-detail-role{font-size:.9rem;color:#667eea;font-weight:500}.members-modal-profile-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;padding:.6rem 1.4rem;cursor:pointer;font-weight:600;font-size:.95rem;margin-top:.5rem;transition:opacity .2s}.members-modal-profile-btn:hover{opacity:.88}.members-modal-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem}@media (max-width: 700px){.org-content-with-sidebar{flex-direction:column}.org-members-sidebar{width:100%;position:static}.org-members-sidebar-avatars{grid-template-columns:repeat(6,1fr)}.members-modal{width:100%;max-width:100%;max-height:100dvh;border-radius:0;height:100dvh}.members-modal-body{flex-direction:column}.members-modal-list{width:100%;border-right:none;border-bottom:1px solid #f0f0f0;max-height:200px}.organizations-header{flex-wrap:wrap;gap:.75rem}.organizations-header h2{font-size:1.4rem}.org-header{flex-direction:column;padding:1.25rem;gap:1rem}.organizations-grid{grid-template-columns:1fr}}.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-name-link{cursor:pointer}.member-name-link:hover{color:#667eea;text-decoration:underline}.settings-card-danger{border-left:4px solid #e53e3e}.danger-note{color:#718096;font-size:.9rem;margin-bottom:1rem}.delete-org-btn{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:600;transition:opacity .2s}.delete-org-btn:hover{opacity:.85}.delete-suborgs-warning{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;padding:.75rem 1rem;margin:.75rem 0}.delete-suborgs-warning p{margin:0 0 .5rem;color:#c53030;font-weight:500;font-size:.9rem}.delete-suborgs-list{margin:0;padding-left:1.25rem;color:#555;font-size:.9rem}.delete-suborgs-list li{margin-bottom:.2rem}.suborg-type-hint{color:#999;font-size:.8rem}.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%}}.org-card-type-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:99px;margin-bottom:.5rem}.org-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:1rem}.org-header-avatar-placeholder{width:120px;height:120px;min-width:120px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:3.5rem}.org-private-badge{background:#ffeaea;color:#c33;font-size:.8rem;padding:.15rem .5rem;border-radius:99px}.org-public-badge{background:#e8f5e9;color:#2e7d32;font-size:.8rem;padding:.15rem .5rem;border-radius:99px}.org-type-select{padding:.6rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;margin-top:.25rem}.org-type-select:focus{border-color:#667eea;outline:none}.org-header-info{flex:1}.org-type-label{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem;border-radius:99px;margin-bottom:.5rem}.org-header-actions{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.org-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:#666;background:#fff;padding:.75rem 1.25rem;border-radius:8px;box-shadow:0 1px 4px #00000014}.org-breadcrumb-link{cursor:pointer;color:#667eea;font-weight:500;transition:color .2s}.org-breadcrumb-link:hover{color:#764ba2;text-decoration:underline}.org-breadcrumb-sep{color:#bbb;font-weight:700}.org-tabs{display:flex;gap:.5rem;flex-wrap:wrap;background:#fff;padding:.75rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.org-tab{padding:.6rem 1.25rem;border-radius:8px;font-weight:500;font-size:.95rem;background:#f5f5f5;color:#555;transition:all .2s;border:2px solid transparent}.org-tab:hover{background:#ede9ff;color:#667eea}.org-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.org-posts-section{display:flex;flex-direction:column;gap:1.5rem}.org-permission-note{background:#fff8e1;color:#7b5800;padding:1rem 1.25rem;border-radius:10px;font-size:.95rem;border-left:4px solid #ffc107}.org-members-section{display:flex;flex-direction:column;gap:1.5rem}.org-members-list{display:flex;flex-direction:column;gap:.75rem}.invite-section{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 2px 8px #00000014}.invite-section h4{margin-bottom:.75rem;color:#333}.invite-row{display:flex;gap:.5rem}.invite-input{flex:1;padding:.6rem .75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-family:inherit}.invite-input:focus{border-color:#667eea;outline:none}.invite-btn{padding:.6rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-weight:600;white-space:nowrap;transition:opacity .2s}.invite-btn:hover{opacity:.9}.invite-error{margin-top:.5rem;color:#c33;font-size:.9rem}.member-blocked{opacity:.6}.member-blocked-label{font-size:.8rem;color:#c33;font-weight:500}.member-noperm-label{font-size:.8rem;color:#e65100}.kick-btn{padding:.5rem 1rem;background:#ffeaea;color:#c33;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.kick-btn:hover{background:#ffd0d0}.org-suborgs-section{display:flex;flex-direction:column;gap:1.5rem}.suborg-create-area{padding:1.25rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.suborg-create-form{display:flex;flex-direction:column;gap:.75rem}.suborg-create-form h4{color:#333;margin-bottom:.25rem}.suborgs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.suborg-card{border-left:4px solid #667eea}.org-settings-section{display:flex;flex-direction:column;gap:1.25rem}.org-settings-section h3{color:#333;font-size:1.4rem}.settings-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1rem}.settings-card h4{color:#333;font-size:1rem;margin-bottom:.25rem}.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}.chat-back-btn{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer;color:#555;padding:.25rem .5rem;border-radius:8px;line-height:1;transition:background .15s}.chat-back-btn:hover{background:#f0f0f0}@media (max-width: 768px){.chat-page{height:calc(100dvh - 130px);position:relative;overflow:hidden;border-radius:8px}.chat-sidebar{width:100%;max-height:none;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;transition:transform .25s ease}.chat-sidebar.mobile-hidden{transform:translate(-100%);pointer-events:none}.chat-main{width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.chat-main.mobile-hidden{display:none}.chat-back-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0}.message{max-width:88%}.message-avatar{width:30px;height:30px}.send-btn{padding:.75rem 1rem}}.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}.start-chat-btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;background:linear-gradient(135deg,#43a047,#1b5e20);color:#fff;transition:transform .2s,opacity .2s;font-size:1rem}.start-chat-btn:hover:not(:disabled){transform:translateY(-2px)}.start-chat-btn:disabled{opacity:.7;cursor:not-allowed}.no-messages-note{padding:.6rem 1rem;background:#f5f5f5;border-radius:8px;color:#888;font-size:.95rem;display:inline-block}.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;align-items:center;text-align:center;padding:1.25rem;gap:1rem}.profile-info h1{font-size:1.5rem}.profile-avatar,.profile-avatar-placeholder{width:110px;height:110px}.profile-avatar-placeholder{font-size:3rem}.form-row{grid-template-columns:1fr}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.edit-actions{flex-wrap:wrap}.profile-section{padding:1.25rem}}.users-page{max-width:1100px;margin:0 auto;padding:1.5rem}.users-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.users-header h2{margin:0;color:#333}.users-search-input{padding:.6rem 1rem;border:1px solid #e2e8f0;border-radius:20px;font-size:.95rem;width:280px;outline:none;transition:border-color .2s}.users-search-input:focus{border-color:#667eea}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.user-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fff;border-radius:12px;padding:1.25rem .75rem;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:center}.user-card:hover{transform:translateY(-3px);box-shadow:0 4px 14px #00000021}.user-card-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}.user-card-avatar-placeholder{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}.user-card-name{font-weight:600;font-size:.9rem;color:#333;line-height:1.2;word-break:break-word}.user-card-username{font-size:.78rem;color:#999}@media (max-width: 600px){.users-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.users-header{flex-direction:column;align-items:flex-start}.users-search-input{width:100%}}.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}.hamburger-btn{display:none;background:none;border:none;color:#fff;font-size:1.6rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;line-height:1;transition:background .15s}.hamburger-btn:hover{background:#ffffff26}.mobile-sidebar,.nav-overlay{display:none}@media (max-width: 768px){.header-content{flex-wrap:nowrap;padding:.65rem 1rem;gap:.5rem;justify-content:space-between;align-items:center}.logo h1{font-size:1.2rem}.hamburger-btn{display:flex;align-items:center;flex-shrink:0}.user-menu,.nav{display:none}.main-content{padding:.75rem}.mobile-sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;width:280px;max-width:82vw;background:#fff;z-index:1000;transform:translate(-100%);transition:transform .28s ease;box-shadow:4px 0 24px #0000002e}.mobile-sidebar.open{transform:translate(0)}.mobile-sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0}.mobile-sidebar-title{font-weight:700;font-size:1.1rem}.mobile-sidebar-close{background:#fff3;border:none;color:#fff;font-size:1rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.mobile-sidebar-close:hover{background:#ffffff59}.mobile-sidebar-nav{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:.5rem 0}.mobile-sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.5rem;color:#333;font-size:1rem;font-weight:500;border-bottom:1px solid #f0f0f0;transition:background .15s;text-decoration:none}.mobile-sidebar-nav a:hover{background:#f5f5f5}.mobile-sidebar-nav a.active{background:#eef0ff;color:#667eea;font-weight:700}.mobile-sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-top:1px solid #e0e0e0;flex-shrink:0}.mobile-sidebar-username{font-weight:600;color:#333;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.mobile-sidebar-logout{background:#f0f0f0;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;color:#555;transition:background .15s;flex-shrink:0}.mobile-sidebar-logout:hover{background:#e0e0e0}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;z-index:999}.nav-overlay.open{display:block}}*{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}