.chat-window{background:#fff;display:flex;flex:1 1;flex-direction:column;height:100%}.chat-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;gap:15px;padding:15px 20px}.back-btn{background:none;border-radius:4px;color:#007bff;font-size:16px;padding:5px 10px;transition:background .2s}.back-btn:hover{background:#e3f2fd}.chat-info{flex:1 1}.chat-info h3{color:#333;font-size:16px;margin:0}.participant-count{color:#999;font-size:12px}.add-users-btn{align-items:center;background:#28a745;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:background .3s;width:36px}.add-users-btn:hover{background:#218838}.add-users-panel{background:#f9f9f9;border-bottom:1px solid #e0e0e0;padding:10px 20px}.add-users-input{border:1px solid #ddd;border-radius:16px;font-size:13px;padding:8px;width:100%}.add-users-results{display:flex;flex-direction:column;gap:5px;margin-top:8px;max-height:150px;overflow-y:auto}.add-user-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s}.add-user-item:hover{background:#e8f5e9}.add-user-item img{border-radius:50%;height:28px;object-fit:cover;width:28px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.message{align-items:flex-end;display:flex;gap:10px}.message.own{justify-content:flex-end}.message.own .message-content{background:#007bff;color:#fff}.message.other .message-avatar{margin-bottom:0}.message-avatar{flex-shrink:0;height:32px;margin-bottom:4px;width:32px}.message-avatar img{object-fit:cover}.avatar-placeholder,.message-avatar img{border-radius:50%;height:100%;width:100%}.avatar-placeholder{align-items:center;background:#ccc;color:#fff;display:flex;font-size:12px;font-weight:700;justify-content:center}.message-content{background:#f0f0f0;border-radius:8px;display:flex;flex-direction:column;gap:4px;max-width:60%;padding:10px 12px;word-break:break-word}.message.own .message-content{max-width:70%}.message-header{align-items:center;display:flex;font-size:12px;gap:8px;justify-content:space-between}.message-author{font-size:11px;font-weight:600;opacity:.8}.message.own .message-author{color:#fffc}.message-time{font-size:11px;opacity:.6}.message.own .message-time{color:#fff9}.message-text{font-size:14px;line-height:1.4;margin:0}.message.own .message-text{color:#fff}.message-edited{font-size:10px;font-style:italic;opacity:.6}.message.own .message-edited{color:#fff9}.message-actions{display:flex;gap:4px;margin-left:8px}.delete-btn,.edit-btn{background:none;border:none;cursor:pointer;font-size:14px;opacity:.6;padding:4px;transition:opacity .2s}.delete-btn:hover,.edit-btn:hover{opacity:1}.edit-form{display:flex;gap:4px}.edit-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:13px;padding:6px}.edit-cancel-btn,.edit-save-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:4px 8px}.edit-save-btn{background:#28a745;color:#fff}.edit-cancel-btn{background:#dc3545;color:#fff}.loading-messages,.no-messages{color:#999;padding:20px;text-align:center}.message-input-area{background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:10px;padding:15px 20px}.message-input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-family:inherit;font-size:14px;padding:10px 15px;resize:none}.message-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.send-btn{background:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .3s}.send-btn:hover:not(:disabled){background:#0056b3}.send-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.message-content{max-width:85%}.message.own .message-content{max-width:90%}.chat-header{padding:10px 15px}.messages-container{gap:10px;padding:15px}}.messenger-container{display:flex;height:100%;width:100%}.conversations-list{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;max-width:400px;width:100%}.messenger-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.messenger-header h2{color:#333;font-size:24px;margin:0}.new-chat-btn{align-items:center;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:background .3s;width:40px}.new-chat-btn:hover{background:#0056b3}.new-chat-panel{border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;gap:10px;padding:15px}.search-input{border:1px solid #ddd;border-radius:20px;font-size:14px;padding:10px;width:100%}.selected-users{display:flex;flex-wrap:wrap;gap:8px}.selected-user{align-items:center;background:#e3f2fd;border-radius:16px;display:flex;font-size:12px;gap:5px;padding:4px 8px}.remove-user-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;margin-left:4px;padding:0}.search-results{display:flex;flex-direction:column;gap:8px;max-height:200px}.search-result-item{border-radius:8px;gap:10px;padding:10px;transition:background .2s}.search-result-item:hover{background:#f5f5f5}.search-result-item img{border-radius:50%;height:32px;object-fit:cover;width:32px}.result-username{font-size:14px;font-weight:500}.result-bio{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-chat-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px;transition:background .3s}.start-chat-btn:hover{background:#218838}.conversations-scroll{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.conversation-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:15px;transition:background .2s}.conversation-item:hover{background:#f9f9f9}.conversation-participants{color:#333;font-size:14px;font-weight:500}.conversation-participants,.conversation-preview{margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview{color:#666;font-size:13px}.conversation-time{color:#999;font-size:12px}.loading-conversations,.no-conversations{color:#666;padding:20px;text-align:center}@media (max-width:768px){.conversations-list{max-width:100%}.messenger-container{flex-direction:column}}:root{--primary:#4f46e5;--secondary:#f43f5e;--accent:#fbbf24;--success:#22c55e;--danger:#ef4444;--warning:#f59e42;--dark:#18181b;--light:#f8fafc;--text-dark:#1e293b;--text-light:#64748b;--border:#e2e8f0;--card-bg:#fff;--card-shadow:0 2px 16px #00000012;--radius:12px;--input-bg:#f1f5f9;--input-border:#cbd5e1;--input-focus:#6366f1;--base-font-size:16px;--scale:1}html{font-size:16px;font-size:calc(var(--base-font-size)*var(--scale))}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{background:#f8fafc;background:var(--light)}.app{display:flex;flex-direction:row;min-height:100vh;.card{background:#fff;background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 16px #00000012;box-shadow:var(--card-shadow);margin-bottom:1.5rem;padding:1.5rem}.btn{background:#4f46e5;background:var(--primary);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 4px #6366f114;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.6em 1.2em;transition:background .2s,box-shadow .2s}.btn:focus,.btn:hover{background:#f43f5e;background:var(--secondary);outline:none}.btn-success{background:#22c55e;background:var(--success)}.btn-danger{background:#ef4444;background:var(--danger)}.btn-primary{background:#4f46e5;background:var(--primary)}.form-control{background:#f1f5f9;background:var(--input-bg);border:1px solid #cbd5e1;border:1px solid var(--input-border);border-radius:12px;border-radius:var(--radius);color:#1e293b;color:var(--text-dark);font-size:1rem;margin-bottom:1em;padding:.7em 1em;transition:border .2s;width:100%}.form-control:focus{border-color:#6366f1;border-color:var(--input-focus);outline:none}.success-message{color:#22c55e;color:var(--success);font-weight:600;margin-top:.5em}.error-message{color:#ef4444;color:var(--danger);font-weight:600;margin-top:.5em}@media (max-width:900px){.navbar{border-radius:0 0 12px 12px;border-radius:0 0 var(--radius) var(--radius);box-shadow:0 10px 30px #6366f126;flex-direction:row;height:auto;padding:1rem .5rem;position:static;width:100vw}.app{flex-direction:column}}}.navbar{align-items:center;animation:slideRight .3s ease-out;background:linear-gradient(135deg,#4f46e5,#f43f5e);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);box-shadow:10px 0 30px #6366f14d;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:1.5rem 1rem;position:fixed;top:0;width:280px;z-index:1000}@keyframes slideRight{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.navbar-logo{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;text-align:center}.navbar-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#fef3c7);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.navbar-links,.navbar-links .side-links,.navbar-links .top-links{align-items:center;display:flex;flex-direction:column;gap:.5rem;width:100%}.navbar-links .side-links{margin-top:1rem}.navbar-links a{align-items:center;border-radius:.5rem;color:#fff;display:flex;font-weight:500;gap:.75rem;justify-content:center;padding:.75rem 1.25rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.navbar-links a .nav-icon{align-items:center;color:inherit;display:inline-flex;flex-shrink:0;font-size:1.2rem;height:24px;justify-content:center;width:24px}.navbar-links a .nav-label{font-size:1rem;white-space:nowrap}.navbar-links .side-link,.navbar-links .top-link{align-items:center;display:flex}.hamburger-toggle{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;margin-left:.25rem;padding:.5rem}.hamburger-overlay{background:#00000073;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:999999}.hamburger-menu{-webkit-overflow-scrolling:touch;background:#fff;box-shadow:-6px 0 30px #0003;height:100%;max-width:90%;overflow-y:auto;padding:1rem;width:320px;z-index:1000000}.hamburger-close{background:none;border:none;cursor:pointer;float:right;font-size:1.2rem}.hamburger-nav{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.hamburger-item{border-radius:.5rem;color:#1e293b;color:var(--text-dark);font-weight:600;padding:.75rem 1rem;text-decoration:none}.hamburger-item:hover{background:#f8fafc;background:var(--light)}.hamburger-item .nav-icon{height:20px;margin-right:.75rem;vertical-align:middle;width:20px}.hamburger-item .nav-label{color:#1e293b;color:var(--text-dark);display:inline-block!important;vertical-align:middle}.hamburger-item{-webkit-tap-highlight-color:rgba(0,0,0,.06);cursor:pointer;touch-action:manipulation}.hamburger-menu{z-index:2200}.hamburger-item{align-items:center;display:flex;width:100%;z-index:2300}.hamburger-overlay{-webkit-tap-highlight-color:transparent;touch-action:none;z-index:99999}.hamburger-menu,.hamburger-overlay{pointer-events:auto;-webkit-transform:translateZ(0)}.hamburger-menu{bottom:0;position:fixed;right:0;top:0;z-index:100000}@media (min-width:1024px){.navbar{border-radius:0;box-shadow:0 6px 20px #6366f11f;height:64px;justify-content:flex-start;left:0;overflow:visible;padding:0 1rem;right:0;top:0;width:100%}.navbar,.navbar-logo{align-items:center;flex-direction:row}.navbar-logo{gap:.75rem;margin-bottom:0;margin-right:1rem;text-align:left}.navbar-logo span{display:inline-block}.navbar-links{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:1rem;padding:0 .5rem;width:100%}.navbar-links .top-links{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;gap:.5rem;justify-content:center}.navbar-links .side-links{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:.5rem;height:44px;margin-left:0}.navbar-links .side-links .side-link{display:none}.hamburger-toggle{align-items:center;align-self:center;background:none;background:#ffffff0f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;height:44px;justify-content:center;margin-left:.5rem;margin-left:0;margin-right:.25rem;margin-top:0;padding:.5rem;vertical-align:middle;width:44px}.navbar-links .top-links+.side-links{margin-left:.5rem}.hamburger-toggle{margin-left:.25rem}.navbar-links .top-link{background:#ffffff0f;border-radius:.5rem;color:#fff;gap:.5rem;min-width:80px;padding:.5rem .75rem}.navbar-links .top-link .nav-label{display:none}.navbar-links .top-link{gap:0;height:44px;min-width:44px;padding:0;width:44px}.navbar-links .top-link,.navbar-links .top-link .nav-icon{align-items:center;display:inline-flex;justify-content:center}.navbar-links .top-link .nav-icon{height:20px;width:20px}.container{margin-left:0;margin-top:64px}.navbar.collapsed{height:64px}}.hamburger-item,.hamburger-item *{pointer-events:auto}.hamburger-item{position:relative;z-index:100001}body.no-pointer-events .container,body.no-pointer-events .create-post,body.no-pointer-events .create-post-modal,body.no-pointer-events .feed,body.no-pointer-events .navbar,body.no-pointer-events .top-card{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.navbar-links a:hover{background:#fff3;transform:scale(1.05)}.navbar-links .active{background:#ffffff4d;border-left:4px solid #fff}.settings-link{align-items:center;color:#fff!important;display:flex;justify-content:center;padding:.5rem!important;transition:all .3s ease}.settings-link:hover{background:#fff3!important;transform:rotate(20deg)}.messenger-link{align-items:center;color:#fff!important;display:flex;justify-content:center;padding:.5rem!important;transition:all .3s ease}.messenger-link:hover{background:#fff3!important;transform:scale(1.1)}.logout-btn{background:#fff3;border:2px solid #fff;border-radius:2rem;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .3s ease}.logout-btn:hover{background:#fff;color:#4f46e5;color:var(--primary);transform:scale(1.05)}.sidebar-toggle{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-bottom:1rem;padding:.5rem;transition:all .3s ease}.sidebar-toggle:hover{background:#ffffff1a;border-radius:.5rem;transform:scale(1.1)}.navbar.collapsed{padding:1rem .5rem;width:80px}.navbar.collapsed .sidebar-toggle{margin-bottom:.5rem}.navbar.collapsed .navbar-logo{margin-bottom:1rem}.navbar.collapsed .navbar-logo span{display:none}.navbar.collapsed .navbar-links{gap:.25rem}.navbar.collapsed .navbar-links a{height:50px;padding:.5rem;text-align:center;width:50px}.navbar.collapsed .navbar-links a svg{font-size:1rem;height:24px;width:24px}.navbar.collapsed .navbar-links a .nav-label{display:none}.app.navbar-collapsed .container{margin-left:80px}.container{flex:1 1;margin:0 auto 0 280px;max-width:1200px;padding:2rem;transition:margin-left .3s ease;width:100%}.auth-container{align-items:center;background:linear-gradient(135deg,#4f46e5,#f43f5e 50%,#fbbf24);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 50%,var(--accent) 100%);display:flex;justify-content:center;min-height:100vh}.auth-form{animation:slideUp .5s ease-out;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:3rem;width:100%}.auth-form h2{color:#4f46e5;color:var(--primary);font-size:2rem;margin-bottom:2rem;text-align:center}.form-group input:focus,.form-group textarea:focus{transform:translateY(-2px)}.btn{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#4f46e5,#f43f5e);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff;width:100%}.btn-primary:hover{box-shadow:0 10px 30px #6366f14d;transform:translateY(-3px)}.btn-secondary{background:linear-gradient(135deg,#fbbf24,#f43f5e);background:linear-gradient(135deg,var(--accent) 0,var(--secondary) 100%);color:#fff}.btn-secondary:hover{box-shadow:0 10px 30px #f49e0b4d;transform:translateY(-3px)}.btn-danger{background:#ef4444;background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626;transform:scale(1.05)}.btn-success{background:#22c55e;background:var(--success);color:#fff}.btn-success:hover{background:#059669}.auth-link{color:#64748b;color:var(--text-light);margin-top:1.5rem;text-align:center}.auth-link a{color:#4f46e5;color:var(--primary);font-weight:600;text-decoration:none;transition:all .3s ease}.auth-link a:hover{color:#f43f5e;color:var(--secondary);text-decoration:underline}.verify-banner{align-items:center;animation:verifyBannerEnter .36s cubic-bezier(.2,.9,.2,1) forwards;background:linear-gradient(90deg,#fff8db,#fff6e6);border:1px solid #f0e6b6;border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin:12px 0;opacity:0;padding:12px 16px;transform:translateY(-8px)}.verify-banner__content{display:flex;flex-direction:column}.verify-banner__title{color:#18181b;color:var(--dark);font-size:1rem}.verify-banner__subtitle{color:#1e293b;color:var(--text-dark);font-size:.9rem;opacity:.85}.verify-banner__actions{align-items:center;display:flex;gap:10px}.verify-banner__message{font-size:.9rem}.verify-banner__message--success{color:#22c55e;color:var(--success)}.verify-banner__message--error{color:#ef4444;color:var(--danger)}.verify-banner__btn{padding:.5rem 1rem}@media (max-width:720px){.verify-banner{align-items:flex-start;flex-direction:column}.verify-banner__actions{justify-content:flex-start;width:100%}}@keyframes verifyBannerEnter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.feed{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.feed-top{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.top-card{animation:fadeIn .5s ease-out;background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:1.5rem}.top-card.profile-section{align-items:center;display:flex;gap:1.5rem}.profile-avatar-top{border:3px solid #4f46e5;border:3px solid var(--primary);border-radius:50%;height:80px;object-fit:cover;width:80px}.profile-info{flex:1 1}.profile-stats-top{display:flex;gap:2rem}.stat-top{text-align:center}.stat-top .stat-number{color:#4f46e5;color:var(--primary);font-size:1.5rem;font-weight:700}.stat-top .stat-label{color:#64748b;color:var(--text-light);font-size:.85rem}.trending-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.trend-item-top{background:#f8fafc;background:var(--light);border-radius:.5rem;cursor:pointer;padding:1rem;transition:all .3s ease}.trend-item-top:hover{background:linear-gradient(135deg,#4f46e5,#f43f5e);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff}.trend-item-top .trend-title{font-weight:600;margin-bottom:.5rem}.trend-item-top .trend-count{font-size:.9rem;opacity:.8}.feed-left{display:flex;flex-direction:column;gap:2rem}.create-post{animation:fadeIn .5s ease-out;background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:1.5rem}.create-post-header{display:flex;gap:1rem;margin-bottom:1rem}.user-avatar{border:2px solid #4f46e5;border:2px solid var(--primary);border-radius:50%;height:48px;object-fit:cover;width:48px}.post-input-area{flex:1 1}.post-input-area input{border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:2rem;cursor:pointer;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.post-input-area input:hover{background:#f8fafc;background:var(--light);border-color:#4f46e5;border-color:var(--primary)}.create-post-modal{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.create-post-content{background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.create-post-content h2{color:#4f46e5;color:var(--primary);margin-bottom:1.5rem}.post-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:1rem;margin-bottom:1.5rem}.post-tab{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--text-light);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.post-tab.active{border-bottom-color:#4f46e5;border-bottom-color:var(--primary)}.post-tab.active,.post-tab:hover{color:#4f46e5;color:var(--primary)}.file-input-wrapper{margin:1.5rem 0}.file-input{display:none}.file-input-btn{background:linear-gradient(135deg,#fbbf24,#f43f5e);background:linear-gradient(135deg,var(--accent) 0,var(--secondary) 100%);border-radius:.5rem;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.file-input-btn:hover{box-shadow:0 10px 20px #f49e0b4d;transform:translateY(-2px)}.close-btn{background:#ef4444;background:var(--danger);border:none;border-radius:.5rem;color:#fff;cursor:pointer;float:right;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.close-btn:hover{background:#dc2626}.post-card{animation:slideUp .5s ease-out;background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.post-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.post-header{justify-content:space-between;margin-bottom:1rem}.post-author-info,.post-header{align-items:center;display:flex}.post-author-info{gap:.75rem}.post-author-details{display:flex;flex-direction:column}.post-author-name{color:#1e293b;color:var(--text-dark);cursor:pointer;font-weight:600;transition:all .3s ease}.post-author-name:hover{color:#4f46e5;color:var(--primary)}.post-time{color:#64748b;color:var(--text-light);font-size:.85rem}.post-menu{position:relative}.post-menu-btn{background:none;border:none;color:#64748b;color:var(--text-light);cursor:pointer;font-size:1.25rem;transition:all .3s ease}.post-menu-btn:hover{color:#4f46e5;color:var(--primary)}.follow-btn{background:#4f46e5;background:var(--primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.follow-btn:hover{background:#f43f5e;background:var(--secondary);box-shadow:0 4px 12px #ec48994d;transform:translateY(-2px)}.follow-btn.following{background:#64748b;background:var(--text-light);color:#1e293b;color:var(--text-dark)}.follow-btn.following:hover{background:#ef4444;background:var(--danger);color:#fff}.post-menu-dropdown{animation:slideUp .2s ease-out;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;box-shadow:0 4px 15px #0000001a;min-width:150px;position:absolute;right:0;top:100%;z-index:50}.post-menu-item{background:none;border:none;color:#1e293b;color:var(--text-dark);cursor:pointer;padding:.75rem 1rem;text-align:left;transition:all .3s ease;width:100%}.post-menu-item:hover{background:#f8fafc;background:var(--light);color:#4f46e5;color:var(--primary)}.post-menu-item.danger{color:#ef4444;color:var(--danger)}.post-menu-item.danger:hover{background:#ef44441a}.post-content{color:#1e293b;color:var(--text-dark);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.post-media{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1rem 0}.media-item{border-radius:.5rem;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.media-item:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.02)}.media-item img,.media-item video{display:block;height:100%;object-fit:cover;width:100%}.post-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);justify-content:space-around;margin-top:1rem;padding-top:1rem;z-index:2}.action-btn,.post-actions{display:flex;position:relative}.action-btn{align-items:center;background:none;border:none;border-radius:.5rem;color:#64748b;color:var(--text-light);cursor:pointer;font-weight:600;gap:.5rem;padding:.5rem 1rem;pointer-events:auto;transition:all .3s ease;z-index:1}.action-btn:hover{background:#f8fafc;background:var(--light);color:#4f46e5;color:var(--primary);transform:scale(1.1)}.action-btn.liked{color:#ef4444;color:var(--danger)}.action-btn.shared{color:#fbbf24;color:var(--accent)}.comments-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1rem}.comment-input{display:flex;gap:.75rem;margin-bottom:1rem}.comment-input input{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:2rem;flex:1 1;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.comment-input input:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 2px #6366f11a;outline:none}.comment-input button{background:linear-gradient(135deg,#4f46e5,#f43f5e);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:2rem;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .3s ease}.comment-input button:hover{box-shadow:0 5px 15px #6366f14d;transform:translateY(-2px)}.comment{border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--light);padding:.75rem 0}.comment:last-child{border-bottom:none}.comment-author{font-weight:600}.comment-author,.comment-text{color:#1e293b;color:var(--text-dark);font-size:.9rem}.comment-text,.comment-time{margin-top:.25rem}.comment-time{color:#64748b;color:var(--text-light);font-size:.8rem}.sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{animation:slideUp .5s ease-out;background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:1.5rem}.sidebar-card h3{color:#4f46e5;color:var(--primary);font-size:1.1rem;margin-bottom:1rem}.trend-item{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);cursor:pointer;padding:.75rem 0;transition:all .3s ease}.trend-item:hover{background:#f8fafc;background:var(--light);transform:translateX(5px)}.trend-title{color:#1e293b;color:var(--text-dark);font-weight:600}.trend-count{color:#64748b;color:var(--text-light);font-size:.85rem}.profile-section{text-align:center}.profile-avatar{border:3px solid #4f46e5;border:3px solid var(--primary);border-radius:50%;height:80px;margin:0 auto 1rem;object-fit:cover;width:80px}.profile-name{color:#1e293b;color:var(--text-dark);font-weight:600;margin-bottom:.5rem}.profile-bio{color:#64748b;color:var(--text-light);font-size:.85rem;margin-bottom:1rem}.profile-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.stat{background:#f8fafc;background:var(--light);border-radius:.5rem;padding:.75rem}.stat-number{color:#4f46e5;color:var(--primary);font-size:1.1rem;font-weight:600}.stat-label{color:#64748b;color:var(--text-light);font-size:.75rem;text-transform:uppercase}.profile-page{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:2rem}.profile-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);margin-bottom:2rem;padding-bottom:2rem;text-align:center}.profile-header-avatar{border:4px solid #4f46e5;border:4px solid var(--primary);border-radius:50%;height:120px;margin:0 auto 1rem;object-fit:cover;width:120px}.profile-header h1{color:#1e293b;color:var(--text-dark);font-size:2rem;margin-bottom:.5rem}.profile-header-bio{color:#64748b;color:var(--text-light);font-size:1.05rem}.profile-edit-btn{margin-top:1rem}.profile-posts{margin-top:2rem}.profile-posts h2{color:#4f46e5;color:var(--primary);font-size:1.5rem;margin-bottom:1.5rem}.admin-panel{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.admin-card{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:2rem}.admin-card h3{color:#4f46e5;color:var(--primary);font-size:1.2rem;margin-bottom:1.5rem}.admin-list{list-style:none}.admin-list-item{align-items:center;animation:slideUp .3s ease-out;background:#f8fafc;background:var(--light);border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.admin-list-item-info{flex:1 1}.admin-list-item-name{color:#1e293b;color:var(--text-dark);font-weight:600;margin-bottom:.25rem}.admin-list-item-email{color:#64748b;color:var(--text-light);font-size:.85rem}.admin-list-item-actions{display:flex;gap:.5rem}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal{animation:slideUp .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2rem;width:90%}.modal h2{color:#4f46e5;color:var(--primary);margin-bottom:1.5rem}.modal-buttons{display:flex;gap:1rem;margin-top:1.5rem}.modal-buttons button{flex:1 1}.contact-form{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:600px;padding:2rem}.contact-form h2{color:#4f46e5;color:var(--primary);margin-bottom:1.5rem;text-align:center}.contact-form textarea{min-height:150px;resize:vertical}.success-message{background:linear-gradient(135deg,#22c55e,#06b6d4);background:linear-gradient(135deg,var(--success) 0,#06b6d4 100%)}.error-message,.success-message{animation:slideUp .3s ease-out;color:#fff;margin-bottom:1rem}.error-message{background:linear-gradient(135deg,#ef4444,#f59e42);background:linear-gradient(135deg,var(--danger) 0,var(--warning) 100%)}.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #f8fafc;border-top:4px solid #4f46e5;border:4px solid var(--light);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.search-results{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:0 0 .5rem .5rem;border-top:none;box-shadow:0 4px 15px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.search-result-item{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.search-result-item:hover{background:#f8fafc;background:var(--light);transform:translateX(5px)}.search-result-avatar{border:2px solid #4f46e5;border:2px solid var(--primary);border-radius:50%;height:40px;object-fit:cover;width:40px}.search-result-info{flex:1 1}.search-result-name{color:#1e293b;color:var(--text-dark);font-weight:600}.search-result-bio{color:#64748b;color:var(--text-light);font-size:.85rem}@media (max-width:768px){.feed{grid-template-columns:1fr}.navbar{flex-direction:column;gap:1rem}.navbar-links{gap:1rem;justify-content:center;width:100%}.container{padding:1rem}.admin-panel{grid-template-columns:1fr}.profile-stats{grid-template-columns:1fr 1fr 1fr}}.admin-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.admin-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2rem;width:90%}.admin-modal h3{color:#4f46e5;color:var(--primary);font-size:1.1rem;margin-bottom:1.5rem}.admin-modal-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.admin-modal-buttons button{padding:.75rem .5rem}.admin-dropdown{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;box-shadow:0 4px 12px #00000026;left:0;margin-top:.25rem;min-width:150px;position:absolute;top:100%;z-index:2000}.admin-dropdown div{color:#1e293b;color:var(--text-dark);cursor:pointer;font-size:.9rem;padding:.75rem 1rem;transition:background-color .2s ease}.admin-dropdown div:hover{background-color:#f8fafc;background-color:var(--light);color:#4f46e5;color:var(--primary)}.admin-dropdown div:first-child{border-radius:.5rem .5rem 0 0}.admin-dropdown div:last-child{border-radius:0 0 .5rem .5rem}.settings-page{padding:2rem}.settings-container{margin:0 auto;max-width:600px}.settings-container h1{color:#4f46e5;color:var(--primary);margin-bottom:2rem}.settings-tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:1rem;margin-bottom:2rem}.settings-tab{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;color:var(--text-light);cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.settings-tab.active,.settings-tab:hover{color:#4f46e5;color:var(--primary)}.settings-tab.active{border-bottom-color:#4f46e5;border-bottom-color:var(--primary)}.settings-form{animation:slideUp .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:2rem}.settings-form h2{color:#4f46e5;color:var(--primary);margin-bottom:1.5rem}.form-group input{border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:.5rem;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.success-message{background:#10b9811a;border-left:4px solid #22c55e;border-left:4px solid var(--success);color:#22c55e;color:var(--success)}.error-message,.success-message{border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.error-message{background:#ef44441a;border-left:4px solid #ef4444;border-left:4px solid var(--danger);color:#ef4444;color:var(--danger)}.guidelines-container{animation:fadeIn .5s ease-out;background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:2rem}.guidelines-container h1{color:#4f46e5;color:var(--primary);font-size:2.5rem;margin-bottom:1rem;text-align:center}.guidelines-content{margin:2rem 0}.guideline-item{background:#f8fafc;background:var(--light);border-radius:.75rem;display:flex;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.guideline-item:hover{background:#6366f10d;box-shadow:0 4px 12px #6366f11a}.guideline-number{align-items:center;background:linear-gradient(135deg,#4f46e5,#f43f5e);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.guideline-text h3{color:#4f46e5;color:var(--primary);font-size:1.2rem;margin-bottom:.5rem}.guideline-text p{color:#64748b;color:var(--text-light);line-height:1.6;margin:0}.guideline-text a{color:#4f46e5;color:var(--primary);text-decoration:none;transition:all .3s ease}.guideline-text a:hover{color:#f43f5e;color:var(--secondary);text-decoration:underline}@media (max-width:768px){.guidelines-container{padding:1.5rem}.guidelines-container h1{font-size:1.75rem}.guideline-item{flex-direction:column;gap:1rem}.guideline-number{font-size:1.2rem;height:40px;width:40px}}.groups-container{margin:0 auto;max-width:1200px;padding:2rem}.groups-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.groups-header h1{color:#1e293b;color:var(--text-dark);font-size:2rem}.groups-list{grid-gap:1.5rem;display:grid;gap:1.5rem}.group-card{background:#fff;border:2px solid #0000;border-radius:1rem;box-shadow:0 4px 15px #00000014;padding:1.5rem;transition:all .3s ease}.group-card:hover{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.group-card-header{align-items:flex-start;display:flex;justify-content:space-between}.group-info{flex:1 1}.group-info h3{color:#1e293b;color:var(--text-dark);font-size:1.5rem;margin-bottom:.5rem}.group-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin-bottom:1rem;overflow:hidden}.group-description,.group-meta{color:#64748b;color:var(--text-light)}.group-meta{flex-wrap:wrap;font-size:.9rem;gap:2rem}.group-owner,.member-count{align-items:center;display:flex;gap:.5rem}.group-actions{margin-left:1rem}.btn-icon{align-items:center;background:none;border:none;border-radius:.5rem;color:#4f46e5;color:var(--primary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .3s ease}.btn-icon:hover{background:#f8fafc;background:var(--light);color:#f43f5e;color:var(--secondary)}.btn-icon.danger{color:#ef4444;color:var(--danger)}.btn-icon.danger:hover{background:#ef44441a}.banned-members-section{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #00000014;margin-top:2rem;padding:2rem}.banned-member-item{background:linear-gradient(135deg,#ef44440d,#f790090d);border-left:4px solid #ef4444;border-left:4px solid var(--danger)}.banned-member-item:hover{background:linear-gradient(135deg,#ef44441a,#f790091a)}.banned-info{font-size:.85rem;margin-top:.25rem}.banned-info,.empty-state{color:#64748b;color:var(--text-light)}.empty-state{padding:3rem 2rem;text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#1e293b;color:var(--text-dark);font-size:1.5rem;margin-bottom:.5rem}.group-detail{margin:0 auto;max-width:1200px;padding:2rem}.group-detail-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem}.group-detail-header h1{color:#1e293b;color:var(--text-dark);flex:1 1;font-size:2.5rem}.group-header-actions{display:flex;gap:1rem}.group-detail-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr}.group-info-section{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #00000014;padding:2rem}.group-description{margin-bottom:2rem}.group-description h3{color:#4f46e5;color:var(--primary);margin-bottom:1rem}.group-description p{color:#64748b;color:var(--text-light);line-height:1.6}.group-meta{display:flex;flex-direction:column;gap:1rem}.meta-item{background:#f8fafc;background:var(--light);border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem}.meta-label{color:#64748b;color:var(--text-light);font-weight:500}.meta-value{color:#1e293b;color:var(--text-dark);font-weight:600}.members-section{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #00000014;padding:2rem}.members-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.members-header h2{color:#1e293b;color:var(--text-dark);font-size:1.5rem}.btn-sm{align-items:center;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.members-list{display:flex;flex-direction:column;gap:1rem}.member-item{align-items:center;background:#f8fafc;background:var(--light);border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.member-item:hover{background:#f0f9ff}.member-info{flex:1 1}.member-name{color:#1e293b;color:var(--text-dark);font-weight:600;margin-bottom:.25rem}.member-role-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.member-role-badge[data-role=owner]{background:linear-gradient(135deg,#f43f5e,#d946ef);background:linear-gradient(135deg,var(--secondary) 0,#d946ef 100%);color:#fff}.member-role-badge[data-role=admin]{background:linear-gradient(135deg,#fbbf24,#f97316);background:linear-gradient(135deg,var(--accent) 0,#f97316 100%);color:#fff}.member-role-badge[data-role=moderator]{background:linear-gradient(135deg,#4f46e5,#8b5cf6);background:linear-gradient(135deg,var(--primary) 0,#8b5cf6 100%);color:#fff}.member-role-badge[data-role=member]{background:#e2e8f0;background:var(--border);color:#1e293b;color:var(--text-dark)}.member-actions{align-items:center;display:flex;gap:1rem;margin-left:1rem}.role-select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;color:#1e293b;color:var(--text-dark);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .3s ease}.role-select:focus,.role-select:hover{border-color:#4f46e5;border-color:var(--primary)}.role-select:focus{box-shadow:0 0 0 3px #6366f11a;outline:none}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}.modal-content h2{color:#4f46e5;color:var(--primary);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{color:#1e293b;color:var(--text-dark);display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:.5rem;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.modal-actions button{flex:1 1}.invite-section{margin-bottom:1.5rem;overflow:visible}.invite-section .search-results{background:#f8fafc;background:var(--light);border:2px solid #e2e8f0;border-radius:.5rem;border-top:1px solid #e2e8f0;border:2px solid var(--border);border-top:1px solid var(--border);box-shadow:0 4px 6px #0000001a!important;display:block!important;left:auto!important;margin-top:1rem;max-height:300px;overflow-y:auto;position:static!important;right:auto!important;top:auto!important;visibility:visible!important;width:100%!important;z-index:10}.search-result{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);cursor:pointer;display:flex!important;justify-content:space-between;padding:1rem;transition:all .3s ease;visibility:visible!important}.search-result:hover{background:#fff}.search-result:last-child{border-bottom:none}.invite-section .search-result{display:flex!important;visibility:visible!important}.selected-users{margin-top:1.5rem}.selected-users h3{color:#1e293b;color:var(--text-dark);font-size:.95rem;margin-bottom:1rem}.selected-users-list{display:flex;flex-wrap:wrap;gap:.5rem}.selected-user-tag{background:linear-gradient(135deg,#4f46e5,#f43f5e);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border-radius:9999px;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.btn-remove,.selected-user-tag{align-items:center;color:#fff;display:flex}.btn-remove{background:none;border:none;cursor:pointer;padding:0;transition:all .3s ease}.btn-remove:hover{opacity:.7}.alert{align-items:center;animation:slideUp .3s ease-out;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;opacity:.7;transition:opacity .3s ease}.alert button:hover{opacity:1}.alert-error{background:linear-gradient(135deg,#ef44441a,#f790091a);border-left:4px solid #ef4444;border-left:4px solid var(--danger);color:#ef4444;color:var(--danger)}.alert-success{background:linear-gradient(135deg,#10b9811a,#06b6d41a);border-left:4px solid #22c55e;border-left:4px solid var(--success);color:#22c55e;color:var(--success)}@media (max-width:768px){.group-detail,.groups-container{padding:1rem}.groups-header{align-items:flex-start;flex-direction:column;gap:1rem}.groups-header h1{font-size:1.5rem}.group-detail-header{align-items:flex-start;flex-direction:column;gap:1rem}.group-detail-header h1{font-size:1.75rem}.group-detail-content{grid-template-columns:1fr}.group-card-header{flex-direction:column;gap:1rem}.group-meta{flex-direction:column;gap:.5rem}.member-item{align-items:flex-start;flex-direction:column}.member-actions{margin-left:0;margin-top:1rem;width:100%}.modal-content{padding:1.5rem;width:95%}.modal-actions{flex-direction:column}}.transfer-section{margin-bottom:1.5rem}.transfer-members-list{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem}.transfer-member-item{align-items:center;background:#f8fafc;background:var(--light);border:2px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.transfer-member-item:hover{background:#fff;border-color:#4f46e5;border-color:var(--primary)}.transfer-member-item.selected{background:#6366f11a;border-color:#4f46e5;border-color:var(--primary)}.transfer-member-item .member-info{flex:1 1}.transfer-member-item .member-name{color:#1e293b;color:var(--text-dark);font-weight:600;margin-bottom:.25rem}.transfer-member-item .member-role-badge{border-radius:.25rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.transfer-member-item .member-role-badge[data-role=owner]{background:linear-gradient(135deg,#4f46e5,#f43f5e);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff}.transfer-member-item .member-role-badge[data-role=admin]{background:#f59e42;background:var(--warning);color:#fff}.transfer-member-item .member-role-badge[data-role=moderator]{background:#fbbf24;background:var(--accent);color:#fff}.transfer-member-item .member-role-badge[data-role=member]{background:#e2e8f0;background:var(--border);color:#1e293b;color:var(--text-dark)}.group-owner-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.5rem}.group-owner-actions .btn{align-items:center;display:inline-flex;gap:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.post-detail-page{animation:slideUp .5s ease-out;margin:0 auto;max-width:600px}.back-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#f43f5e);background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .3s ease}.back-btn:hover{box-shadow:0 10px 30px #6366f14d;transform:translateY(-2px)}.post-detail-card{animation:slideUp .5s ease-out;background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:2rem}@media (max-width:1024px){.app{flex-direction:column}.navbar{align-items:center;box-shadow:0 6px 18px #6366f11f;display:flex;flex-direction:row;height:auto;justify-content:space-between;left:0;overflow:visible;padding:.5rem 1rem;position:fixed;right:0;top:0;width:100%;z-index:1200}.navbar-logo{margin-bottom:0}.navbar-links,.navbar-logo{align-items:center;flex-direction:row;gap:.5rem}.navbar-links{width:auto}.navbar-links .side-links,.navbar-links .top-links{align-items:center;flex-direction:row;gap:.5rem;width:auto}.navbar-links a{border-radius:.5rem;padding:.5rem .75rem}.container{margin-top:72px;max-width:1200px;padding:1rem}.app.navbar-collapsed .container,.container{margin-left:0}.sidebar-toggle{display:none!important}}.device-mobile .sidebar-toggle,.device-phablet .sidebar-toggle,.device-small-mobile .sidebar-toggle,.device-tablet .sidebar-toggle{display:none!important}.device-mobile .navbar,.device-phablet .navbar,.device-small-mobile .navbar,.device-tablet .navbar{align-items:center;bottom:0;box-shadow:0 -6px 18px #6366f11f;box-sizing:border-box;display:flex;flex-direction:row;height:calc(64px + env(safe-area-inset-bottom, 12px));justify-content:space-around;left:0;overflow:visible;padding:.25rem .75rem env(safe-area-inset-bottom,12px);position:fixed;right:0;width:100%;z-index:1200}.device-mobile .navbar-logo,.device-phablet .navbar-logo,.device-small-mobile .navbar-logo,.device-tablet .navbar-logo{align-items:center;flex-direction:row;gap:.5rem;margin-bottom:0}.device-mobile .navbar-logo span,.device-phablet .navbar-logo span,.device-small-mobile .navbar-logo span,.device-tablet .navbar-logo span{display:none}.device-mobile .navbar-links,.device-phablet .navbar-links,.device-small-mobile .navbar-links,.device-tablet .navbar-links{align-items:center;flex-direction:row;gap:.25rem;justify-content:center;width:100%}.device-mobile .navbar-links a,.device-phablet .navbar-links a,.device-small-mobile .navbar-links a,.device-tablet .navbar-links a{align-items:center;display:flex;flex-direction:column;justify-content:center}.device-mobile .navbar-links .nav-icon,.device-phablet .navbar-links .nav-icon,.device-small-mobile .navbar-links .nav-icon,.device-tablet .navbar-links .nav-icon{align-items:center;display:inline-flex;height:24px;justify-content:center;width:24px}.navbar-logo img,.navbar-logo svg{max-height:36px;width:auto}.device-mobile .navbar-links a,.device-phablet .navbar-links a,.device-small-mobile .navbar-links a,.device-tablet .navbar-links a{border-radius:.5rem;padding:.25rem .5rem}.device-mobile .container,.device-phablet .container,.device-small-mobile .container,.device-tablet .container{margin-bottom:80px;margin-left:0;margin-top:0;padding:1rem}.device-tablet .nav-label{display:inline-block}.device-mobile .navbar-links .side-link,.device-phablet .navbar-links .side-link,.device-small-mobile .navbar-links .side-link,.device-tablet .navbar-links .side-link{display:none!important}.device-mobile .hamburger-toggle,.device-phablet .hamburger-toggle,.device-small-mobile .hamburger-toggle,.device-tablet .hamburger-toggle{align-items:center;display:flex!important;justify-content:center}.device-mobile .nav-label,.device-phablet .nav-label,.device-small-mobile .nav-label{display:none}.device-desktop .hamburger-toggle,.device-laptop .hamburger-toggle{align-items:center!important;display:flex!important;justify-content:center!important}@media (max-width:768px){.container{margin-top:64px;padding:.75rem}.navbar .logout-btn,.navbar .messenger-link,.navbar .settings-link,.navbar-links .nav-label,.navbar-logo span{display:none}.create-post,.post-card,.sidebar-card,.top-card{padding:1rem}.post-media{grid-template-columns:1fr}.profile-header h1{font-size:1.5rem}.profile-header-avatar{height:96px;width:96px}}@media (max-width:420px){.container{margin-top:56px;padding:.5rem}.message-input,.send-btn{font-size:14px}}.post-detail-error{background:#fff;border-radius:1rem;box-shadow:0 4px 15px #0000001a;padding:3rem 1rem;text-align:center}.post-detail-error p{color:#1e293b;color:var(--text-dark);font-size:1.1rem;margin-bottom:2rem}
/*# sourceMappingURL=main.fb2493df.css.map*/