:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--fs-body:15px;--radius:12px;--radius-sm:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--motion:.16s;--bg:#f6f7f9;--surface:#fff;--surface-2:#eef0f4;--border:#d9dde3;--text:#15181d;--text-muted:#5b6471;--accent:#2f6fed;--accent-text:#fff;--accent-soft:#e4ecfd;--bubble-own:#d9e6ff;--bubble-other:#fff;--danger:#c92a2a;--danger-soft:#fde8e8;--success:#1f8a4c;--warning-soft:#fff4d6;--focus:#2f6fed}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1216;--surface:#171b21;--surface-2:#20262e;--border:#2b323c;--text:#e9edf2;--text-muted:#9aa5b3;--accent:#5b8cff;--accent-text:#0b1020;--accent-soft:#1d2b4d;--bubble-own:#22365f;--bubble-other:#20262e;--danger:#ff6b6b;--danger-soft:#3a1a1a;--success:#4ccf7c;--warning-soft:#3a3014;--focus:#8fb0ff}}@media (prefers-reduced-motion:reduce){:root{--motion:0s}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.45}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}a{color:var(--accent)}.btn{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:background var(--motion);display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn-primary:hover{filter:brightness(1.05);background:var(--accent)}.btn-ghost{background:0 0;border-color:#0000}.btn-icon{justify-content:center;width:40px;padding:0}.field{gap:var(--space-1);margin-bottom:var(--space-3);display:grid}.field label{color:var(--text-muted);font-size:13px}.input{min-height:42px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%}.alert{padding:var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.alert-danger{background:var(--danger-soft);color:var(--danger)}.alert-info{background:var(--accent-soft)}.muted{color:var(--text-muted)}.small{font-size:13px}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.auth-page{min-height:100%;padding:var(--space-4);place-items:center;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(420px,100%);padding:var(--space-6)}.auth-card h1{margin:0 0 var(--space-2);font-size:22px}.layout{grid-template-columns:320px 1fr;height:100%;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex}.sidebar-header{align-items:center;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border);display:flex}.sidebar-header .title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.inbox{flex:1;overflow-y:auto}.inbox-item{gap:var(--space-3);width:100%;padding:var(--space-3);border:0;border-bottom:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;grid-template-columns:44px 1fr auto;align-items:center;display:grid}.inbox-item:hover,.inbox-item.active{background:var(--surface-2)}.avatar{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.avatar-sm{width:32px;height:32px;font-size:13px}.inbox-item .name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.inbox-item .preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.inbox-item .meta{justify-items:end;gap:var(--space-1);color:var(--text-muted);font-size:12px;display:grid}.badge{background:var(--accent);min-width:20px;height:20px;color:var(--accent-text);border-radius:10px;place-items:center;padding:0 6px;font-size:12px;font-weight:700;display:grid}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.conv-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface);display:flex}.conv-header .title{font-weight:600}.conv-header .subtitle{color:var(--text-muted);min-height:18px;font-size:13px}.messages{padding:var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow-y:auto}.msg{max-width:min(72%,640px);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--bubble-other);border:1px solid var(--border);white-space:pre-wrap;overflow-wrap:anywhere;animation:msg-in var(--motion) ease-out}.msg.own{background:var(--bubble-own);border-color:#0000;align-self:flex-end}.msg .sender{color:var(--accent);margin-bottom:2px;font-size:12px;font-weight:600}.msg .meta{justify-content:flex-end;gap:var(--space-1);color:var(--text-muted);margin-top:2px;font-size:11px;display:flex}.msg.failed{border-color:var(--danger)}.msg.pending{opacity:.75}@keyframes msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.day-divider{color:var(--text-muted);margin:var(--space-3) 0;align-self:center;font-size:12px}.composer{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface);display:flex}.composer textarea{resize:none;min-height:42px;max-height:160px;padding:10px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);flex:1}.empty-state{color:var(--text-muted);padding:var(--space-6);text-align:center;flex:1;place-items:center;display:grid}.banner{padding:var(--space-2) var(--space-4);background:var(--warning-soft);text-align:center;font-size:13px}.banner.danger{background:var(--danger-soft);color:var(--danger)}.dialog-backdrop{padding:var(--space-4);z-index:10;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);width:min(460px,100%);max-height:80vh;padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.dialog-list{gap:var(--space-1);display:grid;overflow-y:auto}.member-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;display:flex}.member-row:hover{background:var(--surface-2)}@media (max-width:760px){.layout{grid-template-columns:1fr}.layout.show-conversation .sidebar,.layout:not(.show-conversation) .main{display:none}.msg{max-width:85%}}.as-button{cursor:pointer;border:0}.search-box{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.conv{height:100%;min-height:0;display:flex}.conv-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.conv-title{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:0}.center{align-self:center}.tiny{min-height:20px;padding:0 6px}.msg-row{align-items:flex-end;gap:var(--space-1);max-width:100%;display:flex}.msg-row.own{flex-direction:row-reverse}.msg-row .msg{max-width:min(72%,640px)}.msg-actions{gap:2px;padding-bottom:6px;display:none}.msg-row:hover .msg-actions,.msg-row:focus-within .msg-actions{display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;min-width:28px;height:28px;padding:0 6px;font-size:14px}.icon-btn:hover{background:var(--surface-2)}.menu-anchor{position:relative}.menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:5;min-width:140px;display:grid;position:absolute;bottom:32px;right:0;box-shadow:0 8px 24px #0000002e}.menu button{text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 12px}.menu button:hover{background:var(--surface-2)}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;padding:1px 8px;font-size:13px}.reaction.mine{border-color:var(--accent);background:var(--accent-soft)}.reply-preview{border-left:3px solid var(--accent);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;padding:2px 8px;font-size:13px;display:grid;overflow:hidden}.attachments{gap:6px;margin-bottom:4px;display:grid}.att-image{cursor:zoom-in;background:0 0;border:0;max-width:320px;padding:0}.att-image img{object-fit:contain;border-radius:var(--radius-sm);width:100%;height:auto;max-height:320px;display:block}.att-placeholder{border-radius:var(--radius-sm);background:var(--surface-2);width:200px;height:140px;display:block}.att-file{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;max-width:100%;padding:6px 10px;display:flex}.att-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-wrap{border-top:1px solid var(--border);background:var(--surface)}.composer-wrap .composer{border-top:0}.composer-bar{padding:6px var(--space-4);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex;overflow:hidden}.composer-bar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-bar.danger{background:var(--danger-soft);color:var(--danger)}.upload-chips{padding:6px var(--space-4);flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:13px;display:inline-flex}.chip.ready{border-color:var(--success)}.chip.failed{border-color:var(--danger);color:var(--danger)}.chip-x{cursor:pointer;background:0 0;border:0;padding:0 2px}.side-panel{border-left:1px solid var(--border);background:var(--surface);gap:var(--space-3);width:320px;padding:var(--space-3);flex-direction:column;display:flex;overflow-y:auto}.side-header{justify-content:space-between;align-items:center;display:flex}.side-section{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border);display:grid}.member-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.member-row.static{cursor:default}.member-row.selected{background:var(--accent-soft)}.input.small{width:auto;min-height:30px}.btn-danger{color:var(--danger);border-color:var(--danger)}.add-box{gap:6px;max-height:240px;display:grid}.day-divider.system{background:var(--surface-2);border-radius:999px;padding:2px 10px}.row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}h3.small{margin:var(--space-2) 0 0;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:13px}@media (max-width:760px){.conv.with-panel .conv-main{display:none}.side-panel{border-left:0;width:100%}}.conv-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:12px}.call-banner{z-index:60;background:var(--bg-elevated,var(--bg));border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:12px 16px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000040}.call-banner-text{min-width:0}.call-panel{z-index:50;color:#fff;background:#0b0f17;flex-direction:column;display:flex;position:fixed;inset:0}.call-panel-head{padding:16px 20px}.call-panel-head .title{font-weight:600}.call-panel-head .subtitle{opacity:.75;font-size:13px}.call-grid{flex:1;grid-template-columns:1fr;align-content:center;gap:8px;padding:0 12px;display:grid}.call-grid.n2,.call-grid.n3,.call-grid.n4{grid-template-columns:repeat(2,1fr)}.call-tile{aspect-ratio:4/3;background:#182033;border-radius:12px;justify-content:center;align-items:center;min-height:160px;max-height:70vh;display:flex;position:relative;overflow:hidden}.call-tile video{object-fit:cover;width:100%;height:100%}.call-tile video.mirror{transform:scaleX(-1)}.call-tile .avatar.large{width:72px;height:72px;font-size:24px}.call-tile-label{color:#fff;background:#0000008c;border-radius:6px;padding:2px 8px;font-size:12px;position:absolute;bottom:8px;left:8px}.call-controls{justify-content:center;gap:12px;padding:20px;display:flex}.btn.round{color:#fff;background:#273149;border:none;border-radius:999px;padding:10px 18px}.btn.round.off{opacity:.85;background:#3a4460}.btn.round.btn-danger{background:var(--danger)}@media (max-width:640px){.call-grid.n2,.call-grid.n3,.call-grid.n4{grid-template-columns:1fr}.call-banner{flex-direction:column;align-items:stretch;top:8px}}.call-notice{color:#ffd166;margin-top:2px}