:root{color-scheme:light;--bg-app: #d1d7db;--bg-strip: #00a884;--bg-panel: #ffffff;--bg-panel-header: #f0f2f5;--bg-search: #f0f2f5;--bg-hover: #f5f6f6;--bg-active: #f0f2f5;--bg-chat: #efeae2;--chat-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23b9b2a8' stroke-opacity='.18' stroke-width='1.2'%3E%3Ccircle cx='20' cy='20' r='6'/%3E%3Cpath d='M70 18l8 8-8 8-8-8z'/%3E%3Cpath d='M100 60c0 6-6 6-6 12s6 6 6 12'/%3E%3Cpath d='M30 80h12M36 74v12'/%3E%3Ccircle cx='90' cy='100' r='4'/%3E%3Cpath d='M60 60l4 10h-8z'/%3E%3C/g%3E%3C/svg%3E");--bubble-in: #ffffff;--bubble-out: #d9fdd3;--bubble-system: #ffffff;--text-primary: #111b21;--text-secondary: #667781;--text-muted: #8696a0;--text-on-strip: #ffffff;--border: #e9edef;--border-strong: #d1d7db;--accent: #00a884;--accent-strong: #008069;--accent-soft: #d9fdd3;--danger: #ea0038;--warn: #f5a623;--tick-read: #53bdeb;--link: #027eb5;--composer-bg: #f0f2f5;--input-bg: #ffffff;--shadow: 0 1px 2px rgba(0, 0, 0, .13);--shadow-lg: 0 17px 50px rgba(11, 20, 26, .19), 0 12px 15px rgba(11, 20, 26, .24);--scrollbar: rgba(0, 0, 0, .2);--quote-bar: #06cf9c;--quote-bg-in: #f5f6f6;--quote-bg-out: #d1f4cc;--unread: #25d366;--waveform: #b7bcc0;--waveform-played: #4fc3f7;--overlay: rgba(255, 255, 255, .9)}[data-theme=dark]{color-scheme:dark;--bg-app: #0c1317;--bg-strip: #202c33;--bg-panel: #111b21;--bg-panel-header: #202c33;--bg-search: #202c33;--bg-hover: #202c33;--bg-active: #2a3942;--bg-chat: #0b141a;--chat-pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.05' stroke-width='1.2'%3E%3Ccircle cx='20' cy='20' r='6'/%3E%3Cpath d='M70 18l8 8-8 8-8-8z'/%3E%3Cpath d='M100 60c0 6-6 6-6 12s6 6 6 12'/%3E%3Cpath d='M30 80h12M36 74v12'/%3E%3Ccircle cx='90' cy='100' r='4'/%3E%3Cpath d='M60 60l4 10h-8z'/%3E%3C/g%3E%3C/svg%3E");--bubble-in: #202c33;--bubble-out: #005c4b;--bubble-system: #182229;--text-primary: #e9edef;--text-secondary: #8696a0;--text-muted: #667781;--text-on-strip: #e9edef;--border: #222d34;--border-strong: #2f3b43;--accent: #00a884;--accent-strong: #00a884;--accent-soft: #005c4b;--danger: #f15c6d;--warn: #ffb74d;--tick-read: #53bdeb;--link: #53bdeb;--composer-bg: #202c33;--input-bg: #2a3942;--shadow: 0 1px 2px rgba(0, 0, 0, .4);--shadow-lg: 0 17px 50px rgba(0, 0, 0, .5);--scrollbar: rgba(255, 255, 255, .16);--quote-bar: #06cf9c;--quote-bg-in: #1d282f;--quote-bg-out: #025144;--unread: #00a884;--waveform: #4c5c66;--waveform-played: #53bdeb;--overlay: rgba(17, 27, 33, .95)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,Helvetica Neue,Helvetica,"Apple Color Emoji","Noto Color Emoji",Arial,sans-serif;font-size:14.2px;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--link)}input,textarea{font:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}.icon-btn{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);flex:0 0 auto}.icon-btn:hover:not(:disabled){background:#8696a026}.icon-btn svg{width:24px;height:24px;fill:currentColor}.icon-btn.active{color:var(--accent)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.shell{position:relative;height:100%;width:100%;background:var(--bg-app)}.shell:before{content:"";position:absolute;left:0;right:0;top:0;height:127px;background:var(--bg-strip)}.app{position:relative;height:100%;margin:0 auto;display:grid;grid-template-columns:30% 1fr;grid-template-rows:minmax(0,1fr);background:var(--bg-panel);box-shadow:0 6px 18px #0000000f;max-width:1600px;overflow:hidden}@media (min-width: 1441px){.app{height:calc(100% - 38px);top:19px}}.app.with-panel{grid-template-columns:30% 1fr 30%}@media (max-width: 1100px){.app,.app.with-panel{grid-template-columns:35% 1fr}.app.with-panel .main{display:none}}@media (max-width: 768px){.shell:before{display:none}.app,.app.with-panel{grid-template-columns:1fr}.app.mobile-chat .sidebar{display:none}.app:not(.mobile-chat) .main{display:none}.app.with-panel .main{display:none}.app.with-panel .side-panel{display:flex}}.sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--border);background:var(--bg-panel);height:100%;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-panel-header);height:59px}.sidebar-header .actions{display:flex;gap:2px}.me-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.search-bar{padding:7px 12px;display:flex;align-items:center;gap:8px}.search-input{flex:1;display:flex;align-items:center;background:var(--bg-search);border-radius:8px;height:35px;padding:0 12px 0 8px;gap:10px}.search-input svg{width:20px;height:20px;fill:var(--text-secondary);flex:0 0 auto}.search-input input{flex:1;border:0;background:transparent;outline:0;font-size:15px;min-width:0}.filters{display:flex;gap:6px;padding:4px 12px 8px;overflow-x:auto}.filter-chip{padding:4px 12px;border-radius:16px;background:var(--bg-search);color:var(--text-secondary);font-size:13px;white-space:nowrap}.filter-chip.active{background:var(--accent-soft);color:var(--accent-strong)}[data-theme=dark] .filter-chip.active{color:#d9fdd3}.conv-list{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.conv-row{display:flex;align-items:center;gap:0;height:72px;padding:0 0 0 13px;cursor:pointer;width:100%;text-align:left}.conv-row:hover{background:var(--bg-hover)}.conv-row.active{background:var(--bg-active)}.conv-row .avatar{margin-right:15px}.conv-row .body{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--border);padding-right:15px}.conv-row .line1{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.conv-row .title{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-row .time{font-size:12px;color:var(--text-muted);flex:0 0 auto}.conv-row .time.unread{color:var(--unread)}.conv-row .line2{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;color:var(--text-secondary);font-size:14px}.conv-row .preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;align-items:center;gap:4px}.conv-row .preview .ticks{flex:0 0 auto}.conv-row .badges{display:flex;align-items:center;gap:6px;flex:0 0 auto;color:var(--text-muted)}.conv-row .badges svg{width:18px;height:18px;fill:currentColor}.badge-unread{background:var(--unread);color:#fff;border-radius:12px;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.list-empty{padding:40px 20px;text-align:center;color:var(--text-secondary)}.list-footer{padding:12px;text-align:center;color:var(--text-muted);font-size:13px}.avatar{border-radius:50%;overflow:hidden;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;background:var(--text-muted);position:relative}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar svg{width:65%;height:65%;fill:#ffffffe6}.main{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;background:var(--bg-chat);position:relative;overflow:hidden}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--bg-panel-header);color:var(--text-secondary);padding:40px;border-bottom:6px solid var(--accent);gap:12px}.chat-empty h1{font-weight:300;font-size:32px;color:var(--text-primary);margin:10px 0 0}.chat-header{display:flex;align-items:center;gap:12px;padding:10px 16px;height:59px;background:var(--bg-panel-header);border-left:1px solid var(--border);cursor:pointer}.chat-header .avatar{width:40px;height:40px}.chat-header .info{flex:1;min-width:0}.chat-header .name{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .sub{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .actions{display:flex}.back-btn{display:none}@media (max-width: 768px){.back-btn{display:inline-flex}}.timeline{flex:1;min-height:0;position:relative;overflow-y:auto;overflow-x:hidden;background:var(--bg-chat);background-image:var(--chat-pattern);overscroll-behavior:contain}.timeline-inner{position:relative;width:100%;padding:8px 0}.timeline .row{position:absolute;top:0;left:0;width:100%;padding:1px 4%}@media (min-width: 1200px){.timeline .row{padding:1px 6%}}@media (max-width: 768px){.timeline .row{padding:1px 12px}}.timeline .row.spacer{margin-top:8px}.date-sep,.system-msg{display:flex;justify-content:center;padding:6px 0}.date-sep span,.system-msg span{background:var(--bubble-system);color:var(--text-secondary);font-size:12.5px;padding:5px 12px;border-radius:8px;box-shadow:var(--shadow);text-align:center;max-width:90%;text-transform:none}.date-sep span{text-transform:uppercase}.system-msg span.warn{color:var(--warn)}.bubble-row{display:flex}.bubble-row.out{justify-content:flex-end}.bubble{position:relative;max-width:65%;min-width:80px;border-radius:7.5px;padding:6px 7px 8px 9px;box-shadow:var(--shadow);font-size:14.2px;line-height:19px}@media (max-width: 768px){.bubble{max-width:85%}}.bubble.in{background:var(--bubble-in)}.bubble.out{background:var(--bubble-out)}.bubble.tail:before{content:"";position:absolute;top:0;width:8px;height:13px}.bubble.in.tail{border-top-left-radius:0}.bubble.in.tail:before{left:-8px;background:var(--bubble-in);clip-path:polygon(100% 0,0 0,100% 100%)}.bubble.out.tail{border-top-right-radius:0}.bubble.out.tail:before{right:-8px;background:var(--bubble-out);clip-path:polygon(0 0,100% 0,0 100%)}.bubble.media{padding:4px}.bubble.media .caption{padding:6px 4px 2px 5px}.bubble.sticker{background:transparent;box-shadow:none;padding:0}.bubble.highlight{animation:flash 2.4s ease-out}@keyframes flash{0%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:var(--shadow)}}.sender-name{font-size:12.8px;font-weight:600;margin-bottom:2px;color:var(--accent-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-name.c1{color:#e542a3}.sender-name.c2{color:#6bcbef}.sender-name.c3{color:#ff9f43}.sender-name.c4{color:#91ab01}.sender-name.c5{color:#35cd96}.sender-name.c6{color:#b04ee0}.msg-text{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.msg-text.emoji-only{font-size:40px;line-height:48px}.meta{display:inline-flex;align-items:center;gap:3px;float:right;margin:6px 0 0 8px;font-size:11px;color:var(--text-muted);height:15px;line-height:15px}.meta .ticks svg{width:16px;height:11px}.meta .ticks.read svg{fill:var(--tick-read)}.meta .ticks svg{fill:var(--text-muted)}.meta .clock svg{width:14px;height:14px;fill:var(--text-muted)}.meta .failed{color:var(--danger);display:inline-flex;align-items:center;gap:3px}.meta .failed svg{width:14px;height:14px;fill:var(--danger)}.bubble.media .meta{position:absolute;right:8px;bottom:6px;margin:0;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.7);z-index:2}.bubble.media .meta .ticks svg{fill:#fff}.bubble.media .meta .ticks.read svg{fill:var(--tick-read)}.bubble.media.has-caption .meta{position:static;color:var(--text-muted);text-shadow:none}.bubble.media.has-caption .meta .ticks svg{fill:var(--text-muted)}.bubble.media.has-caption .meta .ticks.read svg{fill:var(--tick-read)}.quote{display:flex;border-radius:6px;overflow:hidden;margin-bottom:5px;cursor:pointer;font-size:13px}.quote .bar{width:4px;background:var(--quote-bar);flex:0 0 auto}.bubble.in .quote{background:var(--quote-bg-in)}.bubble.out .quote{background:var(--quote-bg-out)}.quote .qbody{padding:5px 8px;min-width:0;flex:1}.quote .qname{color:var(--accent-strong);font-weight:600;font-size:12.5px}.quote .qtext{color:var(--text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:pre-wrap}.quote img{width:58px;height:58px;object-fit:cover;flex:0 0 auto}.reactions{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap;position:relative;z-index:3}.bubble-row .reactions{margin:-8px 0 6px 6px}.bubble-row.out .reactions{justify-content:flex-end;margin-right:6px}.reaction{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;padding:1px 6px;font-size:13px;box-shadow:var(--shadow);display:inline-flex;gap:3px;align-items:center}.reaction small{color:var(--text-secondary)}.star{color:var(--text-muted);font-size:11px}.source-tag{font-size:10px;color:var(--text-muted);margin-left:4px;opacity:.6}.img-wrap{position:relative;border-radius:6px;overflow:hidden;background:var(--bg-hover);cursor:pointer}.img-wrap img{display:block;width:100%;height:100%;object-fit:cover}.img-wrap.thumb-only img{filter:blur(1px)}.img-wrap .unavailable{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:12px;text-align:center;padding:10px}.video-wrap{position:relative;border-radius:6px;overflow:hidden;background:#000;cursor:pointer}.video-wrap img{display:block;width:100%;height:100%;object-fit:cover;opacity:.9}.video-wrap video{display:block;width:100%;max-height:420px;background:#000}.play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.play-btn span{width:56px;height:56px;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center}.play-btn svg{width:30px;height:30px;fill:#fff;margin-left:4px}.dur-badge{position:absolute;left:8px;bottom:8px;color:#fff;font-size:11px;text-shadow:0 0 3px #000;display:flex;align-items:center;gap:4px}.dur-badge svg{width:14px;height:14px;fill:#fff}.doc{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:6px;background:#0000000a;min-width:240px;max-width:100%;text-decoration:none;color:inherit}[data-theme=dark] .doc{background:#ffffff0d}.doc .doc-icon{width:30px;height:36px;border-radius:3px;background:var(--danger);color:#fff;font-size:9px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px;font-weight:700;flex:0 0 auto;letter-spacing:.3px}.doc .doc-icon.pdf{background:#e5252a}.doc .doc-icon.doc{background:#2b579a}.doc .doc-icon.xls{background:#217346}.doc .doc-icon.zip{background:#8e44ad}.doc .doc-icon.other{background:#7f8c8d}.doc .doc-icon.audio{background:#1abc9c}.doc .doc-body{min-width:0;flex:1}.doc .doc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc .doc-sub{font-size:11px;color:var(--text-secondary);text-transform:uppercase}.doc .dl{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--text-muted);display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--text-secondary)}.doc .dl svg{width:18px;height:18px;fill:currentColor}.doc.missing{opacity:.7}.voice{display:flex;align-items:center;gap:8px;min-width:260px;max-width:336px;padding:4px 0}.voice .voice-avatar{width:45px;height:45px}.voice .vplay{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex:0 0 auto}.voice .vplay svg{width:30px;height:30px;fill:currentColor}.voice .vbody{flex:1;min-width:0}.voice .wave{display:flex;align-items:center;gap:1.5px;height:26px;cursor:pointer;position:relative}.voice .wave i{flex:1;min-width:2px;max-width:4px;background:var(--waveform);border-radius:2px;display:block}.voice .wave i.played{background:var(--waveform-played)}.voice .wave .knob{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--waveform-played);transform:translate(-50%,-50%);pointer-events:none}.voice .vtime{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:3px}.voice .speed{font-size:11px;font-weight:600;background:var(--bg-panel-header);border-radius:10px;padding:2px 7px;color:var(--text-secondary);flex:0 0 auto}.transcript{font-size:12.5px;color:var(--text-secondary);margin-top:4px;border-left:2px solid var(--border-strong);padding-left:6px;white-space:pre-wrap}.transcript summary{cursor:pointer;font-size:12px}.location-card{display:block;border-radius:6px;overflow:hidden;text-decoration:none;color:inherit;min-width:240px}.location-card img{display:block;width:100%;max-height:180px;object-fit:cover}.location-card .lbody{padding:6px 4px 2px;font-size:13px}.location-card .lbody small{color:var(--text-secondary)}.map-placeholder{height:100px;background:linear-gradient(135deg,#cfe8d7,#a9d6bd);display:flex;align-items:center;justify-content:center;color:#1b5e20}.contact-card{display:flex;align-items:center;gap:10px;min-width:240px;padding:4px 2px}.contact-card .avatar{width:45px;height:45px}.contact-card .cname{font-weight:500}.contact-card .cphone{font-size:12.5px;color:var(--text-secondary)}.contact-actions{border-top:1px solid var(--border);margin-top:6px;padding-top:4px;text-align:center}.contact-actions button,.contact-actions a{color:var(--accent-strong);font-weight:500;font-size:13.5px;padding:4px 8px;text-decoration:none}.link-card{display:flex;border-radius:6px;overflow:hidden;margin-bottom:4px;text-decoration:none;color:inherit}.bubble.in .link-card{background:var(--quote-bg-in)}.bubble.out .link-card{background:var(--quote-bg-out)}.link-card img{width:80px;height:80px;object-fit:cover;flex:0 0 auto}.link-card .lbody{padding:8px;min-width:0}.link-card .ltitle{font-weight:500;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.link-card .lsum{font-size:12.5px;color:var(--text-secondary);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.link-card .lhost{font-size:11px;color:var(--text-muted)}.call-line{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.call-line svg{width:20px;height:20px;fill:currentColor}.unsupported{font-style:italic;color:var(--text-secondary);display:flex;gap:6px;align-items:center}.failed-actions{display:flex;gap:10px;margin-top:4px;font-size:12.5px}.failed-actions button{color:var(--accent-strong);font-weight:500}.failed-actions .err{color:var(--danger);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jump-latest{position:absolute;right:20px;bottom:80px;width:42px;height:42px;border-radius:50%;background:var(--bg-panel);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);z-index:5}.jump-latest svg{width:22px;height:22px;fill:currentColor}.loading-bar{display:flex;justify-content:center;padding:8px}.spinner{width:22px;height:22px;border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.composer{display:flex;align-items:flex-end;gap:6px;padding:6px 16px;background:var(--composer-bg);min-height:62px;border-left:1px solid var(--border);position:relative}.composer .box{flex:1;background:var(--input-bg);border-radius:8px;padding:9px 12px;min-height:42px;display:flex;align-items:center}.composer textarea{flex:1;border:0;outline:0;resize:none;background:transparent;max-height:140px;line-height:20px;font-size:15px;padding:0}.composer .send-btn{color:var(--text-secondary)}.composer .send-btn.ready{color:var(--accent-strong)}[data-theme=dark] .composer .send-btn.ready{color:#8696a0}.composer-disabled{padding:12px 16px;background:var(--composer-bg);border-left:1px solid var(--border);color:var(--text-secondary);font-size:13.5px;display:flex;gap:10px;align-items:center;min-height:62px}.composer-disabled svg{width:22px;height:22px;fill:var(--text-muted);flex:0 0 auto}.emoji-picker{position:absolute;left:16px;bottom:66px;width:340px;max-width:calc(100% - 32px);background:var(--bg-panel);border-radius:8px;box-shadow:var(--shadow-lg);padding:8px;z-index:20}.emoji-picker .grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:220px;overflow-y:auto}.emoji-picker .grid button{font-size:24px;height:38px;border-radius:6px}.emoji-picker .grid button:hover{background:var(--bg-hover)}.emoji-picker h4{margin:4px 4px 6px;font-size:12px;color:var(--text-secondary);text-transform:uppercase;font-weight:600}.banner{display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:13.5px;cursor:pointer}.banner.warn{background:#fff3cd;color:#6b4e00}.banner.danger{background:#fde2e2;color:#7a1414}.banner.info{background:#e1f3fb;color:#0b4f6c}[data-theme=dark] .banner.warn{background:#3a2f10;color:#ffd86b}[data-theme=dark] .banner.danger{background:#3d1a1a;color:#ff8a8a}[data-theme=dark] .banner.info{background:#0e2d3a;color:#8fd7f1}.banner .bicon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00000014;flex:0 0 auto}.banner .bicon svg{width:20px;height:20px;fill:currentColor}.banner .btext{flex:1;min-width:0}.banner .btext b{display:block}.side-panel{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;border-left:1px solid var(--border);background:var(--bg-panel-header);overflow:hidden}.panel-header{display:flex;align-items:center;gap:16px;padding:10px 16px;height:59px;background:var(--bg-panel-header);font-size:16px}.panel-body{flex:1;overflow-y:auto}.panel-section{background:var(--bg-panel);margin-bottom:10px;padding:14px 20px}.panel-hero{text-align:center;padding:28px 20px}.panel-hero .avatar{width:200px;height:200px;margin:0 auto 14px;font-size:64px}.panel-hero h2{font-weight:400;font-size:24px;margin:0;word-break:break-word}.panel-hero .sub{color:var(--text-secondary);margin-top:4px}.panel-section h4{margin:0 0 6px;font-size:14px;color:var(--text-secondary);font-weight:400}.panel-section .val{font-size:16px;word-break:break-word}.panel-section .muted{color:var(--text-muted);font-size:13px}.kv{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:14px}.kv span:last-child{color:var(--text-secondary);text-align:right}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:10px}.tabs button{padding:8px 10px;color:var(--text-secondary);border-bottom:2px solid transparent}.tabs button.active{color:var(--accent-strong);border-bottom-color:var(--accent)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.media-grid button{aspect-ratio:1;overflow:hidden;border-radius:4px;background:var(--bg-hover);position:relative}.media-grid img{width:100%;height:100%;object-fit:cover;display:block}.media-grid .vid{position:absolute;right:4px;bottom:4px;color:#fff;text-shadow:0 0 3px #000;font-size:11px}.plist{display:flex;flex-direction:column}.plist .prow{display:flex;align-items:center;gap:12px;padding:8px 0;cursor:pointer}.plist .prow .avatar{width:40px;height:40px}.plist .pname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plist .pname small{display:block;color:var(--text-secondary)}.plist .adm{font-size:11px;color:var(--accent-strong);border:1px solid var(--accent);border-radius:4px;padding:1px 5px}.link-list a{display:block;padding:8px 0;border-bottom:1px solid var(--border);word-break:break-all;font-size:13.5px}.link-list small{display:block;color:var(--text-muted)}.pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;background:var(--bg-search);color:var(--text-secondary)}.pill.ok{background:var(--accent-soft);color:var(--accent-strong)}.pill.bad{background:#fde2e2;color:#7a1414}[data-theme=dark] .pill.bad{background:#3d1a1a;color:#ff8a8a}.btn{padding:8px 16px;border-radius:20px;background:var(--accent);color:#fff;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:6px}.btn.secondary{background:var(--bg-search);color:var(--text-primary)}.btn.small{padding:5px 12px;font-size:13px}.search-results{flex:1;overflow-y:auto}.search-results .sec{padding:12px 16px 4px;color:var(--accent-strong);font-size:14px;font-weight:500}.sres{display:flex;gap:14px;padding:10px 16px;width:100%;text-align:left;cursor:pointer}.sres:hover{background:var(--bg-hover)}.sres .avatar{width:48px;height:48px}.sres .sbody{flex:1;min-width:0;border-bottom:1px solid var(--border);padding-bottom:10px}.sres .stitle{display:flex;justify-content:space-between;gap:8px}.sres .stitle span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sres .stitle small{color:var(--text-muted);flex:0 0 auto}.sres .ssnip{color:var(--text-secondary);font-size:13.5px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px}.sres .ssnip b{font-weight:600;color:var(--text-primary)}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:100;display:flex;flex-direction:column}.viewer .vtop{display:flex;align-items:center;gap:12px;padding:8px 16px;height:60px}.viewer .vtop .vinfo{flex:1;min-width:0}.viewer .vtop .vname{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer .vtop .vsub{font-size:12.5px;color:var(--text-secondary)}.viewer .vstage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer .vstage img{max-width:92%;max-height:92%;object-fit:contain;cursor:zoom-in;transition:transform .15s;-webkit-user-select:none;user-select:none}.viewer .vstage img.zoomed{cursor:zoom-out;max-width:none;max-height:none}.viewer .vstage video{max-width:92%;max-height:92%}.viewer .nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:var(--bg-panel);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.viewer .nav svg{width:28px;height:28px;fill:currentColor}.viewer .nav.prev{left:24px}.viewer .nav.next{right:24px}.viewer .vstage .verr{color:var(--text-secondary);text-align:center}.login{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-app)}.login form{background:var(--bg-panel);padding:32px;border-radius:12px;width:360px;max-width:92vw;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:12px}.login h1{margin:0 0 4px;font-weight:400;font-size:22px;display:flex;align-items:center;gap:10px}.login input{padding:10px 12px;border-radius:8px;border:1px solid var(--border-strong);background:var(--input-bg)}.login .err{color:var(--danger);font-size:13px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--bg-panel);border-radius:10px;width:620px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal .mhead{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);font-size:17px}.modal .mbody{padding:14px 20px}.status-card{border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:12px}.status-card h3{margin:0 0 8px;font-size:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.status-card .row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:13.5px}.status-card .row span:last-child{color:var(--text-secondary);text-align:right;word-break:break-word}.status-card .actions{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--text-muted);margin-right:6px}.dot.ok{background:var(--accent)}.dot.bad{background:var(--danger)}.dot.warn{background:var(--warn)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#111b21;color:#fff;padding:10px 16px;border-radius:8px;z-index:200;font-size:13.5px;box-shadow:var(--shadow-lg);max-width:90vw}.menu{position:absolute;top:50px;right:12px;background:var(--bg-panel);border-radius:6px;box-shadow:var(--shadow-lg);z-index:30;min-width:220px;padding:6px 0}.menu button{display:block;width:100%;text-align:left;padding:10px 20px}.menu button:hover{background:var(--bg-hover)}.menu .sep{border-top:1px solid var(--border);margin:6px 0}.help{color:var(--text-secondary);font-size:13px}.chat-search-input{margin:8px 12px}