*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--app-height: 100dvh;--bg: #0e0e17;--sidebar-bg: #161622;--surface: #1e1e2e;--surface2: #252538;--active-bg: #2a2745;--hover-bg: rgba(255,255,255,.04);--border: rgba(255,255,255,.07);--accent: #7c5cbf;--accent2: #9d7fe0;--accent-glow: rgba(124,92,191,.25);--text: #e8e8f2;--text2: rgba(232,232,242,.45);--text3: rgba(232,232,242,.25);--mine-bg: #4c3585;--mine-bg2: #5a3f9a;--radius: 14px;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--sidebar-w: 320px;--header-h: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:var(--app-height);font-family:var(--font);background:var(--bg);color:var(--text);overflow:hidden;-webkit-font-smoothing:antialiased}input,button,textarea{font:inherit}button{cursor:pointer;border:none;background:none}ul{list-style:none}a{color:inherit;text-decoration:none}.splash{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text2);font-size:1.2rem}.auth-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:var(--app-height);background:radial-gradient(ellipse at 60% 30%,rgba(124,92,191,.15) 0%,transparent 65%),var(--bg);padding:1.5rem 1rem;padding-top:calc(1.5rem + var(--safe-top));overflow-y:auto}.auth-card{width:100%;max-width:380px;background:var(--sidebar-bg);border:1px solid var(--border);border-radius:20px;padding:2.25rem 2rem;box-shadow:0 24px 64px #0009,0 0 0 1px #ffffff0a}.auth-logo{text-align:center;font-size:1.8rem;font-weight:800;margin-bottom:1.75rem;letter-spacing:-.01em;background:linear-gradient(135deg,var(--accent2),#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:1.5rem;gap:.25rem}.auth-tabs button{flex:1;padding:.65rem;color:var(--text2);font-size:.95rem;font-weight:500;border-bottom:2px solid transparent;transition:.2s;border-radius:4px 4px 0 0}.auth-tabs button.active{color:var(--accent2);border-bottom-color:var(--accent2)}.auth-tabs button:hover:not(.active){color:var(--text);background:var(--hover-bg)}.auth-form{display:flex;flex-direction:column;gap:.85rem}.auth-form input{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:.8rem 1rem;color:var(--text);outline:none;transition:.2s;font-size:1rem}.auth-form input:focus{border-color:var(--accent);background:#7c5cbf12}.auth-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:.7rem 1rem;color:#fca5a5;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border-radius:10px;padding:.85rem;font-size:1rem;font-weight:600;transition:.2s;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px var(--accent-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.layout{display:flex;height:100%}.sidebar{width:var(--sidebar-w);min-width:280px;background:var(--sidebar-bg);display:flex;flex-direction:column;height:100%;overflow:hidden;flex-shrink:0;border-right:1px solid var(--border)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);background:var(--sidebar-bg);flex-shrink:0}.my-name{font-weight:700;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);text-align:left;padding:0;border-radius:8px;transition:color .15s}.my-name:hover{color:var(--accent2)}.sidebar-actions{display:flex;gap:.1rem;align-items:center;flex-shrink:0}.btn-icon{color:var(--text2);font-size:1.1rem;padding:.4rem .45rem;border-radius:10px;transition:.15s;line-height:1;display:flex;align-items:center;justify-content:center}.btn-icon:hover{color:var(--text);background:var(--hover-bg)}.search-box{padding:.5rem .75rem .4rem;position:relative;flex-shrink:0}.search-box input{width:100%;background:var(--surface);border:1.5px solid transparent;border-radius:22px;padding:.55rem 1rem .55rem 2.4rem;color:var(--text);outline:none;font-size:.9rem;transition:.2s}.search-box input:focus{border-color:var(--accent);background:#7c5cbf12}.search-box input::placeholder{color:var(--text2)}.search-icon{position:absolute;left:1.4rem;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none;font-size:.9rem}.search-results{position:absolute;left:.75rem;right:.75rem;top:calc(100% - .2rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:100;max-height:300px;overflow-y:auto;box-shadow:0 12px 32px #00000080}.search-results li{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;cursor:pointer;transition:background .1s}.search-results li:hover{background:var(--hover-bg)}.search-results .name{font-weight:500;font-size:.95rem}.search-results .sub{font-size:.8rem;color:var(--text2);margin-top:1px}.chat-list{flex:1;overflow-y:auto;padding:.25rem 0;padding-bottom:var(--safe-bottom)}.chat-list li{display:flex;align-items:center;gap:.85rem;padding:.6rem 1rem;cursor:pointer;transition:background .12s;position:relative;margin:0 .3rem;border-radius:12px}.chat-list li:hover{background:var(--hover-bg)}.chat-list li.active{background:var(--active-bg)}.chat-info{min-width:0;flex:1}.chat-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.chat-title{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.bot-badge{width:15px;height:15px;flex-shrink:0;display:inline-block;vertical-align:middle}.chat-time{font-size:.74rem;color:var(--text2);flex-shrink:0;margin-top:1px}.chat-last{font-size:.83rem;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;flex:1;min-width:0}.chat-typing{font-size:.83rem;color:var(--accent2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px;flex:1;min-width:0;font-style:italic}.unread-badge{background:var(--accent);color:#fff;border-radius:12px;font-size:.72rem;font-weight:700;padding:2px 7px;flex-shrink:0;min-width:20px;text-align:center;line-height:1.4;box-shadow:0 2px 8px var(--accent-glow)}.empty-hint{color:var(--text2);font-size:.88rem;text-align:center;padding:2.5rem 1rem;line-height:1.8;cursor:default}.avatar-wrap{position:relative;flex-shrink:0;display:inline-flex}.avatar-wrap.sm .online-dot{width:9px;height:9px;bottom:1px;right:1px;border-width:1.5px}.online-dot{position:absolute;bottom:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#4ade80;border:2px solid var(--sidebar-bg);pointer-events:none}.online-dot.sm{width:8px;height:8px;bottom:0;right:0;border-width:1.5px}.avatar{width:46px;height:46px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.05rem;flex-shrink:0;letter-spacing:-.01em}.avatar.sm{width:34px;height:34px;font-size:.88rem}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);min-width:0;background-image:radial-gradient(ellipse at 80% 100%,rgba(124,92,191,.06) 0%,transparent 60%)}.no-chat{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;color:var(--text2);font-size:.95rem}.no-chat-icon{font-size:2.5rem;opacity:.3}.chat-window{display:flex;flex-direction:column;height:100%}.chat-header{display:flex;align-items:center;gap:.75rem;padding:0 1rem;height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);background:var(--sidebar-bg);border-bottom:1px solid var(--border);flex-shrink:0}.btn-back-chat{color:var(--accent2);font-size:1.25rem;padding:.35rem .5rem;border-radius:10px;transition:.15s;display:none;align-items:center;line-height:1}.btn-back-chat:hover{background:var(--hover-bg)}.mobile-team-menu-btn{display:none}.thread-close-btn{display:flex}.chat-header-info{min-width:0;flex:1}.chat-header-info .chat-title{font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.typing-indicator{font-size:.78rem;color:var(--accent2);margin-top:1px;font-style:italic}.online-status{font-size:.78rem;color:var(--text2);margin-top:1px}.online-status.active{color:#4ade80}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0}.messages-inner{width:100%;padding:.75rem}.date-divider{display:flex;align-items:center;margin:.85rem 0;gap:.5rem;color:var(--text3);font-size:.75rem}.date-divider:before,.date-divider:after{content:"";flex:1;height:1px;background:var(--border)}.date-divider span{white-space:nowrap;padding:.2rem .7rem;background:#ffffff0a;border-radius:20px}.msg{display:flex;flex-direction:column;max-width:72%;margin-bottom:.25rem}.msg.mine{margin-left:auto;margin-right:2px;align-items:flex-end}.msg.theirs{align-items:flex-start}.msg.no-name{margin-bottom:.1rem}.msg-sender{font-size:.78rem;color:var(--accent2);margin-bottom:3px;padding-left:.5rem;font-weight:600}.msg-bubble{border-radius:18px;padding:.55rem .95rem;max-width:100%;display:flex;align-items:flex-end;gap:.65rem}.msg.mine .msg-bubble{background:linear-gradient(135deg,var(--mine-bg),var(--mine-bg2));border-bottom-right-radius:5px;box-shadow:0 2px 8px #4c358566}.msg.theirs .msg-bubble{background:var(--surface);border-bottom-left-radius:5px;box-shadow:0 1px 3px #0003}.msg-body{word-break:break-word;line-height:1.5;white-space:pre-wrap;font-size:.95rem}.msg-meta{display:flex;align-items:flex-end;gap:2px;flex-shrink:0;margin-bottom:1px}.msg-time{font-size:.67rem;color:#ffffff73}.msg.mine .msg-time{color:#ffffff8c}.msg-check{font-size:.67rem;color:#fff6;line-height:1;letter-spacing:-2px}.msg-check.read{color:#7fbaff}.input-bar{display:flex;flex-direction:column;gap:0;padding:.55rem .75rem;padding-bottom:calc(.55rem + var(--safe-bottom));background:var(--sidebar-bg);border-top:1px solid var(--border);flex-shrink:0}.input-bar-row{display:flex;align-items:flex-end;gap:.5rem}.input-bar textarea{flex:1;background:var(--surface);border:1.5px solid transparent;border-radius:22px;padding:.65rem 1.15rem;color:var(--text);outline:none;transition:.2s;font-size:.95rem;resize:none;overflow:hidden;line-height:1.45;max-height:120px;min-height:40px}.input-bar textarea:focus{border-color:var(--accent)}.input-bar textarea::placeholder{color:var(--text2)}.btn-send{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:.2s;padding-left:2px;box-shadow:0 3px 12px var(--accent-glow)}.btn-send:hover:not(:disabled){transform:scale(1.05)}.btn-send:active:not(:disabled){transform:scale(.97)}.btn-send:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.btn-attach{width:36px;height:36px;border-radius:50%;flex-shrink:0;margin-bottom:4px;color:var(--text2);display:flex;align-items:center;justify-content:center;transition:color .2s}.btn-attach:hover:not(:disabled){color:var(--text)}.btn-attach:disabled{opacity:.4;cursor:not-allowed}.attachment-preview{display:flex;align-items:center;gap:.5rem;background:var(--surface);border-radius:8px;padding:.35rem .6rem;margin-bottom:.4rem;font-size:.82rem}.attachment-preview-name{color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview-size{color:var(--text2);flex-shrink:0}.attachment-preview-remove{color:var(--text2);font-size:.8rem;flex-shrink:0;padding:2px 4px}.attachment-preview-remove:hover{color:var(--text)}.msg-attachment-img-wrap{display:block;margin-top:.4rem;padding:0;border:none;background:none;cursor:pointer}.msg-attachment-img{max-width:280px;max-height:220px;border-radius:10px;display:block;object-fit:cover}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:4rem 3.5rem;touch-action:pan-y}.lightbox-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto;cursor:zoom-in}.lightbox-stage.zoomed{justify-content:flex-start;align-items:flex-start;cursor:zoom-out}.lightbox-img{max-width:96vw;max-height:92vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #0009;transition:transform .18s ease}.lightbox-stage.zoomed .lightbox-img{width:200%;max-width:none;max-height:none;transform:none}.lightbox-close{position:fixed;top:max(1rem,env(safe-area-inset-top));right:1rem;width:40px;height:40px;border-radius:50%;background:#ffffff1f;color:#fff;border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox-close:hover{background:#ffffff38}.lightbox-counter{position:fixed;top:max(1.35rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);color:#ffffffb8;font-size:.82rem;font-variant-numeric:tabular-nums}.lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#fff;background:#ffffff1f;font-size:2rem}.lightbox-nav.prev{left:.75rem}.lightbox-nav.next{right:.75rem}.lightbox-actions{position:fixed;bottom:max(1.25rem,env(safe-area-inset-bottom));right:1rem;display:flex;gap:.55rem}.lightbox-share,.lightbox-download{position:static;width:44px;height:44px;border-radius:50%;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center}.lightbox-download{text-decoration:none}.lightbox-download:hover,.lightbox-share:hover,.lightbox-nav:hover{background:#ffffff38}@media(max-width:640px){.lightbox-overlay{padding:calc(env(safe-area-inset-top) + 3.5rem) .5rem calc(env(safe-area-inset-bottom) + 4.5rem)}.lightbox-img{max-width:100%;max-height:100%;border-radius:0}.lightbox-nav{display:none}}.msg-attachment-file{display:inline-flex;align-items:center;gap:.4rem;margin-top:.4rem;background:var(--surface);border-radius:8px;padding:.4rem .7rem;color:var(--text2);font-size:.85rem;transition:background .15s}.msg-attachment-file:hover{background:var(--surface2);color:var(--text)}.msg-attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.msg-attachment-size{flex-shrink:0;color:var(--text3)}.msg-attachment-deleted{display:inline-block;margin-top:.4rem;font-size:.8rem;color:var(--text3);font-style:italic}@keyframes spin{to{transform:rotate(360deg)}}.voice-bubble{padding:.5rem .7rem!important;min-width:200px}.voice-msg{display:flex;align-items:center;gap:.6rem}.voice-play-btn{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:opacity .15s}.voice-play-btn:hover{opacity:.85}.voice-track{display:flex;flex-direction:column;gap:.2rem;flex:1;min-width:0}.voice-bars{display:flex;align-items:flex-end;gap:2px;height:28px;flex:1}.voice-bar{flex:1;border-radius:2px;background:var(--border);transition:background .1s;min-height:3px}.voice-bar.filled{background:var(--accent)}.voice-duration{font-size:.72rem;color:var(--text3)}.voice-rec-bar{display:flex;align-items:center;gap:.7rem;flex:1;padding:.4rem 0}.rec-dot{width:10px;height:10px;border-radius:50%;background:#e53e3e;flex-shrink:0;animation:rec-pulse 1s ease-in-out infinite}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.3}}.rec-timer{font-size:.9rem;color:var(--text);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:36px}.voice-rec-waves{display:flex;align-items:flex-end;gap:3px;height:24px;flex:1}.wave-bar{flex:1;border-radius:2px;background:var(--accent);min-height:3px;animation:wave-anim .6s ease-in-out infinite alternate}.wave-bar:nth-child(2n){animation-delay:.1s}.wave-bar:nth-child(3n){animation-delay:.2s}.wave-bar:nth-child(4n){animation-delay:.15s}@keyframes wave-anim{0%{height:20%}to{height:90%}}.voice-preview-bar{display:flex;align-items:center;gap:.5rem;flex:1}.voice-preview-audio{flex:1;height:36px;min-width:0}.rec-duration{font-size:.8rem;color:var(--text3);flex-shrink:0}.btn-cancel-rec{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--surface2);color:var(--text2);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem}.btn-cancel-rec:hover{background:var(--border)}.btn-stop-rec{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#e53e3e;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-stop-rec:hover{opacity:.85}.btn-send-rec{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;font-size:1rem}.btn-send-rec:hover{opacity:.85}.btn-send-rec:disabled{opacity:.5;cursor:default}.btn-media-rec{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:transparent;color:var(--text3);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.btn-media-rec:hover{color:var(--accent);background:var(--surface2)}.msg-video-wrap{display:flex;flex-direction:column;gap:.25rem}.video-circle-wrap{position:relative;display:inline-block}.video-circle{width:200px;height:200px;border-radius:50%;object-fit:cover;display:block;background:#000}.video-meta{justify-content:flex-end;padding:0 .2rem}.video-rec-preview{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem 0;width:100%}.video-circle-live{width:160px;height:160px;border-radius:50%;object-fit:cover;display:block;background:#000;transform:scaleX(-1)}.rec-overlay{display:flex;align-items:center;gap:.4rem;margin-top:-.3rem}.rec-actions{display:flex;gap:1rem}.media-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;display:block}.video-unread-dot{position:absolute;bottom:6px;right:6px}.msg.no-bubble .msg-bubble{background:transparent!important;padding:0;box-shadow:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.admin-page{max-width:900px;margin:0 auto;padding:1.5rem 1rem;padding-bottom:calc(1.5rem + var(--safe-bottom));height:100%;overflow-y:auto}.admin-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.admin-header h1{font-size:1.4rem;font-weight:700}.btn-back{color:var(--accent2);font-size:.95rem;padding:.4rem .85rem;border:1px solid var(--border);border-radius:10px;transition:.15s}.btn-back:hover{background:var(--hover-bg)}.admin-section{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem}.admin-section h2{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text2)}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;gap:1rem}.setting-label{font-weight:500}.setting-sub{font-size:.85rem;color:var(--text2);margin-top:2px}.toggle{padding:.4rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem;border:2px solid;transition:.15s;min-width:60px;text-align:center;flex-shrink:0}.toggle.on{background:var(--accent);border-color:var(--accent);color:#fff}.toggle.off{background:transparent;border-color:var(--border);color:var(--text2)}.toggle:disabled{opacity:.5;cursor:not-allowed}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title-row h2{margin-bottom:0}.btn-create{background:var(--accent);color:#fff;border-radius:8px;padding:.4rem .85rem;font-size:.88rem;font-weight:600;transition:background .15s}.btn-create:hover{background:var(--accent2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--sidebar-bg);border:1px solid var(--border);border-radius:18px;width:100%;max-width:420px;box-shadow:0 24px 64px #000000b3}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem .75rem;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.1rem;font-weight:700}.modal-form{display:flex;flex-direction:column;gap:.85rem;padding:1.25rem}.modal-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--text2)}.modal-form input,.modal-form select{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:.65rem .95rem;color:var(--text);outline:none;font-size:.95rem;transition:.2s}.modal-form input:focus,.modal-form select:focus{border-color:var(--accent)}.modal-form select{cursor:pointer}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.25rem}.modal-actions .btn-primary{padding:.55rem 1.1rem;font-size:.95rem}.modal-search-input{width:100%;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:.6rem .95rem;color:var(--text);outline:none;font-size:.93rem;transition:border-color .2s;box-sizing:border-box}.modal-search-input:focus{border-color:var(--accent)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{text-align:left;padding:.6rem .75rem;color:var(--text2);border-bottom:1px solid var(--border);font-weight:500;white-space:nowrap}.admin-table td{padding:.65rem .75rem;border-bottom:1px solid var(--border)}.admin-table tr.blocked td{opacity:.5}.user-cell{display:flex;align-items:center;gap:.6rem}.user-cell .name{font-weight:500}.user-cell .sub{font-size:.78rem;color:var(--text2)}.role-badge{padding:.2rem .6rem;border-radius:20px;font-size:.78rem;font-weight:600}.role-badge.admin{background:#7c5cbf33;color:var(--accent2)}.role-badge.user{background:var(--surface);color:var(--text2)}.action-btns{display:flex;gap:.4rem;flex-wrap:wrap}.btn-sm{padding:.3rem .65rem;border-radius:6px;font-size:.8rem;font-weight:600;transition:.15s}.btn-red{background:#ef444426;color:#fca5a5}.btn-red:hover{background:#ef444440}.btn-green{background:#34d3991f;color:#6ee7b7}.btn-green:hover{background:#34d39933}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text2)}.btn-outline:hover{background:var(--hover-bg);color:var(--text)}.mention{background:#7c5cbf2e;color:var(--accent2);border-radius:4px;padding:0 3px;font-weight:500}.message-link{color:#7fbaff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere}.message-link:hover{color:#a9d1ff}.mention-menu{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:var(--surface2);border:1px solid var(--border);border-radius:10px;overflow:hidden;z-index:200;list-style:none;box-shadow:0 -4px 20px #0006}.mention-menu li{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .1s}.mention-menu li:hover,.mention-menu li.selected{background:var(--hover-bg)}.mention-name{font-weight:500;font-size:.9rem}.mention-username{color:var(--text2);font-size:.82rem}.reaction-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;align-items:center}.reaction-pill{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:20px;font-size:.82rem;background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:background .15s,border-color .15s;line-height:1.4}.reaction-pill:hover{background:var(--hover-bg)}.reaction-pill.mine{background:#7c5cbf2e;border-color:var(--accent2)}.reaction-count{color:var(--text2);font-size:.78rem}.quick-emoji{font-size:.95rem;padding:2px 4px;border-radius:12px;cursor:pointer;transition:background .1s,transform .1s;line-height:1;color:inherit}.quick-emoji:hover{background:var(--hover-bg);transform:scale(1.25)}.quick-emoji.active{background:#7c5cbf38}.ch-actions-sep{width:1px;height:16px;background:var(--border);align-self:center;flex-shrink:0;margin:0 1px}@media(hover:none){.ch-msg-actions{display:none!important}.messages-inner{-webkit-user-select:none;user-select:none}}.lp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:transparent}.lp-menu{position:fixed;z-index:901;left:12px;right:auto;display:flex;flex-direction:column;gap:6px;background:var(--surface2);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:8px 10px;box-shadow:0 4px 24px #0009}.lp-menu-right{left:auto;right:12px}.lp-emoji-row{display:flex;gap:4px;justify-content:center}.lp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border-top:1px solid rgba(255,255,255,.1);padding-top:6px}.lp-action{min-width:0;display:flex;align-items:center;gap:7px;background:var(--surface);border:none;color:var(--text);border-radius:8px;padding:9px 10px;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:background .12s}.lp-action svg{width:16px;height:16px;flex-shrink:0}.lp-action span{overflow:hidden;text-overflow:ellipsis}.lp-action:hover,.lp-action:active{background:#ffffff14}.lp-action.danger{color:#ef4444}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1rem;background:#000000a6;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.confirm-dialog{width:min(390px,100%);padding:1.2rem;border:1px solid var(--border);border-radius:10px;background:var(--sidebar-bg);box-shadow:0 22px 60px #0000008c}.confirm-handle{display:none}.confirm-dialog h2{font-size:1.05rem;line-height:1.3}.confirm-dialog p{margin-top:.5rem;color:var(--text2);font-size:.86rem;line-height:1.45}.confirm-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1.15rem}.confirm-actions button{min-width:92px;padding:.58rem .85rem;border-radius:8px;font-weight:600}.confirm-cancel{color:var(--text);background:var(--surface2)}.confirm-danger{color:#fff;background:#dc2626}.confirm-primary{color:#fff;background:var(--accent)}.inline-notice{margin-bottom:.75rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.82rem;line-height:1.4}.inline-notice.error{color:#fecaca;border-color:#ef44444d;background:#ef44441f}.inline-notice.success{color:#bbf7d0;border-color:#22c55e4d;background:#22c55e1f}@media(max-width:640px){.confirm-overlay{align-items:flex-end;padding:0}.confirm-dialog{width:100%;padding:.65rem 1rem calc(1rem + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:12px 12px 0 0}.confirm-handle{display:block;width:34px;height:4px;margin:0 auto .9rem;border-radius:2px;background:var(--text3)}.confirm-actions{display:grid;grid-template-columns:1fr 1fr}.confirm-actions button{min-height:44px}}.edit-banner{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;font-size:.8rem;color:var(--text2);background:#6366f11f;border-left:3px solid var(--accent2, #6366f1);border-radius:6px;margin-bottom:.4rem}.edit-banner-cancel{background:none;border:none;color:var(--accent2, #6366f1);cursor:pointer;font-size:.8rem}.msg-edited{font-size:.7rem;color:var(--text3);margin-left:6px;opacity:.7}.ch-msg-meta{display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--text3);margin-top:2px}.ch-msg-time-inline{color:var(--text3)}.select-bar{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;background:var(--surface2, #1e1e32);border-bottom:1px solid rgba(255,255,255,.08);gap:.75rem}.select-bar-count{flex:1;text-align:center;font-size:.9rem;color:var(--text)}.select-bar-cancel{background:none;border:none;color:var(--accent2, #6366f1);font-size:.9rem;cursor:pointer}.select-bar-delete{background:none;border:none;color:#ef4444;font-size:.9rem;font-weight:600;cursor:pointer}.select-bar-delete:disabled{color:var(--text3);cursor:default}.ch-msg.selectable{cursor:pointer;border-radius:8px}.ch-msg.selected{background:#6366f12e;border-radius:8px}.lp-emoji{background:none;border:none;cursor:pointer;font-size:1.4rem;line-height:1;padding:4px 5px;border-radius:50%;transition:background .12s}.lp-emoji:active,.lp-emoji.active{background:var(--accent1-dim, rgba(99,102,241,.25))}.channel-readonly-notice{display:flex;align-items:center;gap:6px;color:var(--text2);font-size:.85rem;padding:0 12px}.teams-layout{display:flex;height:100%;overflow:hidden}.team-rail{width:72px;flex-shrink:0;background:#0b0b15;display:flex;flex-direction:column;align-items:center;padding:calc(var(--safe-top) + .5rem) 0 0;border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden}.team-rail-inner{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%}.team-icon-btn{position:relative;width:48px;height:48px;border-radius:14px;overflow:hidden;transition:border-radius .15s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.team-icon-btn:hover,.team-icon-btn.active{border-radius:10px}.team-icon-btn span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#fff}.team-icon-btn img{width:100%;height:100%;object-fit:cover}.team-icon-btn.add span{background:var(--surface);color:var(--text2);font-size:1.4rem;font-weight:400}.team-icon-btn.add:hover span{background:var(--accent);color:#fff}.team-icon-btn.dm-rail-btn{background:var(--surface);color:var(--text2);overflow:visible}.team-icon-btn.dm-rail-btn:hover{color:var(--text);background:var(--surface2)}.team-icon-btn.dm-rail-btn.active{background:var(--accent);color:#fff;border-radius:10px}.team-rail-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 3px;background:#f23f42;color:#fff;font-size:.65rem;font-weight:700;line-height:16px;border-radius:8px;text-align:center;pointer-events:none}.team-rail-sep{width:32px;height:1px;background:#ffffff1a;margin:.2rem 0;flex-shrink:0}.team-rail-footer{margin-top:auto;padding-bottom:calc(var(--safe-bottom) + .5rem);display:flex;flex-direction:column;align-items:center;gap:.3rem}.team-rail-avatar-btn{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.team-rail-avatar-btn:hover{opacity:.85}.team-rail-icon-btn{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text3);transition:background .15s,color .15s}.team-rail-icon-btn:hover{background:var(--surface);color:var(--text2)}.team-rail-icon-btn.danger:hover{background:#dc323226;color:#e05}.dm-search-wrap{padding:.5rem .75rem;flex-shrink:0;border-bottom:1px solid var(--border)}.dm-search-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.45rem .75rem;color:var(--text);outline:none;font-size:.88rem;transition:border-color .2s;box-sizing:border-box}.dm-search-input:focus{border-color:var(--accent)}.team-active-pip{position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:4px;height:24px;background:#fff;border-radius:0 3px 3px 0}.channel-sidebar{width:240px;flex-shrink:0;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.channel-sidebar-header{height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);padding:calc(var(--safe-top) + .75rem) .75rem .75rem 1rem;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;align-items:flex-end;justify-content:space-between;gap:6px}.channel-team-name{font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-list-scroll{flex:1;overflow-y:auto;padding:.5rem 0 1rem}.channel-section-label{display:flex;align-items:center;justify-content:space-between;padding:.45rem .75rem .2rem 1rem;color:var(--text2);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ch-add{font-size:1.2rem;width:22px;height:22px;padding:0;display:flex;align-items:center;justify-content:center}.channel-item{display:flex;align-items:center;gap:.4rem;width:100%;padding:.38rem .75rem .38rem 1rem;border-radius:0;color:var(--text2);font-size:.92rem;transition:background .1s,color .1s;text-align:left}@media(hover:hover)and (pointer:fine){.channel-item:hover{background:var(--hover-bg);color:var(--text)}}.channel-item.active{background:var(--active-bg);color:var(--text)}.channel-item.dms-link{color:var(--text2)}.channel-item-symbol{flex-shrink:0}.channel-item-copy{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.channel-item-copy .ch-name{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-item-copy>span:last-child:not(.ch-name){display:block;width:100%;color:var(--text2);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-conversation-item{min-height:58px;padding-top:.45rem;padding-bottom:.45rem}@media(hover:none),(pointer:coarse){.channel-item{-webkit-tap-highlight-color:transparent;touch-action:pan-y}.channel-item:hover:not(.active){background:transparent;color:var(--text2)}.channel-item:focus:not(:focus-visible){outline:none}}.dm-conversation-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;text-align:left}.dm-conversation-title-row{display:flex;align-items:baseline;gap:.5rem;min-width:0}.dm-conversation-title-row .ch-name{font-weight:600;color:var(--text)}.dm-conversation-title-row time{margin-left:auto;flex-shrink:0;color:var(--text3);font-size:.7rem}.dm-conversation-preview{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text2);font-size:.78rem}.ch-hash{font-size:.85rem;opacity:.6;flex-shrink:0}.ch-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-unread{background:var(--accent);color:#fff;border-radius:10px;font-size:.7rem;font-weight:700;padding:1px 6px;flex-shrink:0;min-width:18px;text-align:center;line-height:1.5}.channel-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);min-width:0}.channel-header{display:flex;align-items:center;gap:.75rem;padding:0 1rem;height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);background:var(--sidebar-bg);border-bottom:1px solid var(--border);flex-shrink:0}.channel-header-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.channel-header-name{font-weight:700;font-size:1rem}.channel-header-desc{font-size:.78rem;color:var(--text2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-header-desc.online{color:#4ade80}.dm-back-btn{display:none}.ch-msg{display:flex;align-items:flex-start;gap:.6rem;padding:.15rem .75rem .15rem 0;position:relative;border-radius:8px;transition:background .1s}.ch-msg:hover{background:var(--hover-bg)}.ch-msg.no-name{padding-top:.05rem}.ch-msg-avatar{width:36px;flex-shrink:0;padding-top:1px}.ch-msg-avatar-spacer{width:36px;flex-shrink:0}.ch-msg-content{flex:1;min-width:0}.ch-msg-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:2px}.ch-msg-name{font-weight:600;font-size:.88rem}.ch-msg-time{font-size:.72rem;color:var(--text3)}.ch-msg-body{font-size:.93rem;line-height:1.5;word-break:break-word;white-space:pre-wrap}.thread-btn{display:inline-flex;align-items:center;gap:.3rem;margin-top:.3rem;font-size:.8rem;color:var(--accent2);padding:.2rem .55rem;border-radius:6px;background:#7c5cbf14;transition:background .1s}.thread-btn:hover{background:#7c5cbf26}.ch-msg-actions{position:absolute;right:.5rem;bottom:calc(100% + 2px);top:auto;opacity:0;pointer-events:none;transition:opacity .12s;display:flex;align-items:center;gap:1px;background:var(--surface2);border:1px solid var(--border);border-radius:20px;padding:2px 5px;box-shadow:0 2px 8px #0000004d;z-index:10;white-space:nowrap}.ch-msg:hover .ch-msg-actions,.thread-root:hover .ch-msg-actions,.thread-reply:hover .ch-msg-actions{opacity:1;pointer-events:auto}.ch-reply-btn{display:flex;align-items:center;justify-content:center;padding:3px 5px;border-radius:12px;color:var(--text2);transition:background .1s,color .1s}.ch-reply-btn:hover{background:var(--hover-bg);color:var(--text)}.ch-reply-btn svg{width:14px;height:14px}.message-quote{display:flex;width:100%;min-width:0;flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:.35rem;padding:.35rem .5rem;border-left:3px solid var(--accent);border-radius:4px;background:#7c5cbf1f;text-align:left}.message-quote strong{max-width:100%;color:var(--accent2);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-quote span{display:block;max-width:100%;color:var(--text2);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-highlight .ch-msg-content{animation:message-highlight 1.4s ease-out}@keyframes message-highlight{0%,35%{background:#7c5cbf47}to{background:transparent}}.reply-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.4rem .65rem;border-left:3px solid var(--accent);color:var(--text2);background:var(--surface2);font-size:.78rem}.reply-banner span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-banner strong{color:var(--accent2);margin-right:.4rem}.unread-divider{display:flex;align-items:center;gap:.65rem;margin:.55rem 0;color:var(--accent2);font-size:.72rem;font-weight:600}.unread-divider:before,.unread-divider:after{content:"";height:1px;flex:1;background:var(--accent);opacity:.55}.unread-divider span{flex-shrink:0}.messages-shell{position:relative;flex:1;min-height:0;display:flex}.messages-shell>.messages{flex:1;min-height:0}.jump-to-latest{position:absolute;z-index:20;right:.85rem;bottom:.75rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:50%;color:var(--text);background:var(--surface2);box-shadow:0 5px 18px #00000059}.jump-to-latest svg{width:19px;height:19px}.thread-panel{width:360px;flex-shrink:0;background:var(--sidebar-bg);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.thread-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;height:calc(var(--header-h) + var(--safe-top));padding-top:var(--safe-top);border-bottom:1px solid var(--border);flex-shrink:0}.thread-title{font-weight:700;font-size:1rem}.thread-messages{flex:1;overflow-y:auto;padding:.75rem 0}.thread-root{position:relative;padding:.75rem 1rem 1rem;border-bottom:1px solid var(--border);margin-bottom:.5rem;border-radius:8px}.thread-root:hover{background:var(--hover-bg)}.thread-replies-label{font-size:.78rem;color:var(--text2);padding:.25rem 1rem .5rem;font-weight:600}.thread-reply{padding-left:1rem;padding-right:1rem}.no-teams-hint{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:var(--text)}@media(max-width:640px){.teams-layout{position:fixed;top:0;left:0;right:0;bottom:auto;height:calc(var(--vv-height, 100svh) + env(safe-area-inset-bottom,0px));overflow:hidden}.team-rail{width:56px;z-index:1}.team-icon-btn{width:40px;height:40px;border-radius:10px}.channel-sidebar{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;transform:translate(0);transition:transform .25s;z-index:10}.channel-main{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;transform:translate(100%);transition:transform .25s;z-index:20}.thread-panel{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;transform:translate(200%);transition:transform .25s;z-index:30}.mobile-view-teams .channel-sidebar{transform:translate(100%)}.mobile-view-channels .channel-sidebar{transform:translate(0)}.mobile-view-channels .channel-main{transform:translate(100%)}.mobile-view-messages .channel-sidebar{transform:translate(-100%)}.mobile-view-messages .channel-main{transform:translate(0)}.mobile-view-thread .channel-sidebar,.mobile-view-thread .channel-main{transform:translate(-100%)}.mobile-view-thread .thread-panel,.mobile-view-dms .channel-sidebar{transform:translate(0)}.mobile-view-dms .channel-main{transform:translate(100%)}.mobile-view-dm-chat .channel-sidebar{transform:translate(-100%)}.mobile-view-dm-chat .channel-main{transform:translate(0)}.channel-sidebar.mobile-hidden{transform:translate(-100%)}.mobile-view-dms .channel-sidebar,.mobile-view-dm-chat .channel-sidebar,.mobile-view-dms .dm-chat-main,.mobile-view-dm-chat .dm-chat-main{transition:none}.team-rail{display:none}.mobile-view-dms .channel-sidebar,.mobile-view-channels .channel-sidebar{padding-bottom:calc(58px + var(--safe-bottom))}}.mobile-primary-nav{display:none}@media(max-width:640px){.mobile-primary-nav{position:fixed;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:calc(58px + var(--safe-bottom));padding:4px 4px var(--safe-bottom);background:#161622f5;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-primary-nav button{position:relative;min-width:0;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text2);font-size:.67rem}.mobile-primary-nav button svg{width:23px;height:23px}.mobile-primary-nav button.active{color:var(--accent2)}.mobile-primary-nav button i{position:absolute;top:5px;left:calc(50% + 8px);width:7px;height:7px;border-radius:50%;background:#ef5350;box-shadow:0 0 0 2px var(--sidebar-bg)}.dm-conversation-item{min-height:64px;padding:.5rem .85rem;gap:.7rem}.dm-conversation-item .avatar.sm{width:42px;height:42px}.dm-conversation-body{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;text-align:left}.dm-conversation-title-row{display:flex;align-items:baseline;gap:.5rem;min-width:0}.dm-conversation-title-row .ch-name{font-weight:600}.dm-conversation-title-row time{margin-left:auto;flex-shrink:0;color:var(--text3);font-size:.7rem}.dm-conversation-preview{color:var(--text2);font-size:.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.channel-list-scroll{padding-top:.35rem}.channel-section-label{padding:.8rem 1rem .35rem;font-size:.7rem;letter-spacing:.08em}.channel-item:not(.dm-conversation-item){min-height:54px;padding:.45rem .85rem;gap:.7rem;border-radius:10px;margin:1px .45rem;width:calc(100% - .9rem)}.channel-item-symbol{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:var(--surface2);color:var(--text2);font-size:1rem;font-weight:600}.channel-item.active .channel-item-symbol{background:var(--accent);color:#fff}.channel-item-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;text-align:left}.channel-item-copy .ch-name{color:var(--text);font-weight:600}.channel-item-copy>span:last-child:not(.ch-name){color:var(--text2);font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-header{gap:.35rem;box-shadow:0 1px 0 var(--border)}.channel-header-info{flex:1;overflow:hidden}.btn-back-chat,.dm-back-btn{width:42px;height:42px;padding:0;justify-content:center;font-size:1.6rem}.date-divider{margin:.7rem 0}.date-divider:before,.date-divider:after{opacity:.45}.date-divider span{padding:.22rem .65rem;background:var(--surface);color:var(--text2);font-size:.7rem}.dm-chat-main .messages-inner{padding-left:.55rem;padding-right:.55rem}.dm-chat-main .ch-msg{width:fit-content;max-width:88%;margin:2px 0;padding:0;gap:0}.dm-chat-main .ch-msg.mine{margin-left:auto}.dm-chat-main .ch-msg.theirs{margin-right:auto}.dm-chat-main .ch-msg-avatar,.dm-chat-main .ch-msg-avatar-spacer{display:none}.dm-chat-main .ch-msg-content{padding:.5rem .7rem .35rem;border-radius:14px;background:var(--surface);box-shadow:0 1px 2px #0000002e}.dm-chat-main .ch-msg.mine .ch-msg-content{background:var(--mine-bg);border-bottom-right-radius:5px}.dm-chat-main .ch-msg.theirs .ch-msg-content{border-bottom-left-radius:5px}.dm-chat-main .ch-msg-header{margin-bottom:2px}.dm-chat-main .ch-msg.mine .ch-msg-header{display:none}.dm-chat-main .ch-msg-time-inline,.dm-chat-main .ch-msg-meta{color:#ffffff80}}@media(max-width:640px){.capacitor-native,.capacitor-native body,.capacitor-native #root{height:100dvh}.capacitor-native .teams-layout,.capacitor-native .layout{height:var(--vv-height, 100dvh)}.capacitor-native.keyboard-open .input-bar{padding-bottom:.45rem}.capacitor-native .channel-header,.capacitor-native .channel-sidebar-header,.capacitor-native .thread-header{min-height:calc(60px + var(--safe-top));padding-left:.75rem;padding-right:.75rem}.capacitor-native .channel-header-name{font-size:1.05rem}.capacitor-native .channel-header-desc{font-size:.8rem}.capacitor-native .btn-icon,.capacitor-native .btn-back-chat,.capacitor-native .mobile-team-menu-btn{min-width:44px;min-height:44px}.capacitor-native .messages-inner{padding:.6rem .65rem .75rem}.capacitor-native .ch-msg-body,.capacitor-native .msg-body{font-size:1rem;line-height:1.45}.capacitor-native .input-bar{padding:.45rem .6rem;padding-bottom:calc(.45rem + var(--safe-bottom))}.capacitor-native .input-bar-row{gap:.35rem}.capacitor-native .input-bar textarea{min-height:44px;border-radius:22px;padding:.62rem 1rem;background:var(--surface2)}.capacitor-native .btn-attach,.capacitor-native .btn-media-rec{width:40px;height:40px;margin-bottom:2px}.capacitor-native .btn-send{width:44px;height:44px}.capacitor-native .mobile-team-menu-overlay{background:#0000009e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.capacitor-native .mobile-team-menu{max-height:min(82dvh,720px);border-radius:16px 16px 0 0;box-shadow:0 -12px 40px #00000073;overscroll-behavior:contain}.capacitor-native .mobile-team-menu-grabber{width:36px;height:5px;border-radius:3px;background:#fff3;margin:8px auto 2px;flex-shrink:0}.capacitor-native .mobile-team-menu-header{padding:.75rem 1rem}.capacitor-native .mobile-team-menu-item,.capacitor-native .mobile-team-menu-footer-item{min-height:52px;padding:.55rem 1rem;font-size:1rem}.capacitor-native .mobile-team-menu-avatar{width:36px;height:36px}}.in-app-toast{position:fixed;top:calc(var(--safe-top) + .75rem);left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:420px;background:var(--surface2);border:1px solid var(--border);border-radius:16px;padding:.85rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 32px #0009;z-index:500;cursor:pointer;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-content{flex:1;min-width:0}.toast-sender{font-weight:600;font-size:.88rem;color:var(--accent2)}.toast-body{font-size:.85rem;color:var(--text2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-close{color:var(--text3);padding:.25rem;border-radius:6px;flex-shrink:0;font-size:.9rem}.toast-close:hover{color:var(--text);background:var(--hover-bg)}.tab-bar{display:flex;flex-shrink:0;background:var(--sidebar-bg);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom)}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.6rem .25rem;color:var(--text2);transition:color .15s}.tab-btn svg{width:24px;height:24px}.tab-btn.active{color:var(--accent2)}.tab-btn.active svg{stroke:var(--accent2)}.me-tab{flex:1;overflow-y:auto;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.75rem}.me-avatar-wrap{display:flex;align-items:center;gap:1rem;background:var(--surface);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:.5rem}.me-avatar{width:52px;height:52px;font-size:1.2rem}.me-name{font-weight:700;font-size:1rem}.me-username{font-size:.82rem;color:var(--text2);margin-top:2px}.me-action-btn{display:flex;align-items:center;gap:.7rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.85rem 1.1rem;color:var(--text);font-size:.95rem;font-weight:500;text-align:left;transition:background .12s}.me-action-btn span{font-size:1.1rem}.me-action-btn:hover{background:var(--surface2)}.me-action-btn.danger{color:#fca5a5}.me-action-btn.danger:hover{background:#ef44441a}.user-cards{display:none;flex-direction:column;gap:.6rem}.user-card{background:var(--surface);border-radius:12px;padding:.85rem 1rem;border:1px solid var(--border)}.user-card.blocked{opacity:.55}@media(max-width:640px){html,body,#root{height:100dvh;overflow:hidden}.layout{position:fixed;top:0;left:0;right:0;bottom:auto;height:calc(var(--vv-height, 100svh) + env(safe-area-inset-bottom,0px));flex-direction:row;overflow:hidden}.sidebar{width:100vw;min-width:unset;max-width:unset;border-right:none;flex-shrink:0;height:100%}.main{width:100vw;flex-shrink:0;min-height:0;height:100%}.btn-back-chat,.dm-back-btn,.mobile-team-menu-btn{display:flex}.thread-close-btn{display:none}.msg{max-width:82%}@media(orientation:landscape){:root{--header-h: 48px}.auth-card{padding:1.2rem}}.admin-table-wrap{display:none!important}.user-cards{display:flex}.messages-inner{padding:.5rem .75rem}input,textarea,select{font-size:16px!important}.admin-page{padding-top:calc(1rem + var(--safe-top))}}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.call-overlay-inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;width:100%;max-width:320px}.call-minimize-btn{position:absolute;top:0;right:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#ffffffb3;background:#ffffff1a}.call-minimize-btn svg{width:20px;height:20px}.call-duration{color:#ffffffb8;font-size:.85rem;font-variant-numeric:tabular-nums}.call-mini-bar{position:fixed;z-index:350;top:.75rem;left:50%;transform:translate(-50%);width:min(420px,calc(100vw - 2rem));min-height:58px;display:flex;align-items:center;gap:.35rem;padding:.4rem;border:1px solid var(--border);border-radius:10px;background:var(--sidebar-bg);box-shadow:0 10px 32px #00000073}.call-mini-main{display:flex;align-items:center;gap:.65rem;flex:1;min-width:0;padding:.3rem .4rem;text-align:left}.call-mini-indicator{width:10px;height:10px;flex-shrink:0;border-radius:50%;background:#f59e0b}.call-mini-indicator.connected{background:#22c55e}.call-mini-indicator.reconnecting{background:#ef4444;animation:rec-pulse 1s ease-in-out infinite}.call-mini-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.call-mini-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.call-mini-copy span{color:var(--text2);font-size:.72rem;font-variant-numeric:tabular-nums}.call-mini-action{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text2);background:var(--surface2)}.call-mini-action.active{color:#fff;background:var(--accent)}.call-mini-action.end{color:#fff;background:#ef4444}.call-avatar-wrap{position:relative}.call-pulse{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(100,220,130,.5);animation:call-pulse 1.6s ease-out infinite}@keyframes call-pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}.call-peer-name{font-size:1.3rem;font-weight:700;color:#fff}.call-status-text{font-size:.9rem;color:#fff9}.call-controls{display:flex;gap:1.5rem;margin-top:1rem}.call-btn{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.15s;font-size:1.1rem}.call-btn-accept{background:#22c55e}.call-btn-accept:hover{background:#16a34a}.call-btn-reject,.call-btn-end{background:#ef4444}.call-btn-reject:hover,.call-btn-end:hover{background:#dc2626}.call-btn-mute,.call-btn-speaker{background:#ffffff26;color:#fff}.call-btn-mute:hover,.call-btn-speaker:hover{background:#ffffff40}.call-btn-mute.active,.call-btn-speaker.active{background:var(--accent)}.mobile-team-menu-overlay,.mobile-team-menu{display:none}@media(max-width:640px){.mobile-team-menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:90}.mobile-team-menu{display:flex;flex-direction:column;position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:var(--sidebar-bg);border-top:1px solid var(--border);border-radius:20px 20px 0 0;z-index:91;overflow-y:auto;animation:slide-up-sheet .25s ease;padding-bottom:calc(var(--safe-bottom) + .5rem)}@keyframes slide-up-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-team-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border);font-weight:600;font-size:1rem;position:sticky;top:0;background:var(--sidebar-bg)}.mobile-team-menu-item{display:flex;align-items:center;gap:.85rem;padding:.85rem 1.25rem;color:var(--text);font-size:.95rem;transition:background .12s;text-align:left;width:100%}.mobile-team-menu-item:hover,.mobile-team-menu-item:active{background:var(--hover-bg)}.mobile-team-menu-item.active{color:var(--accent2)}.mobile-team-menu-avatar{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;color:#fff}.mobile-team-menu-footer{border-top:1px solid var(--border);padding:.25rem 0}.mobile-team-menu-footer-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1.25rem;color:var(--text2);font-size:.9rem;width:100%;text-align:left;transition:background .12s}.mobile-team-menu-footer-item:hover,.mobile-team-menu-footer-item:active{background:var(--hover-bg);color:var(--text)}.mobile-team-menu-footer-item.danger{color:#e06070}.mobile-team-menu-footer-item.danger:hover{background:#dc32321a}}.guest-call-page{min-height:100svh;display:flex;align-items:center;justify-content:center;background:#0b0b15;padding:1.5rem}.guest-call-card{background:var(--sidebar-bg, #13131f);border:1px solid var(--border, rgba(255,255,255,.08));border-radius:20px;padding:2.5rem 2rem;width:100%;max-width:380px;box-shadow:0 24px 64px #000000b3;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.guest-call-logo{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#a78bfa,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guest-call-host{font-size:1.15rem;font-weight:600;color:var(--text, #e0e0f0)}.guest-status{color:var(--text2, #8888aa);font-size:.95rem}.guest-call-input{width:100%;background:var(--surface, #1a1a2e);border:1.5px solid var(--border, rgba(255,255,255,.12));border-radius:12px;padding:.7rem 1rem;color:var(--text, #e0e0f0);font-size:.97rem;outline:none;transition:border-color .2s;text-align:center;box-sizing:border-box}.guest-call-input:focus{border-color:#7c3aed}.guest-btn{width:100%;padding:.75rem 1rem;border-radius:12px;font-weight:700;font-size:.97rem;background:var(--accent, #7c3aed);color:#fff;transition:opacity .15s}.guest-btn:disabled{opacity:.45;cursor:not-allowed}.guest-btn:not(:disabled):hover{opacity:.88}.guest-btn.green{background:#22c55e}.guest-btn.red{background:#ef4444}.guest-call-actions{display:flex;gap:1rem;width:100%;justify-content:center}.guest-call-action-btn{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:var(--surface2, #1e1e32);border-radius:14px;padding:.8rem 1.4rem;font-size:.8rem;color:var(--text2, #8888aa);transition:background .15s;flex:1}.guest-call-action-btn:hover{background:var(--hover-bg, rgba(255,255,255,.06))}.guest-call-action-btn.active{background:#6366f133;color:#a78bfa}.guest-call-action-btn.red{background:#ef444426;color:#ef4444}.guest-call-action-btn.red:hover{background:#ef444440}.guest-call-action-btn span{font-size:.78rem}.room-panel-overlay{position:fixed;bottom:1.5rem;right:1.5rem;z-index:300;pointer-events:none}.room-panel{background:var(--sidebar-bg, #13131f);border:1px solid var(--border, rgba(255,255,255,.1));border-radius:16px;padding:1.1rem 1.2rem;width:320px;box-shadow:0 12px 40px #0009;pointer-events:all}.room-panel-header{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.9rem}.room-panel-title-row{display:flex;align-items:center;justify-content:space-between}.room-panel-minimize{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text2);background:var(--surface2)}.room-panel-minimize svg{width:17px;height:17px}.room-panel-title{font-size:.8rem;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.05em}.room-panel-status{font-size:.95rem;font-weight:600;color:var(--text)}.room-panel-status.active{color:#22c55e}.room-panel-status.pending{color:#f59e0b}.room-panel-audio-route{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;color:var(--text2);background:var(--surface2);font-weight:600}.room-panel-audio-route.active{color:#fff;background:var(--accent);border-color:var(--accent)}.room-panel-link-row{display:flex;gap:.5rem;margin-bottom:.8rem}.room-panel-link-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.45rem .7rem;color:var(--text2);font-size:.8rem;outline:none;min-width:0}.room-panel-copy-btn{padding:.45rem .85rem;font-size:.83rem;white-space:nowrap}.room-panel-actions{display:flex;gap:.5rem;margin-bottom:.7rem}.room-panel-btn{flex:1;padding:.55rem;border-radius:10px;font-size:.88rem;font-weight:600;transition:opacity .15s}.room-panel-btn:hover{opacity:.85}.room-panel-btn.accept{background:#22c55e;color:#fff}.room-panel-btn.reject{background:#ef44442e;color:#ef4444}.room-panel-btn.mute{background:var(--surface2, #1e1e32);color:var(--text)}.room-panel-btn.mute.active{background:#6366f133;color:#a78bfa}.room-panel-btn.hangup{background:#ef44442e;color:#ef4444}.room-panel-close-btn{width:100%;padding:.45rem;border-radius:8px;font-size:.82rem;color:var(--text2);transition:color .15s}.room-panel-close-btn:hover{color:#ef4444}.room-panel-pending-label{font-size:.83rem;color:var(--text2);margin-bottom:.4rem}.room-panel-participants{display:flex;flex-direction:column;gap:2px;margin:.5rem 0;padding:.5rem;background:var(--surface2, #1e1e32);border-radius:8px}.room-panel-participant{display:flex;align-items:center;gap:.5rem;padding:.3rem .25rem;border-radius:6px}.room-panel-participant:hover{background:#ffffff0a}.room-panel-participant-avatar{width:24px;height:24px;border-radius:50%;background:var(--accent, #6366f1);display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff;flex-shrink:0}.room-panel-participant-name{flex:1;font-size:.83rem;color:var(--text)}.room-panel-participant-role{font-size:.75rem;color:var(--text2)}.room-panel-participant-mute{padding:3px;border-radius:4px;color:var(--text2);transition:color .15s}.room-panel-participant-mute.active{color:#a78bfa}.room-panel-participant-mute:hover{color:var(--text)}.room-panel-participant-actions{display:flex;gap:2px}.room-panel-participant-action{padding:3px;border-radius:4px;color:var(--text2);transition:color .15s}.room-panel-participant-action:hover{color:var(--text)}.room-panel-participant-action.kick:hover{color:#ef4444}.room-panel-invite-section{margin-bottom:.5rem}.room-panel-invite-btn{display:flex;align-items:center;width:100%;padding:.45rem .6rem;background:none;border:1px dashed rgba(255,255,255,.15);border-radius:8px;color:var(--text2);font-size:.83rem;cursor:pointer;transition:background .15s}.room-panel-invite-btn:hover{background:#ffffff0f;color:var(--text)}.room-panel-invite-list{margin-top:.4rem;background:var(--surface2, #1e1e32);border-radius:8px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.room-panel-invite-search{width:100%;box-sizing:border-box;padding:.45rem .65rem;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.08);color:var(--text);font-size:.83rem;outline:none}.room-panel-invite-contact{display:flex;align-items:center;gap:.55rem;width:100%;padding:.45rem .65rem;background:none;border:none;color:var(--text);font-size:.83rem;cursor:pointer;text-align:left;transition:background .15s}.room-panel-invite-contact:hover{background:#ffffff0f}.room-panel-invite-empty{padding:.6rem .65rem;font-size:.8rem;color:var(--text2)}@media(max-width:640px){.call-mini-bar{top:calc(var(--safe-top) + .4rem);width:calc(100vw - 1rem)}.dm-chat-main .dm-back-btn{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;line-height:0}.dm-chat-main .dm-back-btn svg{display:block;margin:0}.dm-chat-main .dm-back-btn:active{background:var(--hover-bg)}.room-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;display:flex;align-items:flex-end;padding:0;background:#0000009e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:all}.room-panel{width:100%;max-width:none;max-height:min(82dvh,720px);overflow-y:auto;border:0;border-top:1px solid var(--border);border-radius:18px 18px 0 0;padding:1rem 1rem calc(1rem + var(--safe-bottom));box-shadow:0 -16px 48px #00000080}.room-panel:before{content:"";display:block;width:36px;height:5px;margin:-4px auto 10px;border-radius:3px;background:#fff3}.room-panel-header{margin-bottom:.75rem}.room-panel-title{font-size:1.05rem;color:var(--text);text-transform:none;letter-spacing:0}.room-panel-participants{padding:.35rem;border-radius:10px}.room-panel-participant{min-height:48px;padding:.4rem .5rem}.room-panel-participant-avatar{width:34px;height:34px;font-size:.8rem}.room-panel-participant-name{font-size:.92rem}.room-panel-participant-action,.room-panel-participant-mute{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center}.room-panel-invite-btn,.room-panel-close-btn{min-height:44px}.room-panel-link-row{align-items:stretch}.room-panel-link-input{min-height:44px}.room-panel-copy-btn{min-height:44px;padding-left:1rem;padding-right:1rem}.modal-overlay:has(.mobile-sheet){align-items:flex-end;padding:0;background:#0000009e}.modal.mobile-sheet{width:100%!important;max-width:none!important;max-height:min(90dvh,760px)!important;overflow:hidden;display:flex;flex-direction:column;border:0;border-top:1px solid var(--border);border-radius:18px 18px 0 0;padding-bottom:var(--safe-bottom);box-shadow:0 -16px 48px #00000080;animation:slide-up-sheet .2s ease-out}.modal.mobile-sheet:before{content:"";width:36px;height:5px;margin:8px auto 0;border-radius:3px;background:#fff3;flex-shrink:0}.mobile-sheet .modal-header{min-height:52px;padding:.65rem 1rem;flex-shrink:0}.mobile-sheet .modal-header h2,.mobile-sheet .modal-header h3{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1rem}.mobile-sheet .modal-header .btn-icon{width:40px;height:40px;flex-shrink:0}.mobile-sheet .modal-body,.mobile-sheet .modal-form{overflow-y:auto;overscroll-behavior:contain}.profile-sheet .modal-form{padding:1rem}.profile-sheet .modal-actions{position:sticky;bottom:0;padding-top:.5rem;background:var(--sidebar-bg)}.profile-sheet .modal-actions>*{min-height:44px;flex:1}.team-settings-sheet>div:last-child{padding:.85rem!important}.team-settings-sheet select{max-width:125px}}