*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{color:#e8eef4;background:#0e1621;margin:0;font-family:system-ui,-apple-system,sans-serif}*{scrollbar-width:thin;scrollbar-color:#2b3b4c transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2b3b4c padding-box padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#3d5169 padding-box padding-box}::-webkit-scrollbar-corner{background:0 0}.app{grid-template-columns:72px 320px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.rail{background:#151f2c;border-right:1px solid #22303c;flex-direction:column;align-items:center;gap:10px;padding:12px 0;display:flex;overflow:hidden}.rail-scroll{scrollbar-color:#223044 transparent;flex-direction:column;flex:auto;align-items:center;gap:10px;width:100%;min-height:0;display:flex;overflow-y:auto}.rail-scroll::-webkit-scrollbar{width:6px}.rail-scroll::-webkit-scrollbar-thumb{background:#223044;border:1px solid #0000}.rail-scroll:hover{scrollbar-color:#34618f transparent}.rail-scroll:hover::-webkit-scrollbar-thumb{background:#34618f}.rail-bottom{border-top:1px solid #22303c;flex-direction:column;flex:none;align-items:center;gap:10px;width:100%;padding-top:10px;display:flex}.avatar{cursor:pointer;-webkit-user-select:none;user-select:none;background:#2b5278;border:2px solid #0000;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-weight:600;display:grid;position:relative}.avatar.active{border-color:#4ea1ff}.avatar .badge{border:2px solid #151f2c;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.badge.ready{background:#4caf50}.badge.pending{background:#ffb300}.badge.error{background:#f44336}.add-btn{background:#233140;font-size:24px}.inbox-btn{background:#233140;font-size:22px}.rail-ava{object-fit:cover;border-radius:50%;width:100%;height:100%}.rail-unread{color:#fff;background:#f44336;border:2px solid #151f2c;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:grid;position:absolute;top:-4px;right:-4px}.acc-tag{color:#9ccbff;background:#2b3b4c;border-radius:4px;margin-right:6px;padding:0 5px;font-size:11px;display:inline-block}.source{align-items:center;gap:4px;min-width:0;margin-top:4px;display:flex}.source .acc-tag{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.source .acc-phone{flex:none}.acc-phone{color:#6b7b8c;font-size:11px}.acc-head-meta{flex-direction:column;gap:2px;margin-top:-8px;padding:0 16px 12px;display:flex}.acc-head-username{color:#9ccbff;font-size:13px}.acc-head-phone{color:#6b7b8c;font-size:12px}.panel-head{align-items:center;gap:8px;padding-right:10px;display:flex}.panel-head h2{flex:auto;min-width:0}.panel-head-actions{flex:none;gap:6px;display:flex}.compose-btn{white-space:nowrap;flex:none;padding:6px 10px;font-size:12px}.compose-btn.icon{padding:6px 9px;font-size:14px;line-height:1}.field-label{color:#8696a8;margin-top:4px;font-size:12px}.compose-select,.dialog textarea{color:#e8eef4;font:inherit;resize:vertical;background:#0e1621;border:1px solid #2b3b4c;border-radius:8px;padding:10px 12px}.panel{background:#17212b;border-right:1px solid #22303c;flex-direction:column;height:100vh;min-height:0;display:flex;overflow:hidden}.panel-top{flex:none}.panel-list{flex:auto;min-height:0;overflow-y:auto}.panel h2{color:#8696a8;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:14px 16px;font-size:14px;overflow:hidden}.chat{cursor:pointer;border-bottom:1px solid #1c2a38;align-items:center;gap:12px;padding:8px 16px;display:flex}.chat:hover{background:#202b38}.chat.active{background:#2b5278}.chat-body{flex:1;min-width:0}.chat-line{align-items:center;gap:8px;min-width:0;display:flex}.chat-line+.chat-line{margin-top:2px}.chat .title{white-space:nowrap;text-overflow:ellipsis;flex:auto;font-weight:600;overflow:hidden}.chat .chat-time{color:#6b7b8c;white-space:nowrap;flex:none;font-size:11px}.chat.active .chat-time{color:#cfe2f5}.chat .last{color:#8696a8;white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:13px;overflow:hidden}.chat.active .last{color:#d7e6f5}.chat .unread{color:#07121d;background:#4ea1ff;border-radius:10px;flex:none;padding:0 7px;font-size:12px;font-weight:700;line-height:18px}.chat-ava{object-fit:cover;background:#2b3b4c;border-radius:50%;flex-shrink:0;width:46px;height:46px}.chat-ava.ph{color:#cfe2f5;place-items:center;font-weight:600;display:grid}.main{flex-direction:column;height:100vh;min-height:0;display:flex;overflow:hidden}.composer{border-top:1px solid #22303c;gap:8px;margin-top:auto;padding:16px;display:flex}input,button{font:inherit}.composer>button{white-space:nowrap;flex:none}.composer input{color:#e8eef4;background:#242f3d;border:none;border-radius:20px;flex:1;min-width:0;padding:10px 14px}button{cursor:pointer;color:#07121d;background:#4ea1ff;border:none;border-radius:8px;padding:10px 16px;font-weight:600}button.ghost{color:#e8eef4;background:#2b3b4c}.dialog{background:#17212b;border-radius:12px;flex-direction:column;gap:12px;width:320px;margin:auto;padding:24px;display:flex}.dialog input{color:#e8eef4;background:#0e1621;border:1px solid #2b3b4c;border-radius:8px;padding:10px 12px}.center{color:#8696a8;place-items:center;height:100%;display:grid}.err{color:#ff7676;font-size:13px}.log{color:#8696a8;padding:16px;font-size:13px;overflow-y:auto}.log div{margin-bottom:4px}.auth-prompt{gap:8px;padding:0 16px 14px;display:flex}.auth-prompt input{color:#e8eef4;background:#0e1621;border:1px solid #2b3b4c;border-radius:8px;flex:1;padding:10px 12px}.messages{background:#0e1621;flex-direction:column;flex:1;gap:2px;min-height:0;padding:16px 8%;display:flex;overflow-y:auto}.day-sep{text-align:center;margin:12px 0}.day-sep span{color:#8696a8;background:#1c2733;border-radius:12px;padding:3px 10px;font-size:12px}.msg-row{align-items:flex-end;gap:8px;margin:1px 0;display:flex}.msg-row.out{justify-content:flex-end}.msg-row.flash .msg{animation:1.2s ease-out flash}@keyframes flash{0%,30%{background:#3a5a7a}}.msg-ava{object-fit:cover;background:#2b3b4c;border-radius:50%;flex-shrink:0;width:32px;height:32px}.msg-ava.ph{color:#cfe2f5;place-items:center;font-size:13px;font-weight:600;display:grid}.msg{background:#182533;border-radius:10px 10px 10px 3px;max-width:70%;padding:6px 10px;font-size:14px;line-height:1.35;position:relative}.msg-row.out .msg{background:#2b5278;border-radius:10px 10px 3px}.msg.sticker{background:0 0;padding:0}.chat-header{background:#17212b;border-bottom:1px solid #22303c;padding:10px 8%}.ch-title{font-size:15px;font-weight:600}.ch-sub{color:#8696a8;margin-top:2px;font-size:12px}.ch-sub.typing{color:#4ea1ff}.attach-btn{flex:none;padding:8px 10px;font-size:18px}.hdr-icon{background:0 0;flex:none;padding:6px 8px;font-size:18px}.format-bar{background:#17212b;flex-wrap:wrap;gap:4px;padding:6px 16px 0;display:flex;position:relative}.format-bar>button{color:#e8eef4;background:#242f3d;border-radius:6px;flex:none;padding:4px 10px;font-size:13px}.format-bar>button.rec{background:#c0392b;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.emoji-pop{z-index:10;background:#1c2733;border:1px solid #2b3b4c;border-radius:10px;grid-template-columns:repeat(8,1fr);gap:2px;padding:6px;display:grid;position:absolute;bottom:38px;left:16px;box-shadow:0 6px 20px #0006}.emoji-pop button{background:0 0;padding:4px;font-size:20px}.emoji-pop button:hover{background:#2b3b4c;border-radius:6px}.sticker-pop{z-index:10;background:#1c2733;border:1px solid #2b3b4c;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:6px;width:320px;max-height:280px;padding:8px;display:grid;position:absolute;bottom:38px;left:16px;overflow-y:auto;box-shadow:0 6px 20px #0006}.sticker-cell{cursor:pointer;aspect-ratio:1;border-radius:8px;place-items:center;display:grid}.sticker-cell:hover{background:#2b3b4c}.sticker-cell img,.sticker-cell video,.sticker-cell>div{object-fit:contain;width:100%;height:100%}.waveform{align-items:center;gap:1px;height:26px;display:flex}.waveform span{background:#6cb1ff;border-radius:1px;width:2px;display:block}.folder-tabs{gap:4px;padding:0 12px 8px;display:flex;overflow-x:auto}.folder-tabs button{color:#8696a8;white-space:nowrap;background:#242f3d;border-radius:14px;flex:none;padding:5px 10px;font-size:13px}.folder-tabs button.active{color:#fff;background:#2b5278}.media-grid{grid-template-columns:repeat(4,1fr);gap:4px;max-height:240px;display:grid;overflow-y:auto}.media-grid img{aspect-ratio:1;object-fit:cover;cursor:zoom-in;background:#0e1621;border-radius:6px;width:100%}.link-row{color:#9ccbff;word-break:break-all;border-bottom:1px solid #1c2a38;padding:6px 4px;font-size:13px;text-decoration:none}.hdr-search{color:#e8eef4;background:#0e1621;border:1px solid #2b3b4c;border-radius:8px;width:100%;padding:8px 12px}.inbox-search{color:#e8eef4;background:#0e1621;border:1px solid #2b3b4c;border-radius:8px;width:calc(100% - 24px);margin:0 12px 8px;padding:8px 12px}.fwd-list{flex-direction:column;gap:2px;display:flex;overflow-y:auto}.fwd-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;display:flex}.fwd-item:hover{background:#2b3b4c}.fwd-item .chat-ava{width:36px;height:36px}.msg-sender{color:#6cb1ff;margin-bottom:2px;font-size:13px;font-weight:600}.msg-fwd{color:#8696a8;border-left:2px solid #6cb1ff;margin-bottom:3px;padding-left:6px;font-size:12px}.msg-fwd b{color:#6cb1ff;font-weight:600}.msg-author{color:#8696a8;margin-right:6px;font-style:italic}.ticks{white-space:nowrap;margin-left:4px;font-size:11px}.ticks.read{color:#4db8ff}.ticks.pending{opacity:.75}.ticks.failed{color:#ff7676;font-weight:700}.msg-meta{opacity:.65;justify-content:flex-end;align-items:center;gap:2px;margin-top:3px;font-size:11px;display:flex}.msg-reply{color:#b9c6d3;border-left:2px solid #6cb1ff;flex-direction:column;max-width:320px;margin-bottom:4px;padding:2px 6px;font-size:13px;display:flex}.msg-reply b{color:#6cb1ff}.msg-reply span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reactions{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.reaction{color:#e8eef4;background:#ffffff14;border-radius:12px;padding:2px 8px;font-size:13px;line-height:1.4}.reaction.chosen{color:#07121d;background:#4ea1ff}.msg-menu-btn{color:#8696a8;opacity:0;background:0 0;padding:0 4px;font-size:16px;line-height:1;transition:opacity .15s;position:absolute;top:2px;right:4px}.msg:hover .msg-menu-btn{opacity:1}.msg-menu{z-index:5;background:#1c2733;border:1px solid #2b3b4c;border-radius:8px;flex-direction:column;min-width:150px;padding:4px;display:flex;position:absolute;top:20px;right:4px;box-shadow:0 6px 20px #0006}.msg-menu button{color:#e8eef4;text-align:left;background:0 0;border-radius:6px;padding:7px 10px;font-size:13px}.msg-menu button:hover{background:#2b3b4c}.msg-menu button.danger{color:#ff7676}.emoji-picker{border-top:1px solid #2b3b4c;flex-wrap:wrap;gap:2px;margin-top:4px;padding-top:4px;display:flex}.emoji-picker button{padding:4px;font-size:18px}.reply-bar{background:#17212b;border-top:1px solid #22303c;align-items:center;gap:8px;padding:8px 16px;display:flex}.reply-bar-body{border-left:2px solid #6cb1ff;flex-direction:column;flex:1;min-width:0;padding-left:8px;font-size:13px;display:flex}.reply-bar-body b{color:#6cb1ff}.reply-bar-body span{color:#b9c6d3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.msg-text{white-space:pre-wrap;word-break:break-word}.msg-text a{color:#6cb1ff}.msg-text code{background:#0000004d;border-radius:4px;padding:1px 4px;font-family:ui-monospace,monospace;font-size:13px}.spoiler{color:#0000;cursor:pointer;background:#45556a;border-radius:3px}.spoiler:hover{color:inherit}.msg-time{float:right;color:#8696a8;margin:6px 0 -2px 8px;font-size:11px}.msg-row.out .msg-time{color:#a8c7e6}.msg-media{background-color:#0e1621;border-radius:8px;max-width:320px;max-height:360px;margin-bottom:4px;display:block}.msg-media.gif{max-height:280px}.msg-videonote{object-fit:cover;border-radius:50%;width:200px;height:200px;margin-bottom:4px;display:block}.msg-sticker{object-fit:contain;width:160px;height:160px;display:block}.sticker-emoji{font-size:90px;line-height:1}.msg-voice,.msg-audio{margin-bottom:4px}.msg-voice{align-items:center;gap:8px;display:flex}.msg-voice audio,.msg-audio audio{max-width:240px;height:34px}.voice-dur{color:#8696a8;font-size:12px}.audio-title{margin-bottom:4px;font-size:13px}.msg-file{color:inherit;align-items:center;gap:10px;margin-bottom:4px;padding:4px 0;text-decoration:none;display:flex}.file-ico{font-size:26px}.file-meta{flex-direction:column;display:flex}.file-name{color:#9ccbff;word-break:break-all;font-size:14px}.file-sub{color:#8696a8;font-size:12px}.msg-loc{color:#9ccbff;flex-direction:column;text-decoration:none;display:inline-flex}.loc-addr{color:#8696a8;font-size:12px}.msg-contact{align-items:center;gap:10px;margin-bottom:4px;display:flex}.contact-ava{background:#2b3b4c;border-radius:50%;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.contact-meta{flex-direction:column;display:flex}.msg-poll{min-width:220px}.poll-q{margin-bottom:6px;font-weight:600}.poll-opt{background:#0003;border-radius:6px;margin-bottom:4px;padding:4px 8px;position:relative;overflow:hidden}.poll-bar{background:#6cb1ff40;position:absolute;inset:0}.poll-label{position:relative}.poll-pct{float:right;color:#8696a8;position:relative}.poll-total{color:#8696a8;margin-top:2px;font-size:12px}.service-msg{text-align:center;color:#8696a8;background:#1c2733;border-radius:12px;align-self:center;max-width:80%;margin:6px auto;padding:3px 12px;font-size:12px}.clickable{cursor:zoom-in}.file-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:44px;height:44px}.msg-comments{color:#6cb1ff;cursor:pointer;background:0 0;border:1px solid #2b3b4c;border-radius:6px;margin-top:4px;padding:4px 8px;font-size:12px;display:block}.chat-header{align-items:center;gap:12px;display:flex}.chat-header .chat-ava{width:40px;height:40px}.pinned-bar{background:#17212b;border-bottom:1px solid #22303c;align-items:center;gap:8px;padding:6px 8%;display:flex}.pin-ico{color:#6cb1ff}.pin-body{flex-direction:column;min-width:0;display:flex}.pin-body b{color:#6cb1ff;font-size:12px}.pin-body span{color:#b9c6d3;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.back-btn{color:#e8eef4;background:#2b3b4c;padding:6px 10px;font-size:13px}.lightbox{z-index:50;cursor:zoom-out;background:#000000e6;place-items:center;display:grid;position:fixed;inset:0}.lb-media{cursor:default;border-radius:6px;max-width:92vw;max-height:92vh}.lb-close{color:#fff;background:#ffffff1f;border-radius:50%;width:40px;height:40px;font-size:20px;line-height:1;position:fixed;top:16px;right:20px}.svc-tabs{border:1px solid #22303c;border-radius:12px;flex-direction:column;flex:none;width:48px;display:flex;overflow:hidden}.svc-tab{letter-spacing:.5px;color:#6b7b8c;-webkit-user-select:none;user-select:none;background:#1b2836;place-items:center;height:26px;font-size:11px;font-weight:700;text-decoration:none;display:grid}.svc-tab:hover{color:#cfd9e3}.svc-tab.tg.active{color:#fff;background:#2b5278}.svc-tab.wa.active{color:#fff;background:#1f7a4d}