@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";:root{--font-primary:"Outfit", sans-serif;--font-secondary:"Poppins", sans-serif;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-accent:#e0f2fe;--color-accent-highlight:#38bdf8;--color-success:#10b981;--color-error:#f43f5e;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #311042 100%);--bg-glass-card:#0f172a73;--border-glass:#ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--text-inverse:#fff;--input-bg:#0f172a99;--input-border:#ffffff1f;--input-border-hover:#ffffff40;--input-focus-border:#6366f1;--input-text:#fff;--input-placeholder:#64748b;--card-shadow:0 20px 40px -15px #00000080;--border-radius-lg:16px;--border-radius-md:10px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background:var(--bg-gradient);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;line-height:1.5;display:flex;overflow-x:hidden}a{color:var(--color-primary);transition:var(--transition-smooth);font-weight:500;text-decoration:none}a:hover{color:var(--color-accent-highlight);text-decoration:none}.glass-container{background:var(--bg-glass-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--card-shadow);border-radius:var(--border-radius-lg);width:100%;max-width:480px;transition:var(--transition-smooth);padding:2.5rem}.form-group{margin-bottom:1.5rem;position:relative}.form-label{color:var(--text-muted);text-align:left;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-container{align-items:center;display:flex;position:relative}.form-input{border-radius:var(--border-radius-md);border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--input-text);font-family:var(--font-secondary);transition:var(--transition-smooth);outline:none;padding:.75rem 1rem;font-size:.95rem}.form-input:hover{border-color:var(--input-border-hover)}.form-input:focus{border-color:var(--input-focus-border);background:#0f172ad9;box-shadow:0 0 0 3px #6366f140}.form-input.error{border-color:var(--color-error)}.form-input.error:focus{box-shadow:0 0 0 3px #f43f5e40}.error-message{color:var(--color-error);text-align:left;margin-top:.25rem;font-size:.75rem}.btn-submit{border-radius:var(--border-radius-md);background:linear-gradient(135deg, var(--color-primary) 0%, #4338ca 100%);width:100%;color:var(--text-inverse);font-family:var(--font-primary);cursor:pointer;transition:var(--transition-smooth);border:none;margin-top:.5rem;padding:.875rem;font-size:1rem;font-weight:600;box-shadow:0 4px 12px #6366f14d}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);transform:translateY(-2px);box-shadow:0 6px 18px #6366f173}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.alert-toast{border-radius:var(--border-radius-md);text-align:center;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;animation:.3s ease-out fadeIn}.alert-toast.success{color:var(--color-success);background:#10b98126;border:1px solid #10b98140}.alert-toast.error{color:var(--color-error);background:#f43f5e26;border:1px solid #f43f5e40}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-page-wrapper{justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.login-split-layout{width:100%;min-height:100vh;display:flex}.login-art-panel{color:var(--text-main);background:linear-gradient(135deg,#1e1b4b66 0%,#6366f126 100%),radial-gradient(circle at 20% 30%,#8b5cf633 0%,#0000 50%),radial-gradient(circle at 80% 70%,#ec489926 0%,#0000 50%);border-right:1px solid #ffffff0d;flex-direction:column;flex:1.2;justify-content:center;padding:4rem 6rem;display:flex;position:relative;overflow:hidden}.login-art-panel:before{content:"";filter:blur(50px);background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-20%;left:-20%}.art-content{z-index:2;max-width:520px}.app-logo-mark{color:var(--text-main);align-items:center;gap:.75rem;margin-bottom:3.5rem;font-size:1.5rem;font-weight:700;display:flex}.app-logo-mark svg{color:var(--color-primary);filter:drop-shadow(0 0 8px #6366f199)}.login-art-panel h1{font-family:var(--font-primary);background:linear-gradient(90deg,#fff,#c7d2fe,#f472b6);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-bottom:1.5rem;font-size:3rem;font-weight:700;line-height:1.2}.login-art-panel p{color:var(--text-muted);margin-bottom:3rem;font-size:1.1rem;line-height:1.7}.art-stats{gap:3rem;display:flex}.stat-item{flex-direction:column;display:flex}.stat-number{color:var(--text-main);font-size:1.75rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem;font-size:.85rem}.login-form-panel{background:#0a0a1233;flex:1;justify-content:center;align-items:center;padding:2.5rem;display:flex}.login-card{width:100%;max-width:440px}.card-header{text-align:center;margin-bottom:2rem}.card-header h2{color:var(--text-main);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.85rem;font-weight:700}.card-header p{color:var(--text-muted);font-size:.95rem}.label-wrapper{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.label-wrapper .form-label{margin-bottom:0}.forgot-link{color:var(--text-muted);transition:var(--transition-smooth);font-size:.825rem;font-weight:400}.forgot-link:hover{color:var(--color-primary)}.card-footer{text-align:center;margin-top:2rem;font-size:.9rem}.card-footer p{color:var(--text-muted)}.signup-link{color:var(--color-primary);margin-left:.25rem;font-weight:600}.btn-spinner-wrapper{justify-content:center;align-items:center;gap:.5rem;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.2rem;height:1.2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.login-art-panel{padding:3rem 4rem}.login-art-panel h1{font-size:2.5rem}}.mobile-only-card{display:none}@media (width<=768px){.login-split-layout{flex-direction:column}.login-art-panel{display:none}.login-form-panel{min-height:100vh;padding:1.5rem}.mobile-only-card{background:#ffffff0d!important;max-width:100%!important;margin:1rem 0!important;display:flex!important}.mobile-only-card .test-credential-row{flex-direction:column;align-items:flex-start;gap:.25rem}.mobile-only-card .test-code-copy-wrapper{justify-content:space-between;align-items:center;width:100%;display:flex}}.test-credentials-card{-webkit-backdrop-filter:blur(12px);text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:.75rem;max-width:380px;margin-top:1rem;padding:1.25rem;display:flex}.test-card-title{text-transform:uppercase;color:#6366f1;letter-spacing:.05em;margin-bottom:.25rem;font-size:.85rem;font-weight:600;display:block}.test-credential-row{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.test-label{font-weight:500}.test-code{color:#fff;background:#ffffff14;border-radius:4px;padding:2px 8px;font-family:Courier New,Courier,monospace;font-size:.85rem}.test-card-actions{margin-top:.5rem}.btn-quick-fill{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:8px 12px;font-size:.8rem;font-weight:600;transition:background-color .2s;display:flex}.btn-quick-fill:hover{background:#4f46e5}.test-code-copy-wrapper{align-items:center;gap:.5rem;display:flex}.copy-badge-btn{color:#8696a0;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:500;transition:all .2s}.copy-badge-btn:hover{color:#fff;background:#fff3;border-color:#fff3}.signup-page-wrapper{background:linear-gradient(135deg,#0f172a66 0%,#1e1b4b73 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:2.5rem 1.5rem;display:flex}.signup-card-container{width:100%;max-width:680px}.signup-header{text-align:center;margin-bottom:2rem}.signup-header h2{color:var(--text-main);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.85rem;font-weight:700}.signup-header p{color:var(--text-muted);font-size:.95rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem 1.5rem;margin-bottom:1.5rem;display:grid}.signup-footer{text-align:center;margin-top:2rem;font-size:.9rem}.signup-footer p{color:var(--text-muted)}.login-link{color:var(--color-primary);margin-left:.25rem;font-weight:600}@media (width<=768px){.signup-card-container{max-width:460px;padding:2rem 1.5rem}.form-grid{grid-template-columns:1fr;gap:1.25rem 0}}@media (width<=480px){.signup-page-wrapper{padding:1rem}.signup-card-container{padding:1.5rem 1rem}.signup-header h2{font-size:1.6rem}}.forgot-page-wrapper{background:linear-gradient(135deg,#1e1b4b73 0%,#0f172a66 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:2.5rem 1.5rem;display:flex}.forgot-card{width:100%;max-width:440px}.forgot-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.lock-icon-wrapper{width:64px;height:64px;color:var(--color-primary);background:#6366f11a;border:1px solid #6366f133;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;box-shadow:0 0 16px #6366f126}.forgot-header h2{color:var(--text-main);letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.85rem;font-weight:700}.forgot-header p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.forgot-footer{text-align:center;margin-top:2rem;font-size:.9rem}.back-to-login{color:var(--text-muted);transition:var(--transition-smooth);align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.back-to-login:hover{color:var(--color-primary)}.reset-page-wrapper{background:var(--bg-gradient);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:1.5rem;display:flex}.reset-card{text-align:center;width:100%;max-width:440px;padding:3rem}.reset-header{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.lock-icon-wrapper{width:64px;height:64px;color:var(--color-primary);background:#6366f11a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex;box-shadow:0 0 15px #6366f133}.reset-header h2{color:var(--text-main);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.reset-header p{color:var(--text-muted);font-size:.95rem;line-height:1.5}.reset-footer{border-top:1px solid var(--border-glass);justify-content:center;margin-top:2rem;padding-top:1.5rem;display:flex}.back-to-login{color:var(--color-primary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:flex}.back-to-login:hover{opacity:.8}.back-to-login svg{transition:transform .2s}.back-to-login:hover svg{transform:translate(-4px)}.sidebar-wrapper{border-right:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);z-index:100;background:#0f172a99;flex-direction:column;align-items:center;width:76px;height:100vh;padding:1.5rem 0;display:flex}.sidebar-logo{color:var(--color-primary);filter:drop-shadow(0 0 6px #6366f166);margin-bottom:3.5rem}.sidebar-nav{flex-direction:column;flex:1;gap:1.5rem;display:flex}.sidebar-nav-btn{border-radius:var(--border-radius-md);width:48px;height:48px;color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.sidebar-nav-btn:hover{color:var(--text-main);background:#ffffff0d}.sidebar-nav-btn.active{color:var(--color-primary);background:#6366f11f}.sidebar-nav-btn.active:before{content:"";background:var(--color-primary);border-radius:0 4px 4px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.sidebar-profile-action{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.avatar-circle-wrapper{cursor:pointer;position:relative}.avatar-circle{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 4px 10px #0003}.avatar-online-dot{background-color:var(--color-success);border:2px solid #0f172a;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.logout-btn{color:var(--text-muted);border-radius:var(--border-radius-md);cursor:pointer;width:44px;height:44px;transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.logout-btn:hover{color:var(--color-error);background:#f43f5e14}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.sidebar-wrapper{border-right:none;border-top:1px solid var(--border-glass);flex-direction:row;justify-content:space-between;width:100vw;height:60px;padding:0 1.5rem;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #0000004d}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;align-items:center;gap:1.5rem;height:100%;margin-left:0}.sidebar-nav-btn.active:before{border-radius:4px 4px 0 0;width:auto;height:3px;inset:auto 12px 0}.sidebar-profile-action{flex-direction:row;align-items:center;gap:1.5rem;height:100%}.logout-btn{width:36px;height:36px}}.recent-chats-panel{border-right:1px solid var(--border-glass);z-index:10;background:#0f172a66;flex-direction:column;width:340px;height:100vh;display:flex;position:relative}.chats-header{justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.chats-header h2{color:var(--text-main);letter-spacing:-.01em;font-size:1.45rem;font-weight:700}.header-actions{gap:.5rem;display:flex}.icon-action-btn{color:var(--text-muted);cursor:pointer;width:36px;height:36px;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.icon-action-btn:hover{color:var(--text-main);background:#ffffff0d}.search-bar-wrapper{padding:0 1.5rem 1rem}.search-input-container{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:.75rem}.search-input{border:1px solid var(--input-border);border-radius:var(--border-radius-md);color:#fff;width:100%;transition:var(--transition-smooth);background:#0f172a99;outline:none;padding:.55rem 2.2rem;font-size:.875rem}.search-input:focus{border-color:var(--color-primary);background:#0f172ad9}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem;position:absolute;right:.75rem}.clear-search-btn:hover{color:var(--text-main)}.search-section{flex-direction:column;margin-bottom:1rem;display:flex}.search-section-title{text-transform:uppercase;color:var(--color-primary);text-align:left;letter-spacing:.05em;align-items:center;gap:.5rem;padding:.75rem 1.5rem .25rem;font-size:.75rem;font-weight:600;display:flex}.contact-result-item{cursor:pointer}.contact-text-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:.95rem;font-weight:600;display:flex}.section-loading-spinner{border:2px solid #fff3;border-top-color:var(--color-primary);border-radius:50%;width:12px;height:12px;animation:.6s linear infinite search-spinner;display:inline-block}@keyframes search-spinner{to{transform:rotate(360deg)}}.tiny-spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:12px;height:12px;margin-right:.25rem;animation:.8s linear infinite spin;display:inline-block}.filter-tabs-wrapper{gap:.5rem;padding:0 1.5rem .75rem;display:flex}.filter-tab-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:.25rem;padding:.35rem .8rem;font-size:.75rem;font-weight:500;display:flex}.filter-tab-btn:hover{color:var(--text-main);background:#ffffff14}.filter-tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tab-badge{background-color:var(--color-success);border-radius:50%;width:6px;height:6px}.conversations-scroll-area{flex:1;padding:.5rem 0;overflow-y:auto}.no-chats-placeholder{text-align:center;padding:3rem 1.5rem}.no-chats-placeholder p{color:var(--text-main);margin-bottom:.25rem;font-size:.95rem}.no-chats-placeholder span{color:var(--text-muted);font-size:.75rem;line-height:1.4;display:block}.convo-thread-item{cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.85rem;padding:.85rem 1.5rem;display:flex;position:relative}.convo-thread-item:hover{background:#ffffff08}.convo-thread-item.active{background:#6366f114}.convo-avatar-wrapper{position:relative}.convo-avatar{object-fit:cover;border:1px solid #ffffff0d;border-radius:50%;width:48px;height:48px}.convo-online-indicator{background-color:var(--color-success);border:2px solid #0f172a;border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.convo-details{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.convo-details-top{justify-content:space-between;align-items:baseline;display:flex}.convo-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:160px;font-size:.95rem;font-weight:600;overflow:hidden}.convo-time{color:var(--text-muted);font-size:.75rem}.convo-details-bottom{justify-content:space-between;align-items:center;display:flex}.convo-last-msg{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:180px;font-size:.825rem;overflow:hidden}.last-msg-sender{color:var(--color-accent-highlight);font-weight:500}.empty-chat-text{opacity:.7;font-style:italic}.convo-meta-indicators{align-items:center;gap:.5rem;display:flex}.fav-star-action-btn{color:#ffffff26;cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;padding:2px;display:flex}.convo-thread-item:hover .fav-star-action-btn{color:var(--text-muted)}.fav-star-action-btn.starred,.fav-star-action-btn.starred:hover{color:#eab308}.convo-unread-badge{background-color:var(--color-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.7rem;font-weight:700;display:flex}.group-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0a0a0fb3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.group-modal-card{width:90%;max-width:480px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalIn}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h3{color:var(--text-main);font-size:1.35rem;font-weight:700}.close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.75rem;line-height:1}.close-modal-btn:hover{color:var(--text-main)}.members-select-container{border:1px solid var(--border-glass);border-radius:var(--border-radius-md);background:#0f172a66;max-height:180px;margin-bottom:1rem;overflow-y:auto}.member-select-item{cursor:pointer;transition:var(--transition-smooth);border-bottom:1px solid #ffffff08;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.member-select-item:last-child{border-bottom:none}.member-select-item:hover{background:#ffffff08}.member-select-item.selected{background:#6366f114}.member-avatar{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:600;display:flex}.member-info{text-align:left;flex-direction:column;flex:1;display:flex}.member-info span{color:var(--text-main);font-size:.85rem;font-weight:500}.member-info .member-email{color:var(--text-muted);font-size:.75rem}.member-checkbox{accent-color:var(--color-primary);cursor:pointer;width:16px;height:16px}.no-members-searched{text-align:center;color:var(--text-muted);padding:1.5rem;font-size:.85rem}.selected-members-bar{color:var(--color-accent-highlight);text-align:left;margin-bottom:1rem;font-size:.8rem;font-weight:500}.conversations-scroll-area::-webkit-scrollbar{width:5px}.members-select-container::-webkit-scrollbar{width:5px}.user-search-overlay::-webkit-scrollbar{width:5px}.conversations-scroll-area::-webkit-scrollbar-track{background:0 0}.members-select-container::-webkit-scrollbar-track{background:0 0}.user-search-overlay::-webkit-scrollbar-track{background:0 0}.conversations-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.members-select-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.user-search-overlay::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.conversations-scroll-area::-webkit-scrollbar-thumb:hover{background:#fff3}.members-select-container::-webkit-scrollbar-thumb:hover{background:#fff3}.user-search-overlay::-webkit-scrollbar-thumb:hover{background:#fff3}@media (width<=768px){.recent-chats-panel{border-right:none;width:100%;height:calc(100vh - 60px)}}.chatting-panel{background:#0a0a124d;flex-direction:column;flex:1;height:100vh;display:flex;position:relative}.chatting-panel.empty-state{background:linear-gradient(135deg,#0f172a73 0%,#1e1b4b4d 100%);justify-content:center;align-items:center;padding:2rem}.empty-state-content{text-align:center;max-width:420px}.branding-icon-wrapper{width:120px;height:120px;color:var(--color-primary);background:#6366f114;border:1px solid #6366f126;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 2rem;display:flex;box-shadow:0 0 30px #6366f126}.empty-state-content h1{color:var(--text-main);letter-spacing:-.02em;margin-bottom:.75rem;font-size:2.2rem;font-weight:700}.empty-state-content p{color:var(--text-muted);margin-bottom:3rem;font-size:.95rem;line-height:1.6}.encryption-disclaimer{color:var(--text-muted);border:1px solid var(--border-glass);background:#ffffff08;border-radius:20px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;display:inline-flex}.chatting-header{z-index:5;background:#202c33;border-bottom:1.5px solid #0b141a33;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.header-left{align-items:center;gap:.85rem;display:flex}.mobile-back-btn{color:#8696a0;cursor:pointer;background:0 0;border:none;margin-right:.25rem;padding:2px;display:none}.mobile-back-btn:hover{color:#e9edef}.chat-header-avatar{object-fit:cover;border:1px solid #ffffff0d;border-radius:50%;width:40px;height:40px}.chat-header-info{text-align:left;flex-direction:column;display:flex}.chat-header-info h3{color:#e9edef;font-size:.95rem;font-weight:500}.chat-status-subtext{color:#8696a0;font-size:.775rem}.chat-status-subtext.typing{color:#53bdeb;font-style:italic;font-weight:500}.header-right{gap:.5rem;display:flex}.messages-container{background-color:#0b141a;background-image:radial-gradient(#111b21 1.5px,#0000 1.5px),radial-gradient(#111b21 1.5px,#0000 1.5px);background-position:0 0,14px 14px;background-size:28px 28px;flex-direction:column;flex:1;gap:.35rem;padding:1.25rem 2.5rem;display:flex;overflow-y:auto}.first-message-placeholder{text-align:center;max-width:280px;margin:auto}.first-message-placeholder p{color:#e9edef;margin-bottom:.25rem;font-size:.95rem;font-weight:500}.first-message-placeholder span{color:#8696a0;font-size:.775rem;line-height:1.4;display:block}.message-bubble-wrapper{margin-bottom:4px;width:100%!important;display:flex!important}.message-bubble-wrapper.outgoing{justify-content:flex-end!important}.message-bubble-wrapper.incoming{justify-content:flex-start!important}.message-bubble{text-align:left;border-radius:8px;max-width:65%;padding:6px 12px 8px;font-size:.9rem;line-height:1.45;position:relative;box-shadow:0 1px .5px #0b141a21}.message-bubble-wrapper.outgoing .message-bubble{border-top-right-radius:0;color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)!important}.message-bubble-wrapper.incoming .message-bubble{border-top-left-radius:0;color:#e9edef!important;background-color:#202c33!important}.group-message-sender-name{color:#53bdeb;margin-bottom:.25rem;font-size:.8rem;font-weight:600}.message-text{word-break:break-word;padding-right:54px}.message-time-meta{color:#8696a0;align-items:center;gap:.15rem;font-size:.65rem;display:flex;position:absolute;bottom:4px;right:8px}.message-bubble-wrapper.outgoing .message-time-meta{color:#8696a0f2}.read-receipt-ticks{color:#53bdeb;display:flex}.chatting-footer{z-index:5;background:#111b21;align-items:center;gap:1rem;height:60px;padding:0 1.5rem;display:flex}.footer-actions-left{gap:.25rem;display:flex}.message-form{flex:1;gap:.75rem;display:flex}.message-input{border:1px solid var(--input-border);color:#fff;transition:var(--transition-smooth);background:#0f172a99;border-radius:20px;outline:none;flex:1;padding:.65rem 1.25rem;font-size:.925rem}.message-input:focus{border-color:var(--color-primary);background:#0f172ad9}.send-message-btn{background:linear-gradient(135deg, var(--color-primary) 0%, #4338ca 100%);color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #6366f133}.send-message-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #6366f159}.send-message-btn:disabled{opacity:.5;cursor:not-allowed}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:0 0}.messages-container::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (width<=768px){.chatting-panel{z-index:1000;width:100vw;height:calc(100vh - 60px);position:fixed;top:0;left:0}.mobile-back-btn{display:block}.message-bubble{max-width:80%}}.message-reply-btn{color:#8696a0;cursor:pointer;opacity:0;pointer-events:none;z-index:10;background:#1f2c34;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s,background-color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 1px 3px #0000004d}.message-reply-btn:hover{color:#53bdeb;background:#111b21}.message-bubble-wrapper.outgoing .message-reply-btn{left:-38px}.message-bubble-wrapper.incoming .message-reply-btn{right:-38px}.message-bubble-wrapper:hover .message-reply-btn{opacity:1;pointer-events:auto}.nested-reply-preview-box{cursor:pointer;text-align:left;border-radius:4px;flex-direction:column;gap:2px;max-width:100%;margin-bottom:6px;padding:6px 10px;transition:background-color .2s;display:flex;background:#0003!important;border-left:4px solid #53bdeb!important}.nested-reply-preview-box:hover{background:#0000004d!important}.reply-preview-sender{color:#53bdeb;font-size:.75rem;font-weight:600}.reply-preview-text{color:#8696a0;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.reply-preview-bar{z-index:4;background:#1f2c34;border-top:1.5px solid #0b141a66;align-items:center;padding:8px 24px;animation:.15s ease-out slideUp;display:flex;position:relative}.reply-preview-indicator{background:#53bdeb;width:4px;height:100%;position:absolute;top:0;bottom:0;left:24px}.reply-preview-details{text-align:left;flex-direction:column;flex:1;margin-left:12px;display:flex;overflow:hidden}.reply-preview-name{color:#53bdeb;font-size:.8rem;font-weight:600}.reply-preview-snippet{color:#8696a0;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.775rem;overflow:hidden}.reply-preview-close{color:#8696a0;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.4rem;line-height:1;transition:color .2s}.reply-preview-close:hover{color:#e9edef}@keyframes highlightTarget{0%{box-shadow:0 0 15px #53bdeb99;background-color:#53bdeb66!important}to{background-color:inherit;box-shadow:none}}.highlighted-reply-target .message-bubble{animation:1.5s ease-out highlightTarget!important}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.system-message-row{margin:6px 0;justify-content:center!important;width:100%!important;display:flex!important}.system-message-text{color:#8696a0!important;text-align:center!important;word-break:break-word!important;background-color:#182229!important;border-radius:6.5px!important;max-width:85%!important;padding:5px 12px!important;font-size:.725rem!important;box-shadow:0 1px .5px #00000026!important}.only-admins-message-banner{color:#8696a0!important;background:#111b21!important;border:1px solid #ffffff08!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;width:100%!important;height:46px!important;margin:0 auto!important;font-size:.825rem!important;font-style:italic!important;display:flex!important}.group-info-panel-slide{z-index:20;background:#0b141a;border-left:1px solid #ffffff14;flex-direction:column;width:350px;min-width:350px;height:100%;animation:.25s ease-out slideInRight;display:flex}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.group-info-header{background:#202c33;border-bottom:1.5px solid #0b141a33;align-items:center;gap:1rem;height:60px;padding:0 1.25rem;display:flex}.close-panel-btn{color:#8696a0;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.close-panel-btn:hover{color:#e9edef}.group-info-header h3{color:#e9edef;margin:0;font-size:.95rem;font-weight:500}.group-info-scroll-area{flex-direction:column;flex:1;gap:1rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.group-identity-section{background:#111b21;border-radius:8px;flex-direction:column;align-items:center;padding:1.5rem 0;display:flex;box-shadow:0 1px 3px #0003}.group-info-avatar{object-fit:cover;border:2px solid #ffffff0d;border-radius:50%;width:120px;height:120px;margin-bottom:1rem}.group-name-editing-wrapper{width:85%;margin-bottom:.5rem}.inline-display-name{justify-content:center;align-items:center;gap:.5rem;display:flex}.inline-display-name h2{color:#e9edef;word-break:break-word;margin:0;font-size:1.15rem;font-weight:500}.edit-pencil-btn{color:#8696a0;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;transition:color .2s;display:flex}.edit-pencil-btn:hover{color:#53bdeb}.inline-edit-form{align-items:center;gap:.35rem;width:100%;display:flex}.inline-edit-input{color:#e9edef;background:#2a3942;border:1px solid #53bdeb;border-radius:4px;outline:none;flex:1;padding:4px 8px;font-size:.95rem}.edit-action-btn{color:#8696a0;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem}.group-participants-count{color:#8696a0;font-size:.775rem}.group-details-card{text-align:left;background:#111b21;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0003}.group-details-card h4{color:#8696a0;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-size:.8rem;font-weight:500}.card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.card-header h4{margin:0}.group-description-text{color:#d1d7db;word-break:break-word;margin:0;font-size:.875rem;line-height:1.45}.empty-desc{color:#667781;font-style:italic}.desc-edit-area{flex-direction:column;gap:.5rem;width:100%;display:flex}.desc-edit-textarea{color:#e9edef;resize:vertical;background:#2a3942;border:1px solid #53bdeb;border-radius:4px;outline:none;padding:8px;font-family:inherit;font-size:.875rem}.desc-edit-actions{justify-content:flex-end;gap:.5rem;display:flex}.btn-cancel-small,.btn-save-small{cursor:pointer;border:none;border-radius:4px;padding:4px 10px;font-size:.775rem}.btn-cancel-small{color:#8696a0;background:0 0}.btn-save-small{color:#fff;background:#00a884}.group-creation-meta{color:#667781;border-top:1px solid #ffffff0d;margin-top:.75rem;padding-top:.5rem;font-size:.7rem}.setting-toggle-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.setting-label-block{flex-direction:column;gap:2px;display:flex}.setting-label-block span{color:#e9edef;font-size:.875rem}.setting-label-block p{color:#8696a0;margin:0;font-size:.725rem}.toggle-switch{flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.toggle-slider{cursor:pointer;background-color:#3b4a54;border-radius:20px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:#00a884}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.add-participant-inline-btn{color:#53bdeb;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:500}.add-participant-inline-btn:hover{text-decoration:underline}.participants-list-container{flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.participant-row-item{border-bottom:1px solid #ffffff08;align-items:center;padding:.5rem 0;display:flex}.participant-info{text-align:left;flex:1;padding-left:.75rem;overflow:hidden}.participant-name-block{align-items:center;gap:.35rem;display:flex}.participant-name{color:#e9edef;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.me-badge{color:#8696a0;font-size:.75rem;font-style:italic}.admin-pill{color:#00a884;border:1px solid #00a8844d;border-radius:3px;padding:1px 4px;font-size:.65rem;font-weight:500}.participant-sub{color:#8696a0;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.participant-action-trigger{position:relative}.member-options-btn{color:#8696a0;cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:6px;display:flex}.member-options-btn:hover{color:#e9edef;background:#ffffff0d}.member-actions-dropdown{z-index:100;background:#233138;border:1px solid #ffffff14;border-radius:4px;flex-direction:column;width:140px;display:none;position:absolute;top:100%;right:0;box-shadow:0 4px 10px #0006}.participant-action-trigger:hover .member-actions-dropdown,.member-options-btn:focus+.member-actions-dropdown,.member-actions-dropdown:hover{display:flex}.member-actions-dropdown button{color:#d1d7db;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 12px;font-size:.775rem}.member-actions-dropdown button:hover{color:#e9edef;background:#ffffff0d}.group-danger-actions-box{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.btn-danger-outline,.btn-danger-filled{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:100%;padding:10px;font-size:.85rem;font-weight:500;display:flex}.btn-danger-outline{color:#f87171;background:0 0;border:1px solid #f87171;transition:background-color .2s}.btn-danger-outline:hover{background:#f871710d}.btn-danger-filled{color:#fff;background:#f87171;border:none;transition:opacity .2s}.btn-danger-filled:hover{opacity:.9}.group-info-scroll-area::-webkit-scrollbar{width:4px}.participants-list-container::-webkit-scrollbar{width:4px}.group-info-scroll-area::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.participants-list-container::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}@media (width<=992px){.group-info-panel-slide{z-index:1100;width:320px;height:100%;position:fixed;top:0;right:0;box-shadow:-5px 0 25px #00000080}}.chat-layout-wrapper{background:var(--bg-gradient);width:100vw;height:100vh;color:var(--text-main);display:flex;overflow:hidden}.chat-conversation-viewport{flex:1;height:100%;display:flex}.settings-panel{background:#0a0a1233;flex-direction:column;flex:1;height:100vh;display:flex}.settings-header{border-bottom:1px solid var(--border-glass);background:#0f172a66;padding:1.5rem 2rem}.settings-header h2{color:var(--text-main);font-size:1.5rem;font-weight:700}.settings-scroll-area{flex:1;justify-content:center;align-items:flex-start;padding:2.5rem;display:flex;overflow-y:auto}.settings-card{text-align:center;width:100%;max-width:480px}.settings-profile-preview{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.settings-avatar{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#6366f1 100%);border:3px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:1.25rem;font-size:2.2rem;font-weight:700;display:flex;box-shadow:0 8px 24px #0000004d}.settings-profile-preview h3{color:var(--text-main);margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.settings-profile-preview p{color:var(--text-muted);font-size:.875rem}.settings-form{width:100%;margin-top:1.5rem}.toggle-group{justify-content:space-between;align-items:center;margin-bottom:2rem;padding:.5rem 0;display:flex}.toggle-switch{width:48px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--border-glass);background-color:#ffffff1a;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-muted);width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--color-primary)}input:checked+.slider:before{background-color:#fff;transform:translate(24px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.settings-scroll-area::-webkit-scrollbar{width:6px}.settings-scroll-area::-webkit-scrollbar-track{background:0 0}.settings-scroll-area::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}@media (width<=768px){.chat-layout-wrapper{flex-direction:column}.chat-conversation-viewport{z-index:500;width:100vw;height:calc(100vh - 60px);display:none;position:fixed;top:0;left:0}.chat-conversation-viewport.active{display:flex}.settings-panel{height:calc(100vh - 60px)}.settings-scroll-area{padding:1.5rem}}