:root{color-scheme:dark;--bg:#0b141a;--panel:#111b21;--panel-2:#202c33;--panel-hover:#18252c;--line:#26353d;--text:#e9edef;--muted:#8696a0;--green:#00a884;--green-bright:#25d366;--bubble-out:#005c4b;--bubble-in:#202c33;--blue:#53bdeb;--danger:#f15c6d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0;background:linear-gradient(180deg,#00a884 0 128px,#0c1317 128px);color:var(--text)}button,input,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(310px,31%) 1fr;width:min(1500px,calc(100% - 40px));height:calc(100vh - 38px);margin:19px auto;background:var(--panel);box-shadow:0 8px 34px rgba(0,0,0,.38);overflow:hidden}.sidebar{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}.sidebar-header,.chat-header{display:flex;align-items:center;min-height:66px;padding:10px 16px;background:var(--panel-2)}.brand-avatar,.contact-avatar{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#00a884,#38d6ad);color:#052d25;font-weight:800}.brand-copy,.contact-heading{display:flex;min-width:0;flex:1;flex-direction:column;margin-left:12px}.brand-copy strong,.contact-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.brand-copy span,.contact-heading span{margin-top:3px;color:var(--muted);font-size:12px}.online-text{color:#63d5b6!important}.icon-button{display:grid;flex:0 0 auto;place-items:center;width:38px;height:38px;margin-left:4px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.icon-button:hover{background:rgba(255,255,255,.06);color:var(--text)}.icon-button svg,.search-wrap svg,.send-button svg,.encrypted-note svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.search-wrap{position:relative;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.search-wrap svg{position:absolute;top:18px;left:28px;width:17px;height:17px;color:var(--muted)}.search-wrap input{width:100%;height:38px;padding:0 16px 0 47px;border:0;border-radius:9px;outline:none;background:var(--panel-2);color:var(--text);font-size:13px}.search-wrap input::placeholder{color:#8696a0}.conversation-list{flex:1;overflow-y:auto}.conversation-item{display:flex;width:100%;padding:0 12px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.conversation-item:hover,.conversation-item.active{background:var(--panel-hover)}.conversation-item .contact-avatar{width:49px;height:49px;margin:12px 12px 12px 0;color:#fff}.avatar-0{background:linear-gradient(145deg,#4f8bc9,#315d91)}.avatar-1{background:linear-gradient(145deg,#8a63c7,#5c3b93)}.avatar-2{background:linear-gradient(145deg,#d27759,#9b4e37)}.avatar-3{background:linear-gradient(145deg,#1a9b86,#0d6b5b)}.avatar-4{background:linear-gradient(145deg,#bb8b3d,#806027)}.conversation-copy{display:flex;min-width:0;flex:1;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(134,150,160,.14)}.conversation-row{display:flex;align-items:center;gap:10px}.conversation-row strong{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500}.conversation-row time{color:var(--muted);font-size:11px}.preview-row{margin-top:5px;color:var(--muted);font-size:13px}.preview{overflow:hidden;flex:1;text-overflow:ellipsis;white-space:nowrap}.unread-badge{display:grid;min-width:20px;height:20px;place-items:center;border-radius:10px;background:var(--green-bright);color:#062b21;font-size:11px}.sidebar-footer{display:flex;align-items:center;gap:8px;min-height:43px;padding:0 17px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.sidebar-footer small{margin-left:auto}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 0 4px rgba(37,211,102,.1)}.no-conversations{display:flex;height:100%;min-height:280px;align-items:center;justify-content:center;flex-direction:column;padding:30px;color:var(--muted);text-align:center}.no-conversations div{font-size:35px}.no-conversations strong{margin:12px 0 5px;color:var(--text)}.no-conversations span{font-size:12px}.list-loading{display:flex;justify-content:center;gap:6px;padding:45px}.list-loading span{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1s infinite alternate}.list-loading span:nth-child(2){animation-delay:.2s}.list-loading span:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.2;transform:translateY(-4px)}}.chat-panel{position:relative;min-width:0;background:#0b141a}.empty-chat{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;padding:40px;border-bottom:6px solid var(--green);background:radial-gradient(circle at 50% 35%,rgba(39,60,70,.42),transparent 38%),#101a20;text-align:center}.empty-illustration{display:grid;width:145px;height:145px;place-items:center;border-radius:50%;background:rgba(32,44,51,.68)}.empty-illustration svg{width:90px;fill:none;stroke:#546b76;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.empty-chat h1{margin:26px 0 10px;font-size:31px;font-weight:400}.empty-chat p{max-width:480px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.primary-button,.secondary-button,.danger-button{border:0;border-radius:10px;cursor:pointer;font-weight:700}.primary-button{margin-top:25px;padding:12px 20px;background:var(--green);color:#052d25}.primary-button:hover{background:#13bd98}.encrypted-note{display:flex;align-items:center;gap:7px;margin-top:auto;color:#667781;font-size:11px}.encrypted-note svg{width:14px}.active-chat{display:flex;height:100%;flex-direction:column}.chat-header{box-shadow:0 1px 0 rgba(0,0,0,.2);z-index:2}.header-status{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.header-status .live-dot{width:7px;height:7px}.back-button{display:none}.message-area{flex:1;overflow-y:auto;padding:20px clamp(22px,7vw,90px);background-color:#0b141a;background-image:radial-gradient(circle at 20% 35%,rgba(255,255,255,.025) 0 1px,transparent 1px),radial-gradient(circle at 70% 65%,rgba(255,255,255,.02) 0 1px,transparent 1px);background-size:34px 34px,41px 41px}.security-banner,.date-divider{display:flex;justify-content:center;margin:0 auto 18px}.security-banner{width:fit-content;max-width:440px;padding:7px 12px;border-radius:7px;background:#182229;color:#8da0aa;text-align:center;font-size:11px;line-height:1.4;box-shadow:0 1px 1px rgba(0,0,0,.2)}.date-divider{position:sticky;top:0;z-index:1;margin-top:7px}.date-divider span{padding:6px 12px;border-radius:7px;background:#182229;color:#aebac1;font-size:10px;box-shadow:0 1px 1px rgba(0,0,0,.24)}.message-row{display:flex;margin:3px 0}.message-row.outgoing{justify-content:flex-end}.message-bubble{position:relative;max-width:min(68%,650px);padding:7px 9px 5px;border-radius:8px;background:var(--bubble-in);box-shadow:0 1px 1px rgba(0,0,0,.18)}.incoming .message-bubble{border-top-left-radius:2px}.outgoing .message-bubble{border-top-right-radius:2px;background:var(--bubble-out)}.message-bubble p{margin:0;padding-right:55px;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.42}.message-meta{display:flex;float:right;align-items:center;gap:4px;height:15px;margin:-12px 0 0 9px;color:#9eabb1;font-size:10px}.message-status{font-size:14px;letter-spacing:-4px;padding-right:3px}.message-status.read{color:var(--blue)}.message-status.pending{letter-spacing:0}.message-status.failed{display:grid;width:14px;height:14px;place-items:center;border-radius:50%;background:var(--danger);color:#fff;letter-spacing:0;font-size:10px}.composer{display:flex;align-items:flex-end;gap:10px;min-height:64px;padding:10px 17px;background:var(--panel-2)}.composer textarea{flex:1;max-height:120px;resize:none;padding:12px 16px;border:0;border-radius:22px;outline:none;background:#2a3942;color:var(--text);line-height:1.35}.composer textarea::placeholder{color:#8696a0}.send-button{display:grid;width:43px;height:43px;place-items:center;border:0;border-radius:50%;background:var(--green);color:#062e26;cursor:pointer;transition:.18s}.send-button:hover{transform:scale(1.04);background:#13bd98}.send-button:disabled{opacity:.45;cursor:wait}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.66);backdrop-filter:blur(4px)}[hidden]{display:none!important}.modal{width:min(430px,100%);padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2);box-shadow:0 25px 70px rgba(0,0,0,.5)}.modal-header,.drawer-header{display:flex;align-items:center;justify-content:space-between}.modal-header span,.drawer-header span{color:var(--green-bright);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.modal h2,.drawer-header h2{margin:3px 0 22px;font-size:22px}.modal label{display:block;margin-bottom:8px;color:var(--muted);font-size:12px}.modal input{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;outline:none;background:var(--panel);color:var(--text)}.modal input:focus{border-color:var(--green)}.modal p{margin:12px 0;color:var(--muted);font-size:11px;line-height:1.5}.full-button{width:100%}.info-drawer{position:fixed;top:0;right:0;z-index:25;width:min(390px,100%);height:100%;padding:27px;background:var(--panel);box-shadow:-10px 0 35px rgba(0,0,0,.35)}.integration-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2)}.integration-card div{display:flex;min-width:0;flex-direction:column}.integration-card small{overflow:hidden;margin-top:4px;color:var(--muted);text-overflow:ellipsis}.details-list{margin:20px 0}.details-list div{display:flex;justify-content:space-between;padding:14px 3px;border-bottom:1px solid var(--line)}.details-list dt{color:var(--muted);font-size:12px}.details-list dd{margin:0;color:#72d7bd;font-size:12px}.secondary-button,.danger-button{width:100%;margin-top:9px;padding:12px;background:var(--panel-2);color:var(--text)}.danger-button{background:rgba(241,92,109,.1);color:#ff8895}.toast{position:fixed;right:24px;bottom:24px;z-index:40;max-width:360px;padding:13px 17px;border-radius:10px;background:#e9edef;color:#111b21;font-size:13px;box-shadow:0 8px 30px rgba(0,0,0,.35)}.toast-error{background:#ffd7dc;color:#6f1721}@media(max-width:850px){.app-shell{width:100%;height:100vh;margin:0;grid-template-columns:330px 1fr}.header-status{display:none}.message-area{padding-inline:28px}}@media(max-width:680px){body{background:var(--bg)}.app-shell{display:block}.sidebar,.chat-panel{width:100%;height:100%}.chat-panel{display:none}.chat-open .sidebar{display:none}.chat-open .chat-panel{display:block}.back-button{display:grid}.message-area{padding:15px 12px}.message-bubble{max-width:86%}.empty-chat{display:none}.sidebar-footer{padding-bottom:env(safe-area-inset-bottom)}.composer{padding-bottom:max(10px,env(safe-area-inset-bottom))}.toast{right:12px;bottom:12px;left:12px}.header-status{display:none}}