.desktop-layout{position:relative;height:100vh;min-height:0;overflow:hidden;display:grid;grid-template-columns:56px 252px minmax(0,1fr);border:0;background:#fff}.desktop-action-notice{position:fixed;left:50%;bottom:28px;z-index:120;max-width:min(360px,calc(100vw - 48px));margin:0;padding:9px 14px;border-radius:999px;background:#0f172ae6;color:#fff;font-size:13px;line-height:1.4;transform:translate(-50%);box-shadow:0 12px 32px #0f172a33}.desktop-layout-with-group-panel{grid-template-columns:56px 252px minmax(0,1fr) 280px}.desktop-rail{min-height:0;display:grid;grid-template-rows:38px auto minmax(0,1fr) auto;justify-items:center;gap:22px;padding:14px 0;background:#1c232b}.desktop-rail-avatar,.desktop-rail button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#aeb6c2;line-height:1;padding:0}.desktop-rail-avatar .avatar{width:38px;height:38px;border-radius:6px;font-size:16px}.desktop-rail button svg{width:22px;height:22px;display:block}.desktop-rail nav,.desktop-rail-bottom{width:100%;display:grid;justify-items:center;gap:16px}.desktop-rail-bottom{align-self:end}.desktop-rail button.active,.desktop-rail button:hover{color:#22c55e}.desktop-contact-panel{min-height:0;overflow:auto;display:grid;align-content:start;gap:12px;padding:16px 18px 28px;border-right:1px solid #e5e7eb;background:#f3f4f6}.desktop-contact-panel h2{margin:0 0 12px;font-size:18px;font-weight:500}.desktop-contact-section{display:grid;gap:10px}.desktop-contact-section h3{margin:8px 0 0;color:#667085;font-size:13px;font-weight:500}.desktop-contact-section h3.compact{color:#475569}.desktop-contact-section button{min-height:46px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;border:0;background:transparent;color:#111827;text-align:left}.desktop-contact-section button.active,.desktop-contact-section button:hover{border-radius:8px;background:#e5e7eb}.desktop-contact-section .avatar{width:38px;height:38px;border-radius:6px}.desktop-contact-section span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-contact-detail{min-height:0;display:grid;place-items:start center;padding:72px 24px;background:#f8fafc}.desktop-contact-card{width:min(460px,100%);display:grid;justify-items:center;gap:18px;padding:34px 36px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 14px 36px #0f172a14}.desktop-contact-card h2,.desktop-contact-card p{margin:0;text-align:center}.desktop-contact-card h2{color:#111827;font-size:22px}.desktop-contact-card p{max-width:320px;color:#667085}.desktop-contact-card dl{width:100%;display:grid;gap:12px;margin:0}.desktop-contact-card dl div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px}.desktop-contact-card dt{color:#98a2b3}.desktop-contact-card dd{min-width:0;margin:0;overflow:hidden;color:#344054;text-overflow:ellipsis;white-space:nowrap}.desktop-contact-card>button{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 22px;border:0;border-radius:999px;background:var(--brand);color:#fff}.desktop-list{position:relative;overflow:auto;border-right:1px solid #e5e7eb;background:#f3f4f6;padding:12px 0}.desktop-list-toolbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:10px;padding:0 10px 10px}.desktop-list-toolbar label{height:34px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;border:1px solid #e2e8f0;border-radius:4px;background:#fff;color:#a0aec0}.desktop-list-toolbar svg{justify-self:center}.desktop-list-toolbar input{min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.desktop-list-toolbar>button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dbe3ef;border-radius:999px;background:#fff;color:var(--brand)}.desktop-plus-menu,.desktop-conversation-menu{position:fixed;z-index:70;min-width:132px;padding:8px 0;border-radius:6px;background:#fff;box-shadow:0 12px 34px #0f172a2e}.desktop-plus-menu{position:absolute;top:42px;right:10px}.desktop-plus-menu button,.desktop-conversation-menu button{width:100%;height:40px;display:flex;align-items:center;gap:10px;padding:0 14px;border:0;background:transparent;color:var(--text)}.desktop-plus-menu button:hover,.desktop-conversation-menu button:hover{background:#f8fafc}.desktop-conversation-menu button.danger{color:#ef4444}.desktop-conversation-menu button:disabled{opacity:1}.desktop-filter-row{display:flex;align-items:center;gap:4px;padding:0 10px 8px}.desktop-filter-row button{height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#111827}.desktop-filter-row button.active{background:#fff;color:var(--ok);box-shadow:0 2px 10px #0f172a1f}.admin-grid button{width:100%;display:grid;gap:6px;margin-bottom:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left}.desktop-conversation-item{width:100%;min-height:72px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px;margin:0;padding:8px 12px;border:0;border-radius:0;background:transparent;text-align:left}.desktop-conversation-item>span:nth-child(2){display:grid;align-content:center;gap:5px;min-width:0}.desktop-conversation-item .avatar,.desktop-conversation-item .avatar-presence,.desktop-conversation-avatar{width:44px;height:44px;display:grid;place-items:center;flex:0 0 44px}.desktop-conversation-item .avatar{font-size:16px}.desktop-conversation-item .avatar-presence>i{right:-2px;bottom:-2px;width:12px;height:12px}.desktop-conversation-avatar{border-radius:8px}.desktop-conversation-item strong{overflow:hidden;color:#111827;font-size:14px;font-weight:600;line-height:20px;text-overflow:ellipsis;white-space:nowrap}.desktop-conversation-item em{overflow:hidden;color:var(--muted);font-size:13px;font-style:normal;line-height:18px;text-overflow:ellipsis;white-space:nowrap}.desktop-conversation-item em .desktop-mention-preview{margin-right:4px;color:#ef4444;font-size:13px}.desktop-conversation-item.active{background:#d9d9d9;box-shadow:none}.desktop-conversation-item:focus{outline:none}.desktop-conversation-item:focus-visible{outline:2px solid rgba(22,119,255,.35);outline-offset:-2px}.desktop-list span,.admin-grid span{color:var(--muted)}.desktop-conversation-meta{width:44px;justify-self:end;align-self:center;display:grid;justify-items:end;gap:5px;color:#9ca3af;font-size:12px;line-height:16px;font-variant-numeric:tabular-nums}.desktop-conversation-meta b{min-width:22px;height:22px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff}.desktop-conversation-meta b.muted{background:#d1d5db}.desktop-muted-icon{color:#9ca3af}.desktop-chat{min-height:0;overflow:hidden;display:grid;grid-template-rows:56px minmax(0,1fr) auto}.desktop-chat header{display:flex;align-items:center;padding:0 16px;border-bottom:1px solid #e5e7eb;background:#f7f7f8;font-size:18px}.desktop-settings-page{grid-row:1 / -1;min-height:0;overflow:auto;display:grid;grid-template-columns:180px minmax(0,1fr);background:#f7f7f8}.desktop-settings-tabs{display:grid;align-content:start;gap:18px;padding:34px 0;border-right:1px solid #e5e7eb}.desktop-settings-tabs button{height:44px;border:0;border-right:3px solid transparent;background:transparent;color:#111827;font-size:16px}.desktop-settings-tabs button.active{border-right-color:var(--brand);color:var(--brand)}.desktop-account-settings{min-height:0;display:grid;grid-template-columns:320px minmax(0,680px);gap:48px;padding:36px 48px}.desktop-account-avatar{display:grid;align-content:start;justify-items:center;gap:22px}.desktop-account-avatar .avatar{width:180px;height:180px;border-radius:8px;font-size:42px}.desktop-account-avatar label,.password-button{width:120px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:#fff;color:#334155}.desktop-account-avatar input{display:none}.desktop-account-avatar .password-button{border-color:transparent;background:#f0a63a;color:#fff}.desktop-account-form{display:grid;align-content:start;gap:18px}.desktop-account-form p,.desktop-account-form label{margin:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px}.desktop-account-form input,.desktop-account-form textarea{width:100%;border:1px solid var(--line);border-radius:4px;background:#fff;color:#111827;outline:0}.desktop-account-form input{height:40px;padding:0 12px}.desktop-account-form textarea{min-height:96px;resize:vertical;padding:10px 12px}.desktop-account-form .gender-row{grid-template-columns:96px 72px 72px}.gender-row button,.settings-save{height:40px;border:1px solid var(--line);border-radius:4px;background:#fff;color:#334155}.gender-row button.active,.settings-save{border-color:var(--brand);background:var(--brand);color:#fff}.settings-save{width:84px;margin-left:112px}.settings-logout{width:180px;height:42px;margin:60px 0 0 112px;border:1px solid #fecaca;border-radius:999px;background:#fff5f5;color:#ef4444}.settings-error,.settings-success{margin:0 0 0 112px}.settings-error.inline,.settings-success.inline{margin:0}.settings-error{color:#dc2626}.settings-success{color:#16a34a}.desktop-general-settings{display:grid;align-content:start;gap:24px;padding:36px 48px}.settings-line{display:flex;align-items:center;gap:18px}.settings-line>span{width:96px;text-align:right}.settings-segment{display:flex}.settings-segment button{height:38px;min-width:86px;border:1px solid var(--line);background:#fff;color:#334155}.settings-segment button:first-child{border-radius:4px 0 0 4px}.settings-segment button:last-child{border-radius:0 4px 4px 0}.settings-segment button.active{border-color:var(--brand);background:var(--brand);color:#fff}.settings-tone-line{align-items:flex-start}.settings-tone-options{display:flex;flex-wrap:wrap;gap:8px;max-width:440px}.settings-tone-options button{height:34px;min-width:64px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#334155}.settings-tone-options button.active{border-color:var(--brand);background:var(--brand);color:#fff}.settings-tone-options button.preview{color:var(--brand)}.settings-switch{display:flex;align-items:center;gap:14px}.settings-switch input{display:none}.settings-switch span{width:46px;height:24px;position:relative;border-radius:999px;background:#d9dde7}.settings-switch span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:999px;background:#fff;transition:left .16s ease}.settings-switch input:checked+span{background:#56a6f6}.settings-switch input:checked+span:after{left:25px}.desktop-client-update-panel{width:min(520px,100%);display:grid;gap:12px;margin-top:8px;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:#fff}.desktop-client-update-panel>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.desktop-client-update-panel strong{color:#111827;font-size:16px}.desktop-client-update-panel span,.desktop-client-update-panel p{margin:0;color:#667085;font-size:14px}.desktop-client-update-panel p.warning{color:#ef4444}.desktop-client-update-panel footer{display:flex;gap:10px}.desktop-client-update-panel button{min-width:96px;height:36px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#334155;font-weight:700}.desktop-client-update-panel button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.desktop-download-page,.desktop-blank-state{grid-row:1 / -1;min-height:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#c4c4c4;background:#f7f7f8}.theme-blue .desktop-rail button.active,.theme-blue .desktop-rail button:hover{color:#60a5fa}.theme-blue .desktop-rail{background:#14213a}.desktop-round-avatar .avatar,.desktop-round-avatar .desktop-conversation-avatar,.desktop-round-avatar .chat-avatar-button .avatar{border-radius:999px}.desktop-download-page h2,.desktop-download-page p,.desktop-blank-state strong{margin:0}.desktop-confirm-dialog{position:relative;width:min(420px,calc(100vw - 48px));display:grid;gap:18px;padding:28px;border-radius:10px;background:#fff;box-shadow:0 24px 80px #0f172a38}.desktop-confirm-dialog h3{margin:0;font-size:22px;color:var(--text)}.desktop-confirm-dialog p{margin:0;color:#475569;line-height:1.7}.desktop-confirm-dialog em{color:#ef4444;font-style:normal}.desktop-confirm-dialog footer{display:grid;grid-template-columns:1fr 1fr;gap:12px}.desktop-confirm-dialog footer button{height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);cursor:pointer}.desktop-confirm-dialog footer button:last-child{border-color:var(--brand);background:var(--brand);color:#fff}.desktop-confirm-dialog footer button.danger{border-color:#ef4444;background:#ef4444}.desktop-group-panel{min-height:0;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;padding:18px 16px;border-left:1px solid #e5e7eb;background:#f7f7f8}.desktop-group-panel h3{margin:0 0 10px;font-size:15px}.desktop-group-panel p{margin:0;color:#334155;line-height:1.55;word-break:break-word}.group-announcement-card{cursor:default}.group-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.group-section-title h3{cursor:pointer}.group-section-actions{display:flex;align-items:center;gap:4px}.group-section-title button{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#64748b}.group-section-title button:hover{background:#e5e7eb}.group-announcement-summary{max-height:96px;overflow:hidden;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.group-mute-panel{padding:12px 0;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.group-mute-switch{display:flex;align-items:center;gap:6px;margin-top:0;color:#475569;font-size:12px}.group-member-section{min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.group-member-search{height:34px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;margin-bottom:10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted)}.group-member-search svg{justify-self:center}.group-member-search input{min-width:0;border:0;outline:0;background:transparent}.group-member-list{min-height:0;overflow:auto;display:grid;align-content:start;gap:8px;padding-right:2px}.group-member-row{width:100%;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;border:0;background:transparent;text-align:left}.group-member-row .avatar{width:28px;height:28px;border-radius:6px;font-size:12px}.group-member-row strong{min-width:0;overflow:hidden;color:#111827;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.group-member-row span{color:#f59e0b;font-size:12px;white-space:nowrap}.group-member-error{color:#dc2626;font-size:12px}.desktop-profile-mask{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#00000059}.desktop-profile-dialog{position:relative;width:420px;overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 24px 70px #00000040}.desktop-profile-close{position:absolute;top:12px;right:12px;z-index:2;width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:999px;background:#ffffffe6;color:#64748b}.desktop-profile-cover{height:128px;background:linear-gradient(135deg,#2b6cb0,#93c5fd 52%,#fca5a5)}.desktop-profile-main{display:grid;gap:16px;padding:0 22px 28px}.desktop-profile-main .avatar{margin-top:-48px;border:4px solid #fff}.desktop-profile-main strong{font-size:22px}.desktop-profile-main p{margin:0;padding:12px;border-radius:6px;background:#f3f4f6;color:#8a94a6}.desktop-profile-main dl{display:grid;gap:16px;margin:0}.desktop-profile-main dl div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px}.desktop-profile-main dt{color:#a0a8b5}.desktop-profile-main dd{margin:0;color:#4b5563}.desktop-action-dialog{position:relative;width:min(440px,calc(100vw - 48px));display:grid;gap:16px;padding:26px;border-radius:8px;background:#fff;box-shadow:0 24px 70px #00000040}.desktop-action-dialog.announcement-dialog{width:min(560px,calc(100vw - 56px))}.desktop-action-dialog.announcement-dialog textarea{min-height:180px}.desktop-action-dialog.group-settings-dialog{width:min(520px,calc(100vw - 56px))}.group-avatar-editor{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.group-avatar-editor .avatar{width:64px;height:64px;border-radius:8px;font-size:22px}.group-avatar-editor>div{min-width:0;display:grid;gap:10px}.group-avatar-editor strong{min-width:0;overflow:hidden;color:#111827;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.group-avatar-upload{width:104px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:#fff;color:#334155;cursor:pointer}.group-avatar-upload input{display:none}.group-dissolve-button{width:100%;min-height:40px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#dc2626;font-weight:700;cursor:pointer}.group-dissolve-button:hover{background:#ffe4e6}.desktop-action-dialog h3{margin:0;color:#111827;font-size:22px}.desktop-action-dialog label{display:grid;gap:8px;color:#475569}.desktop-action-dialog input,.desktop-action-dialog textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:6px;background:#fff;color:#111827;font:inherit;outline:0}.desktop-action-dialog input{height:40px;padding:0 12px}.desktop-action-dialog textarea{min-height:92px;resize:vertical;padding:10px 12px}.desktop-action-dialog footer{display:grid;grid-template-columns:1fr 1fr;gap:12px}.desktop-action-dialog footer button{height:40px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#111827}.desktop-action-dialog footer button:last-child{border-color:transparent;background:var(--brand);color:#fff}.desktop-action-dialog footer button:disabled{opacity:.55}.dialog-error{margin:0;color:#dc2626}.desktop-friend-picker{max-height:260px;overflow:auto;display:grid;gap:8px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#f8fafc}.desktop-friend-picker label{display:grid;grid-template-columns:18px 32px minmax(0,1fr);align-items:center;gap:10px;padding:6px;border-radius:6px;background:#fff}.desktop-select-all{height:34px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--brand)}.desktop-picker-empty{margin:8px 4px;color:#64748b;font-size:13px}.announcement-detail{min-height:220px;margin:0;padding:12px;border-radius:6px;background:#f8fafc;color:#334155;white-space:pre-wrap}.desktop-request-center{display:grid;grid-template-rows:40px 36px minmax(0,1fr)}.request-tabs{display:flex;justify-content:center;gap:34px;border-bottom:1px solid #edf0f5}.request-tabs button{height:40px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text)}.request-tabs button.active{border-color:var(--brand);color:var(--brand)}.request-tip{display:flex;align-items:center;padding:0 20px;background:#fff7ed;color:#d97706;font-size:13px}.request-list-panel{display:grid;align-content:start}.request-row{min-height:72px;display:grid;grid-template-columns:44px minmax(0,1fr) 124px;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #f0f2f5}.request-row .avatar{width:44px;height:44px}.request-row p,.request-row em,.request-row small{margin:0}.request-row p{display:flex;align-items:center;gap:8px;min-width:0}.request-row strong{color:var(--brand);white-space:nowrap}.request-row span,.request-row em,.request-row small{color:var(--muted)}.request-row em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-row b{flex:0 0 auto;padding:2px 6px;border-radius:4px;background:#eef2f7;color:var(--muted);font-size:12px}.request-row b.approved{background:#dcfce7;color:#16a34a}.request-row b.rejected{background:#fee2e2;color:#dc2626}.request-message-link{justify-self:end;border:0;background:transparent;color:var(--brand);font-size:14px;white-space:nowrap}.request-actions{justify-self:end;display:flex;gap:8px;width:112px}.request-actions button{min-width:52px;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);white-space:nowrap}.request-actions button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.request-empty{padding:26px 20px;color:var(--muted)}.mobile-request-center{display:grid;grid-template-rows:44px 36px minmax(0,1fr);background:#f5f7fb}.request-page-header{background:linear-gradient(120deg,#168dff,#17c3b2);color:#fff}.request-page-header .mobile-header-icon{color:#fff}.mobile-request-tabs{background:#fff;gap:0}.mobile-request-tabs button{flex:1}.mobile-request-center .request-tip{padding:0 16px;font-size:12px}.request-tab-groups{min-height:0;overflow:auto;display:grid;grid-template-rows:auto 48px;align-content:start;gap:0;padding:0}.request-tab-groups section{display:grid;gap:8px}.request-tab-groups h3{margin:0;padding:0 4px;font-size:14px}.mobile-request-center .request-list-panel{gap:0}.mobile-request-center .request-row{grid-template-columns:44px minmax(0,1fr) 112px;gap:8px;padding:14px;border:0;border-radius:0;background:#fff}.mobile-request-center .request-row p{flex-wrap:wrap;gap:5px}.mobile-request-center .request-row em{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.mobile-request-center .request-message-link{grid-column:3;justify-self:end;padding:0}.mobile-request-center .request-actions{width:106px;gap:6px}.mobile-request-center .request-actions button{min-width:50px;height:32px;padding:0 10px}@media(max-width:900px){.desktop-layout{grid-template-columns:1fr}.desktop-list{display:none}}.composer-disabled-reason{margin:0;color:#ef4444;font-size:14px;line-height:1.5;text-align:center}.composer-mention-panel{position:absolute;left:42px;bottom:58px;z-index:40;width:220px;max-height:260px;overflow:auto;display:grid;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 14px 40px #0f172a29}.composer-mention-panel button{height:38px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;border:0;border-radius:6px;background:transparent;color:#111827;text-align:left}.composer-mention-panel button:hover{background:#f1f5f9}.composer-mention-panel .avatar{width:28px;height:28px;border-radius:6px;font-size:12px}.mention-all-avatar{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#2563eb;color:#fff;font-size:15px;font-weight:700}.desktop-friend-picker .avatar{width:32px;height:32px;border-radius:6px;font-size:13px}.chat-empty{display:grid;place-items:center;color:var(--muted)}.mobile-message-list,.desktop-messages{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:16px;background:#f5f7fb}.desktop-messages{min-height:0;max-height:100%}.chat-pinned-message{position:sticky;top:-16px;z-index:8;width:100%;min-height:34px;display:flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid #f6d58b;border-radius:4px;background:#fff8e6;color:#e04432;font-size:14px;font-weight:700;text-align:left;box-shadow:0 2px 8px #b4530914}.chat-pinned-message span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-history-loading{align-self:center;padding:6px 12px;border-radius:4px;background:#eef0f3;color:#64748b;font-size:12px}.desktop-messages>p{margin:auto;color:var(--muted)}.desktop-messages>p.error{color:#dc2626}.message-row{width:100%;display:flex;align-items:flex-start;gap:8px;transition:background .2s ease}.message-row.mine{justify-content:flex-end}.message-time-divider{align-self:center;margin:12px 0;padding:5px 10px;border-radius:4px;background:#eef0f3;color:#9ca3af;font-size:12px;line-height:1}.message-row-highlight{border-radius:8px;background:#1677ff1f}.chat-avatar-button{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;background:transparent}.chat-avatar-button .avatar{width:40px;height:40px}.message-stack{max-width:min(76%,520px);display:grid;gap:4px;justify-items:start}.message-stack.mine{justify-items:end}.message-meta-line{display:flex;align-items:center;gap:6px;color:#a0a8b5;font-size:12px;line-height:1.2}.message-meta-line strong{color:#667085;font-size:12px;font-weight:500}.message-meta-line time{color:#b4bac4;font-size:12px;font-weight:400}.message-read-state{font-size:12px;font-weight:500}.message-read-state.unread{color:#8a94a6}.message-read-state.read{color:#16a34a}.message-bubble{max-width:100%;width:fit-content;display:grid;gap:6px;padding:10px 12px;border:0;border-radius:8px;background:#fff;color:var(--text);text-align:left;box-shadow:0 1px 2px #0f172a14;-webkit-user-select:text;user-select:text}.message-bubble.previewable{cursor:zoom-in}.message-bubble.mine{background:#dcf8c6}.message-bubble span{white-space:pre-wrap;word-break:break-word}.message-bubble .message-mention{color:var(--brand);font-weight:600}.message-send-state{display:inline-flex;align-items:center;gap:6px;justify-self:end;color:#94a3b8;font-size:12px;line-height:1.2}.message-send-state.failed{color:#ef4444}.message-send-state button{padding:0;border:0;background:transparent;color:var(--brand);font:inherit;cursor:pointer}.message-sender-name{color:#667085;font-size:12px;font-weight:500}.message-quote-card{display:grid;gap:2px;padding:8px 10px;border-left:3px solid #74b9ff;border-radius:4px;background:#ffffff5c;color:#4b5563}.message-quote-card strong{color:#334155;font-size:12px;font-weight:700}.message-quote-card span{color:#475569;font-size:13px}.message-media{max-width:min(260px,100%);max-height:240px;border-radius:6px;object-fit:contain}.message-bubble:has(.message-media),.message-bubble:has(.message-video-thumb){cursor:zoom-in}.message-media-wrap{display:grid;gap:8px}.message-media-caption{color:var(--text);white-space:pre-wrap;word-break:break-word}.message-video-thumb{position:relative;display:grid;place-items:center}.message-video-thumb video{background:#111827}.message-video-play{position:absolute;width:54px;height:54px;display:grid;place-items:center;border-radius:999px;background:#0f172ab8;color:#fff;font-size:13px;font-weight:700}.message-file-link{color:var(--brand);font-weight:700;text-decoration:none}.voice-message-wrap{display:grid;gap:6px}.message-bubble:has(.voice-message){min-width:168px;padding:10px 14px}.voice-message{width:146px;min-height:28px;display:flex;align-items:center;gap:10px;color:#111827;cursor:pointer;-webkit-user-select:none;user-select:none}.message-bubble.mine .voice-message{flex-direction:row-reverse;justify-content:space-between}.voice-message audio{display:none}.voice-waves{position:relative;width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 24px}.voice-waves:before{width:5px;height:8px;border-radius:999px;background:currentColor;content:""}.voice-waves i{position:absolute;left:13px;width:8px;height:8px;border:2px solid currentColor;border-left:0;border-bottom:0;border-radius:0 999px 0 0;opacity:.45;transform:rotate(45deg)}.voice-waves i:nth-child(2){width:13px;height:13px;opacity:.62}.voice-waves i:nth-child(3){width:18px;height:18px;opacity:.82}.message-bubble.mine .voice-waves{transform:scaleX(-1)}.voice-message.playing .voice-waves i{animation:voice-wave 1.05s ease-in-out infinite}.voice-message.playing .voice-waves i:nth-child(2){animation-delay:.12s}.voice-message.playing .voice-waves i:nth-child(3){animation-delay:.24s}.voice-duration{min-width:42px;color:inherit;font-size:15px;font-weight:500;line-height:1}@keyframes voice-wave{0%,to{opacity:.28}50%{opacity:1}}.image-preview-mask{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:clamp(20px,6vw,72px);overflow:hidden;background:#0f172ab8;touch-action:none}.image-preview-picture{max-width:min(72vw,880px);max-height:72vh;border-radius:6px;object-fit:contain;transform-origin:center center;transition:transform .08s ease-out;cursor:zoom-in;box-shadow:0 24px 80px #0f172a5c}.video-preview-player{width:min(72vw,860px);max-height:68vh;border-radius:6px;background:#000}.image-preview-close{position:fixed;top:28px;right:32px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:999px;background:#ffffffeb;color:#334155}@media(max-width:760px){.image-preview-mask{padding:54px 28px 84px}.image-preview-picture{max-width:82vw;max-height:58vh}.video-preview-player{width:min(82vw,360px);max-height:58vh}.image-preview-close{top:max(18px,calc(env(safe-area-inset-top,0px) + 10px));right:18px}}.message-bubble em{color:var(--muted);font-size:12px;font-style:normal;justify-self:end}.message-context-menu{position:fixed;z-index:50;min-width:132px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 16px 48px #0f172a2e}.message-context-menu button{width:100%;height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--text);text-align:left}.message-context-menu button:hover{background:#f1f5f9}.message-action-mask{position:fixed;inset:0;z-index:90;display:grid;align-items:end;background:#0f172a38}.mobile-message-action-sheet{display:grid;gap:0;padding:8px 12px 12px;border-radius:16px 16px 0 0;background:#f5f7fb;box-shadow:0 -16px 42px #0f172a2e}.mobile-message-action-title{min-height:36px;display:grid;place-items:center;color:#8a94a6;font-size:13px}.mobile-message-action-sheet button{min-height:48px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;border:0;border-bottom:1px solid #eef0f3;background:#fff;color:#111827;text-align:left;font-size:16px}.mobile-message-action-sheet button:first-of-type{border-radius:10px 10px 0 0}.mobile-message-action-sheet button:not(.mobile-message-action-cancel):last-of-type{border-bottom:0;border-radius:0 0 10px 10px}.mobile-message-action-sheet .mobile-message-action-cancel{grid-template-columns:1fr;justify-items:center;margin-top:8px;border:0;border-radius:10px;color:#ef4444;font-weight:700;text-align:center}.chat-action-notice{position:absolute;left:50%;bottom:76px;z-index:20;margin:0;padding:6px 12px;border-radius:999px;background:#0f172ad1;color:#fff;transform:translate(-50%);font-size:12px}.desktop-composer{position:relative;display:grid;grid-template-columns:28px 28px 28px 28px minmax(0,1fr) 86px;grid-template-rows:auto minmax(92px,1fr) auto;align-items:start;gap:8px;min-height:176px;padding:10px 14px 12px;border-top:1px solid var(--line);background:#fff}.desktop-composer.composer-disabled{min-height:64px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;padding:12px 16px}.desktop-composer textarea{grid-column:1 / -1;width:100%;height:96px;min-height:96px;border:0;border-radius:0;padding:8px 2px;outline:0;resize:none}.desktop-composer button{border:0;border-radius:6px;background:var(--brand);color:#fff}.desktop-composer .composer-mention-panel button{background:transparent;color:#111827}.desktop-composer .composer-mention-panel button:hover{background:#f1f5f9}.mobile-chat-body{position:relative;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.mobile-message-composer{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 38px 38px;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid #eef0f3;background:#f7f7f7}.mobile-message-composer.composer-disabled{grid-template-columns:1fr;min-height:48px;place-items:center}.mobile-message-composer.has-send{grid-template-columns:42px minmax(0,1fr) 38px 56px}.composer-quote-chip{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr) 24px;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:12px}.composer-attachment-preview{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.composer-attachment-preview img,.composer-attachment-preview video{width:48px;height:48px;border-radius:6px;object-fit:cover}.composer-attachment-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-attachment-preview button,.composer-tool-button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:999px;background:#eef2f7;color:var(--muted)}.composer-tool-button.active{background:#fee2e2;color:#dc2626}.composer-tool-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.composer-hidden-file{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.composer-emoji-wrap{position:absolute;left:8px;bottom:8px}.desktop-composer .composer-emoji-wrap{width:32px;height:32px;display:grid;place-items:center;left:52px;bottom:12px}.composer-emoji-panel{position:absolute;left:0;bottom:42px;width:300px;z-index:25;display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 36px #0f172a2e}.emoji-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.emoji-tabs button{height:30px;border:0;border-radius:6px;background:#f1f5f9;color:#475569;font-size:13px}.emoji-tabs button.active{background:var(--brand);color:#fff}.emoji-grid{display:grid;grid-template-columns:repeat(5,46px);gap:8px}.emoji-grid button,.favorite-sticker-grid button{width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:8px;background:#f8fafc;font-size:22px}.emoji-grid.motion button span{display:inline-block;animation:emoji-bounce 1.2s ease-in-out infinite}.emoji-grid.motion button:nth-child(2n) span{animation-delay:.16s}.emoji-grid.motion button:nth-child(3n) span{animation-delay:.28s}.favorite-sticker-pane{display:grid;gap:10px}.favorite-sticker-add{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px dashed #cbd5e1;border-radius:8px;color:#475569;cursor:pointer}.favorite-sticker-add input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.favorite-sticker-grid{max-height:172px;display:grid;grid-template-columns:repeat(5,46px);gap:8px;overflow:auto}.favorite-sticker-grid img{width:38px;height:38px;border-radius:6px;object-fit:cover}.favorite-sticker-pane p{margin:6px 0 4px;color:var(--muted);text-align:center}.mobile-attach-panel{position:absolute;right:8px;bottom:50px;z-index:26;width:232px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 36px #0f172a2e}.mobile-attach-panel button{min-height:68px;display:grid;justify-items:center;align-content:center;gap:7px;border:0;border-radius:10px;background:#f8fafc;color:#334155;font-size:13px}.mobile-attach-panel button svg{color:var(--brand)}.desktop-composer .composer-tool-button,.desktop-composer .avatar-upload-button span{width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:8px;background:transparent;color:#8a94a6;line-height:1}.desktop-composer .composer-tool-button svg{width:22px;height:22px;display:block}.desktop-composer .composer-tool-button.active{background:#fee2e2;color:#dc2626}.desktop-composer>label.composer-tool-button{position:absolute;left:14px;bottom:12px}.desktop-composer .composer-attachment-preview,.desktop-composer .composer-quote-chip{grid-column:1 / -1}.desktop-composer>button[type=submit]{grid-column:6;width:76px;height:34px;justify-self:end;align-self:end}@keyframes emoji-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.1)}}.composer-quote-chip span{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.composer-quote-chip button{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:transparent;color:var(--muted)}.profile-dialog-mask{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:#0f172a61}.profile-dialog{position:relative;width:min(320px,100%);display:grid;justify-items:center;gap:8px;padding:24px;border-radius:8px;background:#fff;box-shadow:0 24px 80px #0f172a33}.profile-dialog-close{position:absolute;top:10px;right:10px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:999px;background:#f1f5f9;color:var(--text)}.profile-dialog strong{margin-top:4px;font-size:18px}.profile-dialog em{color:var(--muted);font-style:normal}.profile-dialog dl{width:100%;display:grid;gap:8px;margin:10px 0 0}.profile-dialog dl div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px}.profile-dialog dt{color:var(--muted)}.profile-dialog dd{margin:0;word-break:break-word}.mobile-message-composer textarea{min-width:0;width:100%;line-height:22px;height:40px;min-height:40px;max-height:40px;border:0;border-radius:6px;padding:9px 12px;background:#fff;outline:0;resize:none}.voice-hold-button{width:100%;height:40px;border:0;border-radius:6px;background:#fff;color:var(--text);font-weight:700;-webkit-user-select:none;user-select:none;touch-action:none}.voice-hold-button.recording{background:#e5e7eb;color:#111827}.mobile-message-composer button{border:0;border-radius:999px;background:var(--brand);color:#fff}.mobile-message-composer>.composer-voice-toggle{grid-column:1}.mobile-message-composer>textarea,.mobile-message-composer>.voice-hold-button{grid-column:2}.mobile-message-composer>.composer-emoji-wrap{grid-column:3}.mobile-message-composer>.composer-more-button{grid-column:4}.mobile-message-composer .composer-mention-panel button{height:42px;border-radius:6px;background:transparent;color:#111827}.mobile-message-composer .composer-mention-panel button:hover,.mobile-message-composer .composer-mention-panel button:active{background:#f1f5f9}.mobile-message-composer .composer-mention-panel .mention-all-avatar{background:#eff6ff;color:var(--brand)}.mobile-message-composer .voice-hold-button{border-radius:6px;background:#fff;color:var(--text)}.mobile-message-composer .voice-hold-button.recording{background:#e5e7eb;color:#111827}.mobile-message-composer .composer-tool-button{width:42px;height:42px;background:transparent;color:#313946}.mobile-message-composer .composer-emoji-wrap>.composer-tool-button{width:38px;height:38px;padding:0;display:grid;place-items:center;color:#20242a;line-height:0}.mobile-message-composer .composer-more-button{width:36px;height:36px;justify-self:center;align-self:center;display:grid;place-items:center;box-sizing:border-box;padding:0;border:2px solid #1f2937;border-radius:999px;background:#fff;color:#111827;line-height:0}.mobile-message-composer .composer-emoji-wrap>.composer-tool-button svg{width:36px;height:36px;display:block}.mobile-message-composer .composer-more-button svg{width:26px;height:26px;display:block}.mobile-message-composer>.composer-send-button{display:none;grid-column:4;min-width:56px;height:40px;border-radius:6px;background:#22c55e;font-size:15px;font-weight:600}.mobile-message-composer.has-send>.composer-send-button{display:block}.mobile-message-composer.has-send>.composer-more-button{display:none}.composer-voice-notice{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:30;max-width:min(260px,calc(100vw - 48px));margin:0;padding:6px 10px;border-radius:999px;background:#0f172adb;color:#fff;font-size:12px;line-height:1.4;text-align:center;white-space:nowrap;transform:translate(-50%);pointer-events:none;box-shadow:0 8px 24px #0f172a2e}.composer-upload-progress{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:31;width:min(280px,calc(100vw - 48px));display:grid;gap:6px;padding:9px 12px;border-radius:8px;background:#0f172ae6;color:#fff;font-size:12px;line-height:1.2;transform:translate(-50%);pointer-events:none;box-shadow:0 10px 30px #0f172a38}.composer-upload-progress span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-upload-progress i{height:4px;min-width:4px;max-width:100%;border-radius:999px;background:#22c55e;transition:width .16s ease-out}.mobile-message-composer>.composer-emoji-wrap{display:contents}.mobile-message-composer .composer-emoji-wrap>.composer-tool-button{grid-column:3}.mobile-message-composer .composer-emoji-panel,.mobile-message-composer .mobile-attach-panel{grid-column:1 / -1;position:static;width:auto;min-width:0;margin:8px -10px -8px;border:0;border-top:1px solid #dfe3ea;border-radius:0;background:#f2f3f5;box-shadow:none}.mobile-message-composer .composer-emoji-panel{max-height:286px;gap:0;padding:0 0 max(16px,env(safe-area-inset-bottom));overflow-y:auto}.mobile-message-composer .emoji-tabs{height:52px;display:grid;grid-template-columns:repeat(6,1fr);gap:0;align-items:center;padding:0 12px;border-bottom:1px solid #e3e6eb;background:#f8f8f8}.mobile-message-composer .emoji-tabs button{width:42px;height:42px;justify-self:center;border-radius:999px;background:transparent;color:#222;font-size:26px;line-height:1}.mobile-message-composer .emoji-tabs button.active{background:transparent;color:#22c55e}.mobile-message-composer .emoji-grid,.mobile-message-composer .favorite-sticker-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 8px;padding:18px 20px;background:#fff}.mobile-message-composer .emoji-grid button,.mobile-message-composer .favorite-sticker-grid button{width:44px;height:44px;justify-self:center;border-radius:10px;background:transparent;color:#111827;font-size:34px}.mobile-message-composer .favorite-sticker-pane{gap:0;background:#fff}.mobile-message-composer .favorite-sticker-add{height:48px;margin:14px 20px 0;border-radius:10px;background:#f8fafc}.mobile-message-composer .favorite-sticker-grid{max-height:206px;overflow-y:auto}.mobile-message-composer .mobile-attach-panel{min-height:210px;grid-template-columns:repeat(4,72px);align-content:start;justify-content:start;gap:18px;padding:28px 24px max(22px,env(safe-area-inset-bottom))}.mobile-message-composer .mobile-attach-panel button{min-height:auto;gap:9px;border-radius:0;background:transparent;color:#303946;font-size:16px}.mobile-message-composer .mobile-attach-panel button svg{width:30px;height:30px;color:#56616f}.mobile-message-composer .mobile-attach-panel button:before{content:"";width:56px;height:56px;grid-row:1;grid-column:1;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0f172a0f}.mobile-message-composer .mobile-attach-panel button svg{grid-row:1;grid-column:1;justify-self:center;align-self:center;z-index:1}.mobile-message-composer .mobile-attach-panel button span{grid-column:1}.mobile-message-composer .voice-hold-button{height:42px;border-radius:6px;background:#fff;color:#111827;font-size:16px;font-weight:700;box-shadow:inset 0 0 0 1px #0f172a05}.mobile-message-composer.voice-mode .composer-emoji-wrap>.composer-tool-button,.mobile-message-composer.voice-mode .composer-more-button{display:grid}:root{color-scheme:light;--bg: #eef2f7;--panel: #ffffff;--line: #d9e0ea;--text: #17202c;--muted: #667085;--brand: #1677ff;--ok: #16a34a;font-family:Inter,Segoe UI,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text)}html,body,#root{width:100%;height:100%;overscroll-behavior:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}.loading-shell,.login-shell{min-height:100vh;min-height:var(--mobile-viewport-height, 100vh);display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.55) 0 1px,transparent 2px),radial-gradient(circle at 78% 24%,rgba(255,255,255,.6) 0 1px,transparent 2px),radial-gradient(circle at 54% 72%,rgba(255,255,255,.45) 0 1px,transparent 2px),linear-gradient(145deg,#1f6fd6,#56a7ff 52%,#d9ecff);background-size:160px 160px,220px 220px,190px 190px,auto}.loading-shell{color:var(--muted)}.login-panel{width:min(420px,100%);display:grid;gap:22px;padding:42px 34px 34px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 20px 70px #0f172a1f}.login-brand{display:grid;justify-items:center;gap:16px;text-align:center}.login-brand>span{width:78px;height:78px;display:grid;place-items:center;border-radius:8px;background:transparent;color:#fff}.login-brand>span svg{width:72px;height:72px;color:var(--brand);stroke-width:1.8}.login-brand strong{display:block;font-size:22px;font-weight:500;color:#596273}.login-brand p{margin:6px 0 0;color:var(--muted)}.login-form{display:grid;gap:16px}.auth-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.auth-mode-switch button{height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-weight:700}.auth-mode-switch button.active{border-color:var(--brand);background:#1677ff1a;color:var(--brand)}.login-form label{display:grid;gap:8px;color:var(--text);font-weight:600}.login-form label>div{height:46px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted)}.login-form label>div.sms-code-row{grid-template-columns:42px minmax(0,1fr) 108px}.login-form input{width:100%;height:100%;border:0;outline:0;color:var(--text);font-size:16px}.login-form svg{justify-self:center}.login-form button,.logout-button{border:0;border-radius:8px}.login-form button{height:46px;background:var(--brand);color:#fff;font-weight:700}.login-form .login-secondary-action{border:1px solid var(--line);background:#fff;color:#394150}.login-form .auth-back-button{width:fit-content;height:28px;padding:0;border:0;background:transparent;color:#596273;font-weight:600;justify-self:start}.login-download-entry{display:grid;gap:10px;justify-items:center;color:#7b8493}.login-download-entry span{font-size:15px}.login-download-entry button{width:100%;height:42px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#394150;font-weight:600}.login-form .sms-code-row button{width:100%;height:34px;margin-right:6px;border:0;border-radius:6px;background:var(--brand);color:#fff;font-size:13px;font-weight:700}.login-form .auth-mode-switch button{height:40px;margin:0;border:1px solid transparent;border-radius:8px;background:#e8f1ff;color:var(--brand);font-size:16px;font-weight:700}.login-form .auth-mode-switch button.active{border-color:var(--brand);background:var(--brand);color:#fff}.form-error{margin:0;color:#dc2626}.form-success{margin:0;color:#16a34a}.client-update-card{display:grid;gap:8px;padding-top:4px;color:var(--muted);font-size:13px}.client-update-card p{margin:0;line-height:1.5}.client-update-card button{width:fit-content;min-height:32px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:0 12px;background:#fff;color:var(--brand);font-weight:700}.client-update-card .download-update-button{border-color:var(--brand);background:var(--brand);color:#fff}.download-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 20% 16%,rgba(255,255,255,.55) 0 1px,transparent 2px),radial-gradient(circle at 80% 30%,rgba(255,255,255,.55) 0 1px,transparent 2px),linear-gradient(145deg,#1f6fd6,#5daeff 55%,#dcedff);background-size:180px 180px,240px 240px,auto}.download-page.embedded{min-height:0;height:100%;background:#f7f7f8}.download-card{width:min(420px,calc(100vw - 40px));display:grid;justify-items:center;gap:18px;padding:42px;border-radius:8px;background:#fff;box-shadow:0 24px 80px #0f172a29}.download-logo{color:var(--brand)}.download-card h1,.download-card p{margin:0}.download-card h1{color:#394150;font-size:24px;font-weight:500}.download-card p{color:#7b8493}.download-actions{width:100%;display:grid;gap:12px;margin-top:12px}.download-actions button{min-height:46px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:0 14px;background:#fff;color:#394150;font-weight:700}.download-actions button:not(:disabled):hover{border-color:var(--brand);color:var(--brand)}.download-actions button em{color:#98a2b3;font-size:13px;font-style:normal;font-weight:500}.download-error{color:#dc2626;font-size:13px}.app-shell{height:100vh;min-height:0;overflow:hidden;display:grid;grid-template-columns:280px minmax(0,1fr)}.app-shell.desktop-product-shell{grid-template-columns:minmax(0,1fr)}.app-shell.admin-product-shell{grid-template-columns:minmax(0,1fr);background:#eef3f8}.app-shell.mobile-product-shell{position:fixed;top:var(--mobile-viewport-offset-top, 0);right:0;bottom:auto;left:0;grid-template-columns:minmax(0,1fr);height:var(--mobile-viewport-height, 100dvh);background:#fff;overflow:hidden}.mobile-product-shell .surface-panel{width:100%;height:100%;display:grid;padding:0;overflow:hidden}.mobile-product-shell .phone-frame{--mobile-header-height: calc(56px + env(safe-area-inset-top, 0px)) ;--mobile-nav-height: calc(64px + env(safe-area-inset-bottom, 0px)) ;width:100vw;max-width:none;height:100vh;height:100dvh;height:var(--mobile-viewport-height, 100dvh);margin:0;border:0;border-radius:0;box-shadow:none;grid-template-rows:var(--mobile-header-height) minmax(0,1fr) var(--mobile-nav-height)}.mobile-product-shell .phone-frame.mobile-chat-frame{grid-template-rows:var(--mobile-header-height) minmax(0,1fr)}.mobile-product-shell .phone-frame header{min-height:var(--mobile-header-height);padding-top:env(safe-area-inset-top,0px)}.mobile-product-shell .mobile-nav{min-height:var(--mobile-nav-height);padding-bottom:env(safe-area-inset-bottom,0px)}.app-sidebar{min-height:0;overflow:auto;display:grid;grid-template-rows:auto auto 1fr;gap:24px;padding:24px;border-right:1px solid var(--line);background:#101928;color:#fff}.brand{display:grid;gap:6px}.brand strong{font-size:22px}.brand span,.health-card p{margin:0;color:#c7d2e1}.surface-tabs{display:grid;gap:10px}.surface-tabs button,.health-card{border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f;color:#fff}.surface-tabs button{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px}.surface-tabs button.active{background:var(--brand);border-color:var(--brand)}.health-card{align-self:end;display:grid;gap:10px;padding:14px}.logout-button{height:42px;display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff1a;color:#fff}.health-card div{display:flex;align-items:center;gap:8px}.health-card .error{color:#fecaca}.surface-panel{min-width:0;min-height:0;overflow:hidden;padding:0}.phone-frame{width:min(390px,100%);height:min(820px,calc(100vh - 56px));display:grid;grid-template-rows:56px minmax(0,1fr) 64px;margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 24px 80px #0f172a29}.phone-frame.mobile-chat-frame{grid-template-rows:56px minmax(0,1fr)}.phone-frame.mobile-chat-frame .mobile-nav{display:none}.phone-frame header,.mobile-nav,.filter-row{display:flex;align-items:center;border-bottom:1px solid #eef0f3}.phone-frame header{justify-content:center;position:relative;font-size:18px;font-weight:700}.mobile-page-slide{min-width:0;min-height:0;overflow:hidden;display:grid;animation:mobile-slide-in-right .22s ease-out both}@keyframes mobile-slide-in-right{0%{opacity:.88;transform:translate(34px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.mobile-page-slide{animation:none}}.mobile-header-icon{position:absolute;top:10px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:var(--text)}.mobile-header-icon.left{left:10px}.mobile-header-icon.right{right:10px}.mobile-product-shell .mobile-header-icon{top:calc(env(safe-area-inset-top,0px) + 10px)}.mobile-home-body{min-height:0;display:flex;flex-direction:column}.mobile-search-row{min-height:48px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid #eef0f3;background:#fff;color:var(--muted)}.mobile-search-row input{height:34px;min-width:0;border:1px solid var(--line);border-radius:999px;padding:0 12px;outline:none}.filter-row{min-height:58px;gap:10px;padding:0 16px;background:#fff}.filter-row button{border:0;border-radius:999px;padding:7px 14px;background:#f0f2f5}.filter-row button.active{color:var(--ok);background:#fff;box-shadow:0 2px 12px #0f172a1f}.filter-row .add-friend-filter{margin-left:auto;display:flex;align-items:center;gap:4px;color:var(--ok)}.mobile-system-banner{min-height:34px;display:grid;grid-template-columns:18px minmax(0,1fr) 28px;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid #fde7bd;background:#fff7e8;color:#d99028}.mobile-system-banner div{min-width:0;overflow:hidden}.mobile-system-banner em{display:inline-block;min-width:100%;color:inherit;font-size:13px;font-style:normal;white-space:nowrap;animation:mobile-notice-marquee 12s linear infinite}.mobile-system-banner button{width:28px;height:28px;border:0;background:transparent;color:#d99028;font-size:20px;line-height:1}@keyframes mobile-notice-marquee{0%{transform:translate(0)}40%{transform:translate(0)}to{transform:translate(-100%)}}.conversation-list{flex:1;min-height:0;overflow:auto}.mobile-swipe-row{position:relative;overflow:hidden;background:#fff;touch-action:pan-y}.mobile-swipe-row .conversation-item{position:relative;z-index:1;transition:transform .16s ease}.mobile-swipe-row.open .conversation-item{transform:translate(-144px)}.mobile-swipe-actions{position:absolute;inset:0 0 0 auto;display:grid;grid-template-columns:72px 72px;width:144px;z-index:0}.mobile-swipe-actions button{border:0;color:#fff;font-size:14px}.mobile-swipe-actions .pin{background:#1688f5}.mobile-swipe-actions .mute{background:#f97316}.mobile-plus-menu{position:absolute;top:48px;right:12px;z-index:20;width:136px;display:grid;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 16px 34px #0f172a2e}.mobile-plus-menu button{min-height:38px;display:flex;align-items:center;gap:8px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left}.mobile-plus-menu button:hover{background:#f3f6fb}.mobile-contact-list,.mobile-profile-page{min-height:0;overflow:auto;background:#f5f7fb}.mobile-contact-section{display:grid;gap:0}.mobile-contact-section h3{margin:0;padding:14px 16px 8px;color:#64748b;font-size:13px;font-weight:500}.conversation-item{width:100%;min-height:84px;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:12px;padding:10px 16px;border:0;border-bottom:1px solid #f0f2f5;background:#fff;text-align:left}.conversation-item.muted{color:#8a94a6}.conversation-item.muted .avatar{filter:grayscale(.2);opacity:.86}.mobile-contact-item{width:100%;min-height:72px;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;padding:10px 16px;border:0;border-bottom:1px solid #eef0f3;background:#fff;text-align:left}.avatar{width:52px;height:52px;display:grid;place-items:center;border-radius:8px;background:var(--brand);color:#fff;object-fit:cover}.avatar-presence{position:relative;width:52px;height:52px;display:inline-grid;place-items:center}.avatar-presence.large{width:64px;height:64px}.avatar-presence>i{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border:2px solid #fff;border-radius:999px;background:#cbd5e1}.avatar-presence>i.online{background:#22c55e}.requests-conversation .avatar{background:#ff7a3d}.favorite-conversation .avatar{background:#45c4a0}.system-conversation .avatar{background:#2f7cf6}.group-conversation .avatar{background:#f59e0b}.avatar.large{width:64px;height:64px;font-size:22px}.conversation-item>span:nth-child(2){display:grid;gap:4px;min-width:0}.mobile-contact-item span:last-child,.mobile-profile-card div{display:grid;gap:4px}.conversation-item em{overflow:hidden;color:var(--muted);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.conversation-item em.attention,.conversation-item em .mobile-mention-preview{color:#d22f2f;font-weight:600}.conversation-item em .mobile-mention-preview{margin-right:4px}.mobile-contact-item em,.mobile-profile-card em{color:var(--muted);font-style:normal}.mobile-detail-page,.mobile-general-page,.mobile-document-page{min-height:0;overflow:auto;display:grid;align-content:start;gap:10px;padding:12px;background:#f5f7fb}.mobile-detail-card,.mobile-detail-section,.mobile-detail-list{display:grid;gap:10px;padding:16px;border-radius:8px;background:#fff}.mobile-friend-hero{min-height:112px;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:14px;padding:18px 22px;background:#fff}.mobile-friend-hero .avatar{width:72px;height:72px}.mobile-friend-hero div{display:grid;gap:8px}.mobile-friend-hero strong{color:#111827;font-size:18px}.mobile-friend-hero em{color:#9aa3af;font-style:normal}.friend-detail-list{border-radius:0;padding:0}.friend-detail-list dl{gap:0}.friend-detail-list dl div{min-height:74px;align-items:center;grid-template-columns:minmax(0,1fr) auto;padding:0 22px;border-bottom:1px solid #eef0f3}.friend-detail-list dt{display:flex;align-items:center;gap:12px;color:#111827;font-size:16px}.friend-detail-list dt svg{color:#22c55e}.friend-detail-list dd{color:#8a94a6}.mobile-remark-cell{min-width:0;justify-self:end}.mobile-remark-view{display:inline-flex;align-items:center;gap:10px;max-width:210px}.mobile-remark-view b{overflow:hidden;color:#8a94a6;font-size:15px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.mobile-remark-view button,.mobile-remark-editor button{border:0;background:transparent;color:#1677ff;font-size:14px}.mobile-remark-editor{display:grid;gap:8px;justify-items:end;width:min(240px,58vw)}.mobile-remark-editor input{width:100%;height:36px;border:1px solid #d6deeb;border-radius:8px;padding:0 10px;background:#fff;color:#111827;font-size:15px;outline:none}.mobile-remark-editor span{display:flex;gap:10px}.mobile-remark-editor .primary{color:#16a34a;font-weight:700}.mobile-remark-editor em{color:#ef4444;font-size:12px;font-style:normal}.mobile-friend-actions{display:grid;gap:12px;padding:22px}.mobile-friend-actions button{min-height:48px;border:0;border-radius:6px;color:#fff;font-size:17px}.mobile-friend-actions .message{background:#35b653}.mobile-friend-actions .call,.mobile-friend-actions .block{background:#91a4ad}.mobile-friend-actions .delete{background:#ef4444}.group-detail{gap:8px;padding:0}.mobile-member-grid-section{display:grid;gap:12px;padding:18px 22px;background:#fff}.mobile-group-hero{min-height:96px;display:grid;grid-template-columns:64px minmax(0,1fr) 42px;align-items:center;gap:14px;padding:18px 22px;background:#fff}.mobile-group-hero .avatar{width:64px;height:64px;border-radius:10px}.mobile-group-hero div{min-width:0;display:grid;gap:6px}.mobile-group-hero strong,.mobile-group-hero em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-group-hero strong{font-size:18px}.mobile-group-hero em{color:#8a94a6;font-style:normal}.mobile-group-hero button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:999px;background:#eef4ff;color:var(--brand)}.mobile-detail-card{justify-items:center;text-align:center}.mobile-detail-card strong{font-size:18px}.mobile-detail-card em,.mobile-detail-card p,.mobile-member-card span{margin:0;color:var(--muted);font-style:normal}.mobile-detail-section h3{margin:0;color:#111827;font-size:16px}.mobile-detail-section p{margin:0;color:#475569;line-height:1.6;white-space:pre-wrap}.mobile-detail-list dl{display:grid;gap:12px;margin:0}.mobile-detail-list dl div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}.mobile-detail-list dt{color:var(--muted)}.mobile-detail-list dd{margin:0;min-width:0;overflow-wrap:anywhere}.mobile-member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}.mobile-member-card{min-width:0;display:grid;justify-items:center;gap:6px;border:0;border-radius:0;padding:0;background:transparent;color:var(--text)}.mobile-member-card .avatar{width:58px;height:58px;border-radius:8px}.mobile-member-card.add{color:#8a94a6}.mobile-member-card.add svg{width:58px;height:58px;padding:14px;border:1px dashed #cbd5e1;border-radius:8px}.mobile-member-card strong,.mobile-member-card span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-member-card strong{font-size:13px}.mobile-member-card span{font-size:11px}.mobile-detail-link{min-height:42px;display:flex;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#64748b;font-size:15px}.group-detail-list{gap:0;padding:0;border-radius:0}.group-detail-list button,.mobile-general-row{min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:0;border-bottom:1px solid #eef0f3;padding:0 22px;background:#fff;color:#111827;text-align:left;font-size:16px}.group-detail-list button em{min-width:0;max-width:190px;overflow:hidden;color:#8a94a6;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.mobile-leave-group{min-height:60px;margin-top:8px;border:0;background:#fff;color:#dc2626;font-size:17px}.mobile-group-settings-dialog{width:min(360px,calc(100vw - 32px));display:grid;gap:18px;padding:22px;border-radius:12px;background:#fff;box-shadow:0 24px 80px #0f172a2e;position:relative}.mobile-group-settings-dialog h3{margin:0;font-size:20px}.mobile-dialog-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:20px;line-height:1}.mobile-group-avatar-editor{display:grid;justify-items:center;gap:12px}.mobile-group-avatar-editor .avatar{width:82px;height:82px;border-radius:12px}.mobile-group-avatar-editor label{position:relative;overflow:hidden}.mobile-group-avatar-editor input{position:absolute;inset:0;opacity:0;cursor:pointer}.mobile-group-avatar-editor span{min-width:132px;height:38px;display:grid;place-items:center;border-radius:6px;background:var(--brand);color:#fff;font-weight:700}.mobile-group-name-field{display:grid;gap:8px;color:#344054;font-weight:700}.mobile-group-name-field input{width:100%;height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px;outline:0}.mobile-group-settings-dialog footer{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-group-settings-dialog footer button{height:44px;border:1px solid var(--line);border-radius:8px;background:#fff}.mobile-group-settings-dialog footer button:last-child{border-color:var(--brand);background:var(--brand);color:#fff}.mobile-announcement-dialog{width:min(380px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 80px));display:grid;gap:16px;padding:22px;border-radius:12px;background:#fff;box-shadow:0 24px 80px #0f172a2e;position:relative}.mobile-announcement-dialog header{min-height:auto;display:flex;align-items:center;justify-content:space-between;padding-right:42px;border:0}.mobile-announcement-dialog h3{margin:0;font-size:20px}.mobile-announcement-dialog header button{border:0;background:transparent;color:var(--brand);font-weight:700}.mobile-announcement-dialog p{max-height:360px;margin:0;overflow:auto;color:#344054;line-height:1.75;white-space:pre-wrap}.mobile-announcement-dialog textarea{width:100%;min-height:180px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:12px;outline:0;line-height:1.6}.mobile-announcement-dialog footer{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mobile-announcement-dialog footer button{height:44px;border:1px solid var(--line);border-radius:8px;background:#fff}.mobile-announcement-dialog footer button:last-child{border-color:var(--brand);background:var(--brand);color:#fff}.mobile-member-dialog{width:min(380px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 70px));display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;padding:20px;border-radius:12px;background:#fff;box-shadow:0 24px 80px #0f172a2e;position:relative}.mobile-member-dialog header{min-height:auto;display:grid;gap:4px;padding-right:42px;border:0}.mobile-member-dialog h3{margin:0;color:#111827;font-size:20px}.mobile-member-dialog header span{color:#8a94a6;font-size:13px}.mobile-member-search{height:40px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:#94a3b8;background:#f8fafc}.mobile-member-search input{min-width:0;border:0;outline:0;background:transparent;color:#111827}.mobile-member-dialog-list{min-height:0;overflow:auto;display:grid;gap:4px}.mobile-member-dialog-list button{min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:#111827;text-align:left}.mobile-member-dialog-list button:active{background:#f3f6fb}.mobile-member-dialog-list .avatar{width:42px;height:42px;border-radius:8px}.mobile-member-dialog-list span{min-width:0;display:grid;gap:3px}.mobile-member-dialog-list strong,.mobile-member-dialog-list em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-member-dialog-list em{color:#8a94a6;font-size:12px;font-style:normal}.mobile-user-profile-dialog{width:min(360px,calc(100vw - 32px));display:grid;gap:16px;padding:22px;border-radius:12px;background:#fff;box-shadow:0 24px 80px #0f172a2e;position:relative}.mobile-user-profile-hero{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding-right:36px}.mobile-user-profile-hero div{min-width:0;display:grid;gap:6px}.mobile-user-profile-hero strong,.mobile-user-profile-hero em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user-profile-hero strong{color:#111827;font-size:18px}.mobile-user-profile-hero em{color:#8a94a6;font-style:normal}.mobile-user-profile-dialog dl{display:grid;gap:12px;margin:0}.mobile-user-profile-dialog dl div{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px}.mobile-user-profile-dialog dt{color:#8a94a6}.mobile-user-profile-dialog dd{min-width:0;margin:0;color:#344054;overflow-wrap:anywhere}.mobile-switch{width:58px;height:34px;display:inline-flex;align-items:center;justify-content:flex-end;padding:3px;border-radius:999px;background:#91a4ad}.mobile-switch i{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#fff;color:#91a4ad;font-style:normal;box-shadow:0 1px 4px #0f172a2e}.mobile-switch.checked{justify-content:flex-start;background:#35c759}.mobile-switch.checked i{color:#35c759}.mobile-general-page,.mobile-profile-page.secondary-panel{gap:0;padding:0;background:#f5f5f5}.mobile-general-row{grid-template-columns:minmax(0,1fr) auto;min-height:68px;border-bottom-color:#f0f0f0}.mobile-tone-row{align-items:start;padding:16px 24px}.mobile-tone-row>div{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;max-width:260px}.mobile-tone-row button{min-width:58px;height:30px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#475569}.mobile-tone-row button.active{border-color:var(--brand);background:var(--brand);color:#fff}.mobile-tone-row button.preview{color:var(--brand)}.mobile-general-row.link{margin-top:14px}.mobile-general-row.link+.mobile-general-row.link{margin-top:0}.mobile-document-page{gap:14px;padding:18px 20px 28px;background:#fff}.mobile-document-page h2{margin:0 0 4px;color:#111827;font-size:20px}.mobile-document-page p{margin:0;color:#475569;line-height:1.75}.conversation-meta{display:grid;justify-items:end;gap:8px;color:#98a2b3;font-size:12px}.conversation-meta time{white-space:nowrap}.conversation-item b,.conversation-meta b{min-width:24px;height:24px;display:grid;place-items:center;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px}.conversation-meta b.muted{background:#d1d5db;color:#fff}.conversation-empty,.desktop-empty{margin:0;padding:18px;color:var(--muted)}.conversation-empty.error,.desktop-empty.error{color:#dc2626}.mobile-nav{justify-content:space-around;border-top:1px solid #eef0f3;border-bottom:0}.mobile-nav button{min-width:72px;display:grid;justify-items:center;gap:4px;border:0;background:transparent;color:var(--muted);font-size:12px}.mobile-nav button.active{color:var(--ok)}.mobile-nav-icon{position:relative;display:grid;place-items:center}.mobile-nav-icon b{position:absolute;top:-9px;left:14px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:1}.mobile-profile-page{display:grid;align-content:start;gap:10px;padding:12px}.mobile-profile-card{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:14px;padding:16px;border-radius:8px;background:#fff}.mobile-profile-card strong{font-size:18px}.mobile-setting-row{min-height:52px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:0 14px;border:0;border-radius:8px;background:#fff;color:var(--text);text-align:left}.mobile-setting-row.version-row,.mobile-setting-row.download-row{grid-template-columns:28px minmax(0,1fr) auto}.mobile-setting-row.version-row em,.mobile-setting-row.download-row em{max-width:150px;overflow:hidden;color:#8a94a6;font-size:13px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.mobile-setting-row.version-row em.warning{color:#ef4444}.mobile-setting-row.logout-row{margin-top:18px;color:#ef4444}.mobile-profile-form{display:grid;gap:12px;padding:14px;border-radius:8px;background:#fff}.mobile-profile-form label{display:grid;gap:6px;color:var(--text);font-weight:600}.mobile-profile-form input,.mobile-profile-form select,.mobile-profile-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;color:var(--text);background:#fff}.mobile-profile-form input,.mobile-profile-form select{height:42px;padding:0 10px}.mobile-profile-form textarea{min-height:76px;resize:vertical;padding:10px}.mobile-avatar-editor{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.avatar-upload-button{width:fit-content;display:inline-grid}.avatar-upload-button input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.avatar-upload-button span{display:grid;place-items:center;min-width:92px;height:34px;padding:0 12px;border-radius:8px;background:var(--brand);color:#fff;font-size:13px;font-weight:700}.mobile-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mobile-form-actions button{height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text)}.mobile-form-actions button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.chat-attention-jump{position:absolute;right:14px;bottom:72px;z-index:22;height:34px;padding:0 12px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;box-shadow:0 8px 24px #0f172a1f}.mobile-action-notice{position:absolute;left:50%;bottom:86px;z-index:50;margin:0;transform:translate(-50%);padding:8px 12px;border-radius:999px;background:#0f172adb;color:#fff;font-size:13px;box-shadow:0 10px 30px #0f172a2e;pointer-events:none}.request-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;color:#c4c4c4}.request-pagination strong{color:#3b82c4}.admin-layout{min-width:0;min-height:0;height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr);background:#eef3f8}.admin-nav{min-height:0;display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:22px 16px;border-right:1px solid #dbe3ee;background:#111827;color:#fff}.admin-brand{display:grid;gap:6px;padding:4px 6px 18px;border-bottom:1px solid rgba(255,255,255,.12)}.admin-brand strong{font-size:22px}.admin-brand span{color:#cbd5e1}.admin-main{min-width:0;min-height:0;overflow:auto;padding:24px}.admin-open-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #dbe3ee}.admin-open-tab{height:36px;display:inline-flex;align-items:center;border:1px solid #d7e1ee;border-radius:8px 8px 0 0;background:#f8fafc;color:#475569;font-weight:700;overflow:hidden}.admin-open-tab.active{border-color:var(--brand);background:#fff;color:var(--brand)}.admin-open-tab-title{height:100%;padding:0 6px 0 14px;border:0;background:transparent;color:inherit;font:inherit}.admin-open-tab-close{width:22px;height:22px;margin-right:6px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:inherit}.admin-open-tab-close:hover{background:#e2e8f0}.admin-tab-panel{display:none}.admin-tab-panel.active{display:block}.admin-main-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.admin-main-header h1{margin:0;font-size:28px}.admin-main-header p{margin:6px 0 0;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.admin-settings-card{width:100%;display:grid;gap:18px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fff}.admin-tabs{display:grid;gap:10px;align-content:start}.admin-tabs button{height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0f;color:#dbeafe;font-weight:700;text-align:left}.admin-tabs button.active{border-color:var(--brand);background:var(--brand);color:#fff}.admin-logout{height:44px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff14;color:#fee2e2;font-weight:700}.admin-logout:hover{border-color:#f8717173;background:#f8717124}.admin-settings-card h2{margin:0}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}.admin-stat-card{padding:18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.admin-stat-card span{display:block;color:#64748b;font-size:14px;margin-bottom:8px}.admin-stat-card strong{color:#0f172a;font-size:28px;line-height:1}.admin-settings-card form{display:grid;gap:16px}.admin-form-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:16px}.admin-audit-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;align-items:end}.admin-tag-checks{display:grid;gap:8px}.admin-message-cell{max-width:520px;white-space:pre-wrap;word-break:break-word}.admin-settings-section{display:grid;gap:12px;margin:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.admin-settings-section legend{padding:0 6px;font-weight:700;color:var(--text)}.admin-settings-section p{margin:0;color:var(--muted);line-height:1.6}.admin-settings-card label{display:grid;gap:8px;font-weight:700}.admin-settings-card .admin-check-line{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;font-weight:600}.admin-settings-card .admin-check-line input{width:18px;height:18px;padding:0}.admin-settings-card input,.admin-settings-card select{height:42px;border:1px solid var(--line);border-radius:8px;padding:0 12px;outline:0;background:#fff}.admin-settings-card button{min-width:96px;width:max-content;padding:0 16px;height:42px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-weight:700}.admin-settings-card button:disabled{cursor:not-allowed;opacity:.55}.admin-warning{color:#d97706;font-size:14px}.admin-action-bar{display:flex;justify-content:flex-end;padding-top:4px}.admin-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-toolbar,.admin-inline-form,.admin-settings-card form.admin-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.admin-toolbar input,.admin-toolbar select{flex:0 1 220px;width:min(220px,100%)}.admin-toolbar input{flex-basis:284px;width:min(284px,100%)}.admin-toolbar button{flex:0 0 auto}.admin-inline-form label{min-width:220px}.admin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}.admin-table{width:100%;min-width:760px;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.admin-table th{background:#f8fafc;color:var(--muted);font-weight:700}.admin-table td strong{display:block;color:var(--text)}.admin-table td span{display:block;margin-top:3px;color:var(--muted)}.admin-table tr:last-child td{border-bottom:0}.admin-table button{height:32px}.admin-table-ellipsis{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-row-actions button{min-width:84px}.admin-page-text{margin:0;color:var(--muted)}.admin-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted)}.admin-pager>div{display:flex;align-items:center;gap:8px}.admin-pager button{min-width:72px}.admin-pager select{width:116px}.admin-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#0f172a73}.admin-modal{width:min(620px,100%);max-height:min(760px,calc(100vh - 48px));overflow:auto;display:grid;border-radius:8px;background:#fff;box-shadow:0 24px 90px #0f172a47}.admin-modal-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;border-bottom:1px solid var(--line)}.admin-modal-header h2{margin:0;font-size:22px}.admin-modal-header button{width:34px;height:34px;min-width:34px;padding:0;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:22px;line-height:1}.admin-modal-body{padding:22px 24px 24px}.admin-modal-form{display:grid;gap:16px}.admin-modal-form label{display:grid;gap:8px;font-weight:700}.admin-modal-form .admin-check-line{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;font-weight:600}.admin-modal-form input,.admin-modal-form select,.admin-modal-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:0 12px;outline:0;background:#fff}.admin-modal-form input,.admin-modal-form select{height:42px}.admin-modal-form .admin-check-line input{width:18px;height:18px;padding:0}.admin-modal-form textarea{min-height:132px;resize:vertical;padding-top:10px;line-height:1.6}.admin-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}.admin-modal-footer button:first-child{border:1px solid var(--line);background:#fff;color:var(--text)}.admin-modal-footer button.danger{background:#ef4444}.admin-confirm-body p{margin:0;color:#223044;line-height:1.7}@media(max-width:760px){.login-shell{min-height:var(--mobile-viewport-height, 100svh);align-items:center;justify-items:center;overflow-y:auto;padding:max(18px,env(safe-area-inset-top,0px)) 16px max(24px,env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}.login-panel{width:100%;margin:0 auto;padding:24px}.admin-layout{grid-template-columns:1fr;height:auto;min-height:100vh}.admin-nav{grid-template-rows:auto auto}.admin-main{padding:16px}.admin-form-grid{grid-template-columns:1fr}.admin-pager{align-items:stretch;flex-direction:column}.admin-pager>div{flex-wrap:wrap}.app-shell{grid-template-columns:1fr}.app-sidebar{grid-template-rows:auto auto;gap:14px}.health-card{align-self:auto}.surface-panel{padding:16px}.mobile-product-shell .surface-panel{padding:0}}