:root{color-scheme:dark;--color-page: #0f0f0f;--color-panel: #212121;--color-text: #ffffff;--color-text-secondary: #aaaaaa;--color-accent: #8774e1;--color-accent-strong: #7565da;--color-accent-dim: rgba(135, 116, 225, .16);--color-danger: #d32f2f;--color-danger-dim: rgba(211, 47, 47, .15);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--hover: rgba(255, 255, 255, .06);--hover-strong: rgba(255, 255, 255, .1);--bubble-incoming: #212121;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--color-text);background:var(--color-page)}#root{height:100vh;display:flex;flex-direction:column}.page{flex:1;padding:16px}.login-page{flex:1;display:flex;align-items:center;justify-content:center}.login-card{width:min(360px,100%);display:flex;flex-direction:column;gap:16px;padding:32px 28px;border:1px solid var(--border-strong);border-radius:12px;background:var(--color-panel)}.login-title{margin:0;font-size:24px;text-align:center}.login-subtitle{margin:-8px 0 0;font-size:14px;text-align:center;color:var(--color-text-secondary)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:600}.field-optional{font-weight:400;color:var(--color-text-secondary)}.field-input{padding:10px 12px;font:inherit;color:inherit;background:transparent;border:1px solid var(--border-strong);border-radius:8px}.field-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.field-input[aria-invalid=true]{border-color:var(--color-danger)}.field-input-code{font-size:20px;letter-spacing:6px;text-align:center}.btn{padding:10px 16px;font:inherit;font-weight:600;border:none;border-radius:8px;cursor:pointer}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-strong)}.link-button{padding:0;font:inherit;color:var(--color-accent);background:none;border:none;cursor:pointer;text-align:center}.link-button:hover{text-decoration:underline}.login-error,.dialog-error{margin:0;padding:10px 12px;font-size:14px;color:var(--color-danger);background:var(--color-danger-dim);border-radius:8px}.login-hint{margin:0;font-size:13px;text-align:center;color:var(--color-text-secondary)}.app-shell{flex:1;min-height:0;display:flex}.sidebar{position:relative;flex:0 0 clamp(280px,30%,420px);min-width:0;display:flex;flex-direction:column;background:var(--color-panel);border-right:1px solid var(--border)}.conversation-pane{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--color-page)}.conversation-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.conversation-empty-hint{margin:0;font-size:15px;color:var(--color-text-secondary)}@media(max-width:900px){.app-shell.with-chat .sidebar{display:none}.app-shell:not(.with-chat) .conversation-pane{display:none}}.chat-list-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.chat-list-title{margin:0;font-size:20px}.sidebar-menu-button{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-secondary);background:none;border:none;border-radius:8px;cursor:pointer}.sidebar-menu-button:hover{background:var(--hover-strong);color:var(--color-text)}.sidebar-menu-backdrop{position:fixed;inset:0;z-index:8}.sidebar-menu{position:absolute;top:56px;left:12px;z-index:9;display:flex;flex-direction:column;gap:2px;min-width:220px;padding:6px;background:var(--color-panel);border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 8px 24px #00000073}.sidebar-menu-session{display:flex;flex-direction:column;gap:1px;margin-bottom:4px;padding:8px 12px 10px;border-bottom:1px solid var(--border)}.sidebar-menu-session-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu-session-phone{font-size:12px;color:var(--color-text-secondary)}.sidebar-menu-item{padding:9px 12px;font:inherit;font-weight:600;text-align:left;color:inherit;background:none;border:none;border-radius:8px;cursor:pointer}.sidebar-menu-item:hover{background:var(--hover-strong)}.sidebar-menu-item.accent{color:var(--color-accent)}.chat-search-row{padding:10px 12px}.chat-search{width:100%;padding:9px 14px;font:inherit;color:inherit;background:var(--hover);border:1px solid transparent;border-radius:999px}.chat-search:focus{outline:none;border-color:var(--color-accent);background:transparent}.chat-search::placeholder{color:var(--color-text-secondary)}.chat-filter-tabs{display:flex;gap:4px;padding:0 12px 10px}.chat-filter-tab{display:flex;align-items:center;gap:6px;padding:5px 12px;font:inherit;font-size:13px;font-weight:600;color:var(--color-text-secondary);background:none;border:1px solid var(--border-strong);border-radius:999px;cursor:pointer}.chat-filter-tab:hover{background:var(--hover);color:var(--color-text)}.chat-filter-tab.active{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}.chat-filter-badge{min-width:18px;padding:0 5px;font-size:11px;line-height:1.6;text-align:center;color:#fff;background:var(--color-accent);border-radius:999px}.chat-filter-tab.active .chat-filter-badge{color:var(--color-accent);background:#fff}.chat-list{list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow-y:auto}.chat-item{display:flex;align-items:center;gap:12px;margin:1px 8px;padding:10px 12px;border-radius:10px;color:inherit;text-decoration:none}.chat-item:hover{background:var(--hover)}.chat-item.selected{background:var(--color-accent)}.chat-item.selected .chat-item-name,.chat-item.selected .chat-item-preview,.chat-item.selected .chat-item-time{color:#ffffffde}.chat-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.chat-item-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-preview{font-size:14px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.chat-item-time{font-size:12px;color:var(--color-text-secondary)}.chat-item-time-row{display:flex;align-items:center;gap:4px}.chat-item-receipt{font-size:12px;letter-spacing:-2px;color:var(--color-text-secondary)}.chat-item-receipt.read{color:var(--color-accent);font-weight:700}.chat-item.selected .chat-item-receipt{color:#ffffffde}.unread-badge{min-width:22px;padding:1px 7px;font-size:12px;font-weight:700;line-height:1.5;text-align:center;color:#fff;background:var(--color-accent);border-radius:999px}.chat-item.unread{background:var(--hover)}.chat-item.unread .chat-item-name,.chat-item.unread .chat-item-preview{font-weight:700;color:inherit}.chat-list-status{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;color:var(--color-text-secondary)}.chat-empty{display:flex;flex-direction:column;gap:8px;padding:48px 24px;text-align:center}.chat-empty-title{margin:0;font-size:18px;font-weight:600}.chat-empty-hint{margin:0;font-size:14px;color:var(--color-text-secondary)}.btn-secondary{padding:8px 16px;font:inherit;font-weight:600;color:var(--color-accent);background:transparent;border:1px solid var(--color-accent);border-radius:8px;cursor:pointer}.btn-secondary:hover:not(:disabled){background:var(--color-accent-dim)}.dialog-overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px;background:#00000073}.dialog-box{width:min(360px,100%);display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--border-strong);border-radius:12px;background:var(--color-panel)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-title{margin:0;font-size:18px}.dialog-close{padding:4px;font-size:20px;line-height:1;color:inherit;background:none;border:none;border-radius:6px;cursor:pointer}.dialog-close:hover{background:var(--hover-strong)}.dialog-subtitle{margin:-8px 0 0;font-size:14px;color:var(--color-text-secondary)}.dialog-form{display:flex;flex-direction:column;gap:16px}.chat-page{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;background-color:var(--color-page);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.03)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M38 46l7 14 15 2-11 10 3 15-14-8-14 8 3-15-11-10 15-2z'/%3E%3Cpath d='M150 36c-8-9-22-3-22 7 0 9 13 16 22 23 9-7 22-14 22-23 0-10-14-16-22-7z'/%3E%3Ccircle cx='252' cy='60' r='14'/%3E%3Cpath d='M40 190h56a10 10 0 0 1 10 10v18a10 10 0 0 1-10 10H74l-12 10v-10h-22a10 10 0 0 1-10-10v-18a10 10 0 0 1 10-10z'/%3E%3Cpath d='M196 168q12-22 34-12t6 32q-16 20-32 6t-8-26z'/%3E%3Cpath d='M262 160l36 36m0-36l-36 36'/%3E%3Ccircle cx='96' cy='282' r='9'/%3E%3Cpath d='M176 262l6 12 13 2-9 9 2 13-12-6-12 6 2-13-9-9 13-2z'/%3E%3C/g%3E%3C/svg%3E");background-size:320px 320px}.chat-status{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;text-align:center}.chat-status-title{margin:0;font-size:18px;font-weight:600}.chat-status-hint{margin:0;font-size:14px;color:var(--color-text-secondary)}.chat-header{display:flex;align-items:center;flex-shrink:0;gap:12px;height:64px;padding:0 16px;background:var(--color-panel);border-bottom:1px solid var(--border)}.chat-back{padding:4px 8px;font-size:18px;line-height:1;color:inherit;text-decoration:none;border-radius:6px}.chat-back:hover{background:var(--hover-strong)}@media(min-width:901px){.chat-back{display:none}}.chat-peer{display:flex;flex-direction:column;gap:1px;min-width:0}.chat-peer-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peer-presence{font-size:12px;color:var(--color-text-secondary)}.typing-indicator{margin:0;padding:4px 16px;font-size:13px;font-style:italic;color:var(--color-accent);border-bottom:1px solid var(--border)}.message-list-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.load-older-row{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 16px 0}.load-older{font-size:13px}.load-older-error{margin:0;font-size:13px;color:var(--color-danger)}.message-list{flex:1;min-height:0;overflow-y:auto;overflow-anchor:none;list-style:none;margin:0;padding:16px;display:flex;flex-direction:column;gap:12px}.chat-message.grouped{margin-top:-6px}.date-separator{display:flex;justify-content:center;margin:4px 0}.date-separator-pill{padding:3px 10px;font-size:12px;font-weight:500;color:var(--color-text-secondary);background:var(--color-panel);border-radius:999px}.message-list-empty{flex:1;display:flex;align-items:center;justify-content:center;margin:0;color:var(--color-text-secondary)}.chat-message{display:flex}.chat-message.mine{justify-content:flex-end}.chat-message.theirs{justify-content:flex-start}.message-bubble{position:relative;max-width:78%;padding:6px 10px;border-radius:12px;background:var(--bubble-incoming)}.chat-message.mine .message-bubble{background:var(--color-accent)}.chat-message.mine .message-meta{color:#ffffffb3}.chat-message.mine .message-bubble.group-top{border-top-right-radius:4px}.chat-message.mine .message-bubble.group-bottom{border-bottom-right-radius:4px}.chat-message.theirs .message-bubble.group-top{border-top-left-radius:4px}.chat-message.theirs .message-bubble.group-bottom{border-bottom-left-radius:4px}.message-bubble.tail-right:after,.message-bubble.tail-left:after{content:"";position:absolute;bottom:0;border-top:6px solid transparent}.message-bubble.tail-right:after{right:-6px;border-left:6px solid var(--color-accent);border-bottom-right-radius:2px}.message-bubble.tail-left:after{left:-6px;border-right:6px solid var(--bubble-incoming);border-bottom-left-radius:2px}.message-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:2px;font-size:11px;color:var(--color-text-secondary)}.message-receipt{font-size:11px;letter-spacing:-2px}.message-receipt.read{color:var(--color-accent)}.chat-message.mine .message-receipt{color:#ffffffa3}.chat-message.mine .message-receipt.read{color:#fff}.composer{position:relative;padding:10px 12px;border-top:1px solid var(--border)}.composer-pill{display:flex;align-items:flex-end;gap:4px;padding:4px 6px;background:var(--hover);border:1px solid var(--border-strong);border-radius:999px}.composer-pill:focus-within{border-color:var(--color-accent);background:transparent}.composer-input{flex:1;padding:8px;font:inherit;color:inherit;background:transparent;border:none;resize:none;min-height:37px;max-height:160px}.composer-input:focus{outline:none}.composer-input::placeholder{color:var(--color-text-secondary)}.composer-attach,.composer-emoji{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:1px;color:var(--color-text-secondary);background:none;border:none;border-radius:50%;cursor:pointer}.composer-attach:hover:not(:disabled),.composer-emoji:hover:not(:disabled){color:var(--color-text);background:var(--hover-strong)}.composer-send{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#fff;background:var(--color-accent);border:none;border-radius:50%;cursor:pointer}.composer-send:hover:not(:disabled){background:var(--color-accent-strong)}.emoji-picker{position:absolute;right:60px;bottom:64px;z-index:5;padding:8px;background:var(--color-panel);border:1px solid var(--border-strong);border-radius:12px;box-shadow:0 8px 24px #00000073}.emoji-grid{display:grid;grid-template-columns:repeat(6,36px);gap:2px}.emoji-option{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:20px;background:none;border:none;border-radius:8px;cursor:pointer}.emoji-option:hover{background:var(--hover-strong)}.composer-error{margin:0 0 8px;padding:8px 10px;font-size:13px;color:var(--color-danger);background:var(--color-danger-dim);border-radius:8px}.composer-reply{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:6px 10px;border-left:3px solid var(--color-accent);background:var(--hover);border-radius:6px}.composer-reply-text{min-width:0;font-size:13px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-reply-text b{color:var(--color-text)}.composer-reply-cancel{flex-shrink:0;padding:0 4px;font-size:16px;line-height:1;color:inherit;background:none;border:none;border-radius:6px;cursor:pointer}.composer-reply-cancel:hover:not(:disabled){background:var(--hover-strong)}.chat-list-fab{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;justify-content:center;width:56px;height:56px;color:#fff;background:var(--color-accent);border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #00000059}.chat-list-fab:hover{background:var(--color-accent-strong)}.members-toggle{flex-shrink:0;margin-left:auto;font-size:14px}.members-panel{padding:8px 16px 12px;border-bottom:1px solid var(--border);background:var(--hover)}.members-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.members-panel-title{margin:4px 0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-secondary)}.group-rename-form{display:flex;align-items:center;gap:8px}.group-rename-input{width:min(240px,100%);padding:6px 10px;font-size:14px}.members-action{padding:5px 12px;font-size:13px}.members-error{margin:6px 0}.member-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto}.member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;border-bottom:1px solid var(--border)}.member-row:last-child{border-bottom:none}.member-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-side{display:flex;align-items:center;gap:8px;flex-shrink:0}.member-role{padding:1px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--color-text-secondary);border:1px solid var(--border-strong);border-radius:999px}.member-role.owner{color:var(--color-accent);border-color:var(--color-accent)}.member-remove{font-size:13px}.member-add-form{display:flex;align-items:center;gap:8px;margin-top:8px}.member-add-input{flex:1;padding:6px 10px;font-size:14px}.message-image{display:block;max-width:100%;max-height:320px;border-radius:8px}.message-media{position:relative}.chat-message .message-meta.message-media-meta{position:absolute;right:6px;bottom:6px;margin-top:0;padding:2px 8px;color:#fff;background:#0009;border-radius:999px}.message-file{display:inline-block;color:var(--color-accent);overflow-wrap:anywhere}.chat-message.mine .message-file{color:#fff}.message-file:hover{text-decoration:underline}.message-bubble.deleted{background:var(--hover-strong)}.message-tombstone{margin:0;font-style:italic;color:var(--color-text-secondary)}.message-edited{font-style:italic}.message-sender{display:block;margin-bottom:2px;font-size:12px;font-weight:600;color:var(--color-accent)}.chat-message{gap:4px}.message-reply-action{flex-shrink:0;align-self:flex-end;width:28px;height:28px;margin-bottom:2px;font-size:16px;line-height:1;color:var(--color-text-secondary);background:none;border:none;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .12s}.chat-message.theirs .message-reply-action{order:2}.chat-message:hover .message-reply-action,.message-reply-action:focus-visible{opacity:1}.message-reply-action:hover{background:var(--hover-strong);color:var(--color-text)}.message-quote{display:flex;flex-direction:column;gap:1px;margin:0 0 4px;padding:3px 8px;border-left:3px solid var(--color-accent);border-radius:4px;background:var(--hover)}.chat-message.mine .message-quote{border-left-color:#ffffffb3;background:#ffffff24}.message-quote-name{font-size:12px;font-weight:700}.message-quote-text{font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}.chat-message.mine .message-quote-name,.chat-message.mine .message-quote-text{color:#ffffffeb}.message-menu-backdrop{position:fixed;inset:0;z-index:11}.message-menu{position:fixed;z-index:12;display:flex;flex-direction:column;gap:2px;min-width:160px;padding:6px;background:var(--color-panel);border:1px solid var(--border-strong);border-radius:10px;box-shadow:0 8px 24px #00000073}.message-menu-item{padding:8px 12px;font:inherit;font-size:14px;text-align:left;color:inherit;background:none;border:none;border-radius:8px;cursor:pointer}.message-menu-item:hover{background:var(--hover-strong)}.message-menu-item.danger{color:var(--color-danger)}.message-menu-item.danger:hover{background:var(--color-danger-dim)}.message-edit-input{width:100%;min-width:180px;margin:2px 0;padding:4px 8px;font:inherit;color:inherit;background:transparent;border:1px solid var(--color-accent);border-radius:8px;resize:none}.message-action-error{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 16px;padding:6px 10px;font-size:13px;color:var(--color-danger);background:var(--color-danger-dim);border-radius:8px}.message-action-error button{padding:0 4px;font-size:14px;line-height:1;color:inherit;background:none;border:none;cursor:pointer}.composer-file-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-bottom:6px;padding:4px 10px;font-size:13px;background:var(--color-accent-dim);border-radius:999px}.composer-file-remove{padding:0;font-size:14px;line-height:1;color:inherit;background:none;border:none;cursor:pointer}.composer-file-remove:hover:not(:disabled){color:var(--color-danger)}.avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;object-fit:cover;background:var(--border-strong)}.avatar-fallback{color:#ffffffeb;font-weight:600;-webkit-user-select:none;user-select:none}.profile-avatar-row{display:flex;align-items:center;gap:16px}.profile-avatar{width:72px;height:72px}