:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17232b;background:#edf1f3;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}.app{height:100dvh;display:flex;flex-direction:column}.topbar{height:64px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #dbe3e6;background:#fff}.brand{font-weight:850;letter-spacing:.07em;color:#177a9d}.top-actions{display:flex;align-items:center;gap:10px}.top-label{color:#69808c;font-weight:650;margin-right:8px}.plain,.icon-button{background:#fff;color:#245568;border:1px solid #d3e0e4;border-radius:7px}.plain{padding:9px 13px;font-weight:700}.icon-button{width:34px;height:34px;font-size:21px;line-height:1}.plain:hover,.icon-button:hover{background:#eff8fb}.primary{background:#177fa4;border:1px solid #177fa4;color:#fff;border-radius:7px;padding:10px 16px;font-weight:750}.primary:hover{background:#0c688b}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:240px 310px minmax(0,1fr);max-width:1800px;width:100%;margin:0 auto;background:#fff;border-left:1px solid #dce5e8;border-right:1px solid #dce5e8}.accounts-panel,.dialogs-panel,.conversation{min-width:0;min-height:0}.accounts-panel,.dialogs-panel{border-right:1px solid #dce5e8;display:flex;flex-direction:column}.panel-heading,.conversation-header{min-height:83px;padding:16px;display:flex;align-items:center;justify-content:space-between;background:#f4f8f9;border-bottom:1px solid #dce5e8}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.08em;color:#6a8490}h2{margin:2px 0 0;font-size:18px;line-height:1.2}.account-list,.dialog-list{overflow-y:auto;min-height:0}.account-row{display:flex;align-items:center;border-bottom:1px solid #edf1f2}.account-row.active,.account-row:hover{background:#e8f5fa}.account,.dialog-item{width:100%;border:0;background:transparent;padding:13px 16px;text-align:left;display:flex;gap:10px;align-items:center}.account{min-width:0;flex:1;padding-right:5px}.dialog-item{border-bottom:1px solid #edf1f2}.dialog-item:hover{background:#f4f9fa}.dialog-item.active{background:#e8f5fa}.remove-account{flex:none;margin-right:8px;width:24px;height:24px;border:0;background:transparent;color:#738b96;font-size:18px;border-radius:4px}.remove-account:hover{background:#f7e8e6;color:#ae3d32}.avatar{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:#cfeaf3;color:#176785;font-weight:800}.account-content,.dialog-content{min-width:0;flex:1}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.name{font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub,.preview{font-size:12px;color:#70838c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.status-dot{width:7px;height:7px;border-radius:50%;background:#20a477;flex:none}.status-dot.offline{background:#dc9550}.search-wrap{padding:10px;border-bottom:1px solid #e7edef}.search-wrap input,form input,textarea{width:100%;border:1px solid #d5e0e4;border-radius:7px;padding:10px 11px;background:#fff;outline:0}.search-wrap input:focus,form input:focus,textarea:focus{border-color:#1886ac;box-shadow:0 0 0 2px #d7f0f8}.dialog-time{color:#80939c;font-size:11px;white-space:nowrap}.badge{background:#1680a3;color:#fff;border-radius:12px;padding:2px 6px;font-size:11px;flex:none}.conversation{display:flex;flex-direction:column;background:#eaf0f0}.conversation-header{background:#f4f8f9}.conversation-header h2{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages{min-height:0;flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.empty{margin:auto;color:#738791;text-align:center;max-width:320px}.bubble{align-self:flex-start;max-width:min(80%,580px);padding:10px 12px 7px;background:#fff;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 1px 2px #193a4410}.bubble.outgoing{align-self:flex-end;background:#daf4e7}.bubble-time{text-align:right;font-size:10px;color:#7f9199;margin-top:5px}.bubble-reply{border-left:2px solid #3197b6;padding-left:7px;margin-bottom:6px;color:#57808e;font-size:11px}.reply-action{display:none;background:none;border:0;color:#247e9b;padding:0;margin:4px 0 0;font-size:11px}.bubble:hover .reply-action,.bubble:focus-within .reply-action{display:block}.composer{flex:none;background:#f4f8f9;border-top:1px solid #dce5e8;padding:12px}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer textarea{resize:vertical;min-height:44px;max-height:180px}.composer button.primary{min-height:44px}.reply-bar{display:flex;align-items:center;justify-content:space-between;border-left:3px solid #1884a6;background:#e6f2f5;margin-bottom:8px;padding:4px 8px;color:#345c68}.notice{position:fixed;top:76px;right:16px;z-index:3;max-width:min(400px,calc(100vw - 32px));padding:10px 14px;border:1px solid #e5bbb5;background:#fff0ee;color:#ad3527;border-radius:7px;box-shadow:0 6px 18px #0001}.notice.ok{background:#eef8f1;border-color:#b9ddc4;color:#246a45}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:20px}.login-box{background:#fff;width:min(400px,100%);padding:30px;border:1px solid #d9e4e8;border-radius:8px;box-shadow:0 16px 40px #193a4412}.login-box h1{font-size:30px;margin:20px 0 5px}.login-box p{margin:0 0 20px;color:#6c808a}.login-box label,.modal label{display:grid;gap:7px;font-weight:700;color:#385864;margin:12px 0}.login-box .primary{width:100%;margin-top:6px}.error{color:#b3342a;min-height:22px;margin-top:12px}.modal{width:min(470px,calc(100vw - 24px));padding:22px;border:1px solid #d1e0e5;border-radius:8px;box-shadow:0 20px 70px #102a3640}.modal::backdrop{background:#172a3670}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{font-size:21px}.modal p{line-height:1.5;color:#667c87}.modal-actions{display:flex;justify-content:flex-end;margin-top:20px}.modal code{font-size:12px;background:#edf3f5;padding:2px 4px;border-radius:3px}@media(max-width:900px){.workspace{grid-template-columns:175px 230px minmax(0,1fr)}.panel-heading{padding:12px}.account,.dialog-item{padding:10px}.messages{padding:12px}}@media(max-width:650px){.topbar{height:56px;padding:0 12px}.top-label{display:none}.workspace{grid-template-columns:36% 64%;grid-template-rows:40% 60%}.accounts-panel{grid-column:1;grid-row:1}.dialogs-panel{grid-column:2;grid-row:1;border-right:0}.conversation{grid-column:1/-1;grid-row:2;border-top:1px solid #dce5e8}.panel-heading,.conversation-header{min-height:60px;padding:9px}.panel-heading h2,.conversation-header h2{font-size:15px}.avatar{width:28px;height:28px}.account,.dialog-item{gap:6px;padding:8px}.sub,.preview{font-size:11px}}