*{font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:linear-gradient(180deg,#f9fafb,#f3f4f6);color:#111827;min-height:100vh}.container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;border:1px solid #0000000d;border-radius:18px;box-shadow:0 8px 32px #00000014}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #0000000d;border-radius:16px;height:calc(100vh - 100px);left:40px;overflow-y:auto;position:fixed;top:80px;width:240px;will-change:transform;z-index:999}.sidebar-logo{font-size:34px;margin-bottom:24px;text-align:center}.sidebar-link{border-radius:12px;color:#111827;display:block;margin-bottom:4px;padding:10px 14px;transition:all .25s ease}.sidebar-link:hover{background:#007aff14;color:#007aff}.sidebar-link.active{background:#007aff14;border-radius:10px;box-shadow:inset 0 0 0 1px #007aff1f;color:#007aff!important;font-weight:600;padding:10px 16px;position:relative;transition:all .3s ease}.sidebar-link.active:before{background:#007aff;border-radius:4px;bottom:8px;content:"";left:8px;opacity:.25;position:absolute;top:8px;width:4px}.sidebar-link.active:hover{background:#007aff1f}.post-card{background:#ffffffbf;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #0000000a;margin-bottom:18px;padding:16px;transition:all .25s ease}.post-card:hover{box-shadow:0 6px 28px #00000014;transform:translateY(-2px)}.post-text{color:#111827;font-size:15px;line-height:1.5;margin-top:6px}.button,.compose-button,.send-button{background:linear-gradient(135deg,#007aff,#2d89ff);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .2s ease}.button:hover,.compose-button:hover,.send-button:hover{box-shadow:0 4px 14px #007aff59;transform:translateY(-1px)}.chat-input,.compose-textarea{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border:1px solid #00000014;border-radius:12px;padding:12px;resize:none;transition:border-color .2s ease;width:100%}.chat-input:focus,.compose-textarea:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff26;outline:none}.rightbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #0000000d;border-radius:16px;height:calc(100vh - 100px);overflow-y:auto;position:fixed;right:40px;top:80px;width:280px}.trends-card h3{color:#111827;font-size:17px;font-weight:700;margin-bottom:12px}.trends-card ul li{margin-bottom:8px}.trends-card a{color:#007aff;font-weight:500;text-decoration:none;transition:color .2s ease}.trends-card a:hover{color:#0056b3;text-decoration:underline}.message-bubble.me{background:linear-gradient(135deg,#007aff,#1a73e8)}.message-bubble.other{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #0000000d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}.main-feed{align-items:flex-start;display:flex;justify-content:center;margin:100px 360px 40px 320px}.post-card{margin:0 auto;max-width:680px;width:100%}.feed-container,.timeline-container{flex:0 1 720px;margin:0;max-width:720px;width:100%}.messages-wrapper{align-items:stretch;display:flex;gap:16px;margin:0 auto;max-width:1200px;width:100%}.conversations-panel{flex:0 0 260px;height:calc(100vh - 220px);overflow-y:auto}.chat-panel{display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-messages{height:calc(100vh - 220px);padding-right:6px}.button-icon{background:none;transition:transform .15s ease}.conversations-list-container{background:#fff;border:1px solid #e6ecf0;border-radius:12px;display:flex;flex-direction:column;height:100%;margin-right:10px;padding:10px}.conversations-title{color:#14171a;font-size:18px;font-weight:700;margin-bottom:10px}.no-conversations{color:#657786;font-size:14px}.conversation-item{align-items:center;border-bottom:1px solid #e6ecf0;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background .2s}.conversation-item:hover{background:#f7f9fa}.conversation-item.selected{background:#e8f5fe;border-left:4px solid #1da1f2}.conversation-info{display:flex;flex-direction:column}.conversation-label{color:#14171a;font-size:16px;margin-bottom:3px}.conversation-lastmsg{color:#657786;font-size:14px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-dot{background:#e0245e;border-radius:50%;height:10px;width:10px}.directmessages-container{background:#fff;border:1px solid #e6ecf0;border-radius:12px;display:flex;flex-direction:column;height:700px;margin-left:10px;overflow:hidden;padding:0}.chat-header{background:#f8f9fa;border-bottom:1px solid #e6ecf0;padding:16px}.chat-title{color:#14171a;font-size:18px;font-weight:700}.chat-messages{background:#f5f8fa;display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:18px}.message-bubble{align-self:flex-start;border-radius:16px;font-size:14px;line-height:1.4;max-width:60%;padding:8px 12px}.message-bubble.me{align-self:flex-end;background:#1da1f2;color:#fff}.message-bubble.other{background:#e5e5e5;color:#000}.chat-input-container{background:#fff;border-top:1px solid #e6ecf0;display:flex;gap:10px;padding:16px}.chat-input{border:1px solid #ccd6dd;border-radius:24px;flex:1 1;font-size:14px;outline:none;padding:10px}.chat-input:focus{border-color:#1da1f2;box-shadow:0 0 0 2px #1da1f233}.send-button{background-color:#1da1f2;border:none;border-radius:24px;color:#fff;cursor:pointer;font-weight:600;outline:none;padding:8px 16px;transition:background .2s}.send-button:hover{background-color:#0c90d3}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f8fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container{grid-gap:4px;display:grid;gap:4px;grid-template-columns:200px minmax(600px,1.5fr) 280px;margin:0 auto;max-width:1400px;min-height:100vh}.navbar{background-color:#1da1f2;color:#14171a;justify-content:space-between;padding:10px 20px;position:sticky;top:0;z-index:9999}.nav-left,.nav-right,.navbar{align-items:center;display:flex}.nav-button{background-color:#fff;border:none;border-radius:20px;color:#1da1f2;cursor:pointer;font-weight:600;margin-left:12px;padding:8px 12px;transition:background .2s}.nav-button:hover{background-color:#e5f2f8}.sidebar{align-items:flex-start;border-right:1px solid #e6ecf0;display:flex;flex-direction:column;padding:20px}.sidebar-logo{margin-bottom:20px}.sidebar-nav{display:flex;flex-direction:column}.sidebar-link{color:#14171a;font-size:18px;font-weight:500;padding:10px 0;text-decoration:none}.sidebar-link:hover{color:#1da1f2}.main-content{max-height:calc(100vh - 100px);overflow-y:auto;padding:20px}.rightbar{border-left:1px solid #e6ecf0;padding:20px}.trends-card{background:#fff;border:1px solid #e6ecf0;border-radius:12px;box-shadow:0 2px 5px #0000000f;padding:15px}.trends-card h3{color:#14171a;font-size:18px;margin-bottom:10px}.trends-card ul{list-style:none}.trends-card li{color:#1da1f2;cursor:pointer;padding:5px 0}.trends-card li:hover{text-decoration:underline}.container{background:#fff;border:1px solid #e6ecf0;border-radius:12px;box-shadow:0 2px 5px #0000000f;margin-bottom:20px;padding:20px}.error-message{color:#e0245e;font-size:14px;font-weight:500;margin-bottom:10px}.form-input,.textarea{border:1px solid #ccd6dd;border-radius:8px;font-size:16px;margin-bottom:10px;outline:none;padding:10px;width:100%}.form-input:focus,.textarea:focus{border-color:#1da1f2;box-shadow:0 0 0 2px #1da1f233}.button{border:none;border-radius:24px;cursor:pointer;font-size:16px;font-weight:600;outline:none;padding:10px 15px;transition:background .2s}.button-blue{background-color:#1da1f2;color:#fff}.button-blue:hover{background-color:#0c90d3}.button-green{background-color:#28a745;color:#fff}.button-green:hover{background-color:#218838}.button-red{background-color:#dc3545;color:#fff}.button-red:hover{background-color:#c82333}.post-card{align-items:flex-start;background:#fff;border:1px solid #e6ecf0;border-radius:12px;box-shadow:0 2px 5px #0000000f;display:flex;margin-bottom:15px;padding:15px}.post-avatar{align-items:center;background:#bbb;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:10px;width:40px}.post-avatar span{color:#fff;font-size:18px;font-weight:700}.post-content{flex:1 1}.post-header{color:#657786;display:flex;font-size:14px;justify-content:space-between;margin-bottom:5px}.post-text{color:#14171a;font-size:16px;margin-bottom:8px}.post-actions{align-items:center;display:flex;margin-top:8px}.button-icon{background:#0000;border:none;color:#657786;cursor:pointer;font-size:20px;margin-right:10px;transition:transform .1s}.button-icon:hover{transform:scale(1.2)}.compose-container{background:#fff;border:1px solid #e6ecf0;border-radius:12px;box-shadow:0 2px 5px #0000000f;padding:20px}.compose-form{display:flex;flex-direction:column}.compose-textarea{border:1px solid #ccd6dd;border-radius:8px;font-size:16px;outline:none;padding:10px;resize:none;width:100%}.compose-textarea:focus{border-color:#1da1f2;box-shadow:0 0 0 2px #1da1f233}.compose-button{align-self:flex-end;background-color:#1da1f2;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px;text-align:center;transition:background .2s;width:120px}.compose-button:hover{background-color:#0c90d3}.login-container{align-items:center;display:flex;justify-content:center;min-height:80vh}.login-form{background-color:#fff;border:1px solid #e6ecf0;border-radius:12px;box-shadow:0 2px 5px #0000000f;text-align:center;width:320px}.login-form,.news-container{padding:20px}.news-title{color:#14171a;font-size:24px;font-weight:700;margin-bottom:20px}.news-empty{color:#555;margin-top:10px}.news-card{background:#fff;border:1px solid #e6ecf0;border-radius:12px;box-shadow:0 2px 5px #0000000f;margin-bottom:15px;padding:20px}.news-card-title{color:#14171a;font-size:20px;font-weight:700;margin-bottom:10px}.news-card-content{color:#14171a;font-size:16px;margin-bottom:10px}.news-image-container{display:flex;justify-content:center;margin-top:10px}.news-image{border-radius:8px;max-width:100%}.news-date{color:#657786;display:block;font-size:14px;margin-top:10px}.nav-icon-badge{cursor:pointer;display:inline-block;font-size:24px;position:relative}.badge-count{align-items:center;background:#e0245e;border-radius:50%;color:#fff;display:flex;font-size:12px;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}
/*# sourceMappingURL=main.cdb2d5f6.css.map*/