.messages-page{display:flex;height:calc(100dvh - var(--nav-height));max-width:1240px;margin:0 auto;position:relative;overflow:hidden;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background:radial-gradient(circle at top left,rgba(255,45,45,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(74,158,255,.08),transparent 24%),linear-gradient(180deg,rgba(9,13,21,.98),rgba(5,8,14,.98))}.messenger-sidebar{width:340px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(13,18,29,.96),rgba(8,11,19,.94))}.messenger-sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1rem .9rem;border-bottom:1px solid rgba(255,255,255,.06)}.empty-chat h3,.header-info h3,.messenger-sidebar-header h2,.need-login h2{font-family:Teko,sans-serif;letter-spacing:.06em;text-transform:uppercase}.messenger-sidebar-header h2{font-size:1.1rem;color:#fff}.messenger-sidebar-header p{margin-top:.18rem;font-size:.76rem;color:var(--text-muted)}.sidebar-count{min-width:28px;height:28px;padding:0 .55rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,45,45,.14);color:#fff;font-size:.82rem;font-weight:700;border:1px solid rgba(255,45,45,.2)}.sidebar-search{padding:.85rem .9rem .65rem}.sidebar-search-input{width:100%}.conversation-list{flex:1 1;overflow-y:auto;padding:0 .55rem .7rem}.sidebar-empty{padding:1rem .8rem;color:var(--text-muted);font-size:.84rem}.conversation-item{width:100%;padding:.8rem;margin-bottom:.35rem;display:flex;align-items:center;gap:.75rem;text-align:left;border-radius:18px;border:1px solid rgba(255,255,255,.03);background:rgba(255,255,255,.015);color:inherit;transition:transform .18s ease,border-color .18s ease,background .18s ease}.conversation-item:hover{transform:translateX(2px);background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.08)}.conversation-item.active{background:linear-gradient(180deg,rgba(255,45,45,.16),rgba(255,45,45,.07));border-color:rgba(255,45,45,.28);box-shadow:inset 0 0 0 1px rgba(255,45,45,.08)}.conversation-avatar-wrap{position:relative;flex-shrink:0}.conversation-avatar,.header-avatar,.msg-avatar{width:44px;height:44px;border-radius:14px;object-fit:cover}.header-avatar{width:42px;height:42px}.presence-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:999px;border:2px solid rgba(9,13,21,1)}.presence-dot.online{background:#37d67a;box-shadow:0 0 12px rgba(55,214,122,.45)}.presence-dot.offline{background:#5f6779}.conversation-copy{min-width:0;flex:1 1}.conversation-row-bottom,.conversation-row-top,.messenger-header-info{display:flex;align-items:center}.conversation-row-top{justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.conversation-row-top strong{font-size:.92rem;color:#fff}.conversation-row-top span{font-size:.72rem;color:var(--text-muted)}.conversation-row-bottom{gap:.5rem}.conversation-row-bottom p{flex:1 1;min-width:0;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{min-width:20px;height:20px;padding:0 .35rem;border-radius:999px;background:var(--accent-primary);color:#fff;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.messenger-window{flex:1 1;display:flex;flex-direction:column;min-width:0;background:radial-gradient(circle at top,rgba(255,255,255,.04),transparent 22%),linear-gradient(180deg,rgba(10,15,24,.94),rgba(7,10,16,.99))}.messenger-header{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(15,20,31,.9),rgba(8,11,18,.82))}.messenger-header-info{gap:.8rem}.header-title-wrap{display:flex;flex-direction:column;gap:.08rem}.header-info h3{font-size:1rem;color:#fff}.header-desc{display:inline-block;margin-top:.16rem;font-size:.78rem;color:var(--text-muted)}.message-banner{margin:.75rem 1rem 0;padding:.8rem .95rem;border-radius:14px;border:1px solid rgba(255,45,45,.18);background:rgba(255,45,45,.08);color:#ffd4d4;font-size:.82rem}.messenger-thread{flex:1 1;overflow-y:auto;padding:1.35rem 1.2rem 1rem;display:flex;flex-direction:column;gap:.8rem}.messenger-bubble-row{display:flex;align-items:flex-end;gap:.65rem}.messenger-bubble-row.mine{justify-content:flex-end}.bubble{max-width:min(78%,620px);padding:.88rem 1rem .72rem;border-radius:22px;border:1px solid rgba(255,255,255,.05);box-shadow:0 14px 28px rgba(0,0,0,.12)}.bubble-other{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.03));border-bottom-left-radius:6px}.bubble-mine{background:linear-gradient(180deg,rgba(255,45,45,.24),rgba(255,45,45,.12));border-color:rgba(255,45,45,.2);border-bottom-right-radius:6px}.msg-content{min-width:0}.msg-text{font-size:.92rem;line-height:1.55;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.msg-attachment{margin-top:.55rem;display:inline-flex;align-items:center;gap:.45rem;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:.55rem .7rem;background:rgba(0,0,0,.16)}.image-attachment{flex-direction:column;align-items:flex-start}.message-image{width:min(260px,100%);border-radius:12px;display:block}.bubble-meta{margin-top:.45rem;display:flex;justify-content:flex-end;gap:.5rem}.message-read-state,.msg-time{font-size:.68rem;color:var(--text-muted)}.message-read-state{color:#ffb5b5}.messenger-input-area{padding:1rem 1.1rem 1.1rem;display:flex;align-items:flex-end;gap:.7rem;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(10,14,22,.94),rgba(8,11,18,.98))}.composer-stack{flex:1 1;display:flex;flex-direction:column;gap:.45rem}.msg-input{flex:1 1;min-height:46px;padding:.82rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(14,19,30,.95);color:var(--text-primary);font-size:.9rem;outline:none;transition:var(--transition)}.msg-input:focus{border-color:rgba(255,45,45,.4);box-shadow:0 0 0 3px rgba(255,45,45,.12)}.msg-input::placeholder{color:var(--text-muted)}.send-btn{height:46px;padding:0 1.35rem}.attachment-btn{height:46px;min-width:46px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem}.pending-attachment{padding:.55rem .75rem;border:1px solid rgba(74,158,255,.18);border-radius:12px;background:rgba(74,158,255,.08);color:#bcdcff;font-size:.8rem}.empty-chat,.need-login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center}.need-login{width:100%;gap:.85rem}.empty-chat{gap:.55rem}.empty-icon,.need-login-icon{font-size:2.8rem}.empty-chat h3,.need-login h2{font-size:1.2rem}.empty-chat p,.need-login p{max-width:420px;color:var(--text-secondary);font-size:.88rem}.mobile-menu-btn,.mobile-sidebar-backdrop,.mobile-sidebar-btn{display:none}@media (max-width:900px){.messages-page{max-width:none;border:none;height:calc(100dvh - var(--nav-height))}.messenger-sidebar{position:fixed;top:var(--nav-height);left:0;bottom:0;z-index:130;width:min(88vw,340px);transform:translateX(-100%);transition:transform .24s ease;box-shadow:14px 0 32px rgba(0,0,0,.45)}.messenger-sidebar.open{transform:translateX(0)}.mobile-sidebar-backdrop{display:block;position:fixed;inset:var(--nav-height) 0 0;background:rgba(0,0,0,.55);border:none;z-index:120}.mobile-sidebar-btn{display:inline-flex;align-items:center;justify-content:center;margin-right:.25rem;padding:.45rem .8rem;font-size:.78rem}.messenger-header{padding:.8rem .9rem}.messenger-thread{padding:.9rem .75rem}.bubble{max-width:88%}.messenger-input-area{padding:.8rem .75rem calc(.8rem + env(safe-area-inset-bottom))}}@media (max-width:560px){.messages-page{min-height:calc(100dvh - var(--nav-height))}.messenger-header-info{align-items:flex-start}.header-info h3{font-size:.92rem}.header-desc{font-size:.72rem}.messenger-input-area{gap:.5rem;align-items:stretch}.attachment-btn,.send-btn{min-width:44px}.conversation-item{padding:.72rem}.conversation-avatar,.msg-avatar{width:40px;height:40px}.bubble{max-width:92%;padding:.72rem .85rem .62rem}.send-btn{padding:0 1rem}}