:root{font-family:Inter,Segoe UI,PingFang SC,sans-serif;color:#182220;background:#f5f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.shell{display:grid;grid-template-columns:230px 350px 1fr;height:100vh;min-width:980px}.sidebar{background:#132a25;color:#e8f4f0;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 26px}.brand strong,.brand small{display:block}.brand small{color:#9fb7b0;font-size:12px;margin-top:3px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#20b486;color:#fff}.brand-mark.small{width:38px;height:38px;border-radius:11px}.brand-mark svg{width:24px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;color:#a9beb8;border-radius:10px;font-size:14px}.sidebar nav a.active{background:#214039;color:#fff}.sidebar nav svg{width:19px}.safe{margin-top:auto;border:1px solid #345249;background:#18352e;border-radius:12px;padding:13px;display:flex;gap:10px;align-items:center}.safe svg{color:#49d09f;width:20px}.safe b,.safe small{display:block;font-size:12px}.safe small{color:#91aaa3;margin-top:3px}.conversation-list{background:#fff;border-right:1px solid #e5ebe8;display:flex;flex-direction:column;min-width:0}.conversation-list header{display:flex;justify-content:space-between;align-items:center;padding:25px 22px 14px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#14a676;font-weight:700;margin:0 0 4px}.conversation-list h2{font-size:22px;margin:0}.icon{border:1px solid #dce5e1;background:#fff;border-radius:9px;width:36px;height:36px;display:grid;place-items:center}.icon svg{width:17px}.filters{display:flex;gap:6px;padding:5px 20px 15px;border-bottom:1px solid #edf1ef}.filters button{border:0;background:transparent;color:#788681;border-radius:20px;padding:7px 11px;font-size:12px}.filters .selected{background:#e5f7f0;color:#07855b;font-weight:600}.list{overflow:auto}.conversation{width:100%;border:0;border-bottom:1px solid #f0f3f2;background:#fff;padding:15px 18px;display:flex;gap:12px;text-align:left}.conversation:hover,.conversation.selected{background:#f1faf7}.avatar{flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:#6b7b77}.avatar.whatsapp{background:#1fa876}.avatar.telegram{background:#368dce}.summary{min-width:0;flex:1}.row{display:flex;justify-content:space-between;gap:8px}.row b{font-size:14px}.row time{font-size:10px;color:#99a49f}.preview{font-size:12px;color:#75817d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:225px;margin-top:5px}.row i{font-style:normal;font-size:10px;background:#13ad79;color:#fff;border-radius:20px;padding:2px 6px}.summary em{display:inline-block;font-style:normal;font-size:9px;color:#527068;background:#edf3f1;padding:2px 6px;border-radius:4px;margin-top:8px}.chat{display:flex;flex-direction:column;min-width:0;background:#f7f9f8}.chat-head{height:80px;background:#fff;border-bottom:1px solid #e5ebe8;display:flex;align-items:center;padding:0 25px;gap:12px}.chat-head h3{margin:0 0 4px;font-size:16px}.chat-head span{font-size:11px;color:#76827e}.online{display:inline-block;width:7px;height:7px;border-radius:50%;background:#18b77d}.actions{margin-left:auto;display:flex;gap:12px;align-items:center}.actions label{font-size:12px;color:#56635f}.takeover{display:flex;gap:7px;align-items:center;border:1px solid #d8e2de;background:#fff;border-radius:9px;padding:8px 11px;font-size:12px}.takeover.on{background:#fff2e8;color:#aa5b21;border-color:#f4c69e}.takeover svg{width:15px}.notice{margin:14px auto 0;background:#eef8f4;border:1px solid #d1eee3;color:#407063;border-radius:9px;padding:9px 13px;font-size:11px;display:flex;gap:7px;align-items:center}.notice svg{width:15px}.messages{flex:1;padding:30px 8%;overflow:auto;display:flex;flex-direction:column;gap:14px}.bubble{max-width:68%;display:flex;flex-direction:column;align-self:flex-start}.bubble>span{padding:11px 14px;background:#fff;border:1px solid #e3e9e6;border-radius:5px 15px 15px;font-size:13px;line-height:1.6;box-shadow:0 2px 8px #243c3408}.bubble.outbound{align-self:flex-end}.bubble.outbound>span{background:#ddf7eb;border-color:#c6ecdd;border-radius:15px 5px 15px 15px}.bubble small{font-size:9px;color:#98a29f;margin:4px 5px;display:flex;align-items:center;gap:3px}.bubble.outbound small{align-self:flex-end}.bubble small svg{width:11px}.chat footer{padding:15px 5% 22px}.composer{background:#fff;border:1px solid #dce5e1;border-radius:15px;box-shadow:0 5px 24px #243c3410;padding:10px}.composer textarea{border:0;outline:0;resize:none;width:100%;height:65px;padding:8px}.composer>div{display:flex;justify-content:flex-end;gap:8px}.composer button{border:0;border-radius:9px;height:36px;display:flex;align-items:center;gap:7px}.composer button svg{width:17px}.draft{padding:0 13px;background:#eef7f4;color:#177b5e}.send{width:38px;justify-content:center;background:#159e70;color:#fff}.send:disabled{opacity:.4}.empty,.empty-chat{text-align:center;color:#87938f;padding:50px 20px}.empty small{font-size:11px}.empty-chat{margin:auto}.empty-chat svg{width:42px;height:42px;color:#b2bfbb}.empty-chat h2{font-size:18px;color:#46524f}.empty-chat p{font-size:12px}.error{margin:0 20px 10px;padding:9px;background:#fff0f0;color:#a33;border-radius:7px;font-size:11px}.login{height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#e5f3ee,#f7f9f8)}.login-card{width:360px;background:#fff;padding:35px;border-radius:20px;box-shadow:0 20px 60px #17372c1c;text-align:center}.login-card .brand-mark{margin:auto}.login-card h1{font-size:22px}.login-card p{font-size:13px;color:#788681}.login-card input{width:100%;padding:11px;border:1px solid #d7e1dd;border-radius:9px;margin:12px 0}.login-card button{width:100%;border:0;background:#159e70;color:#fff;padding:11px;border-radius:9px}@media(max-width:1100px){.shell{grid-template-columns:190px 310px 1fr}.sidebar{padding-left:10px;padding-right:10px}}.sidebar nav button{display:flex;align-items:center;gap:12px;padding:11px 13px;color:#a9beb8;border-radius:10px;font-size:14px;background:transparent;border:0;text-align:left;cursor:pointer}.sidebar nav button.active{background:#214039;color:#fff}.settings-panel{grid-column:span 2;padding:42px;overflow:auto;background:#f7f9f8}.settings-panel h2{margin-top:0}.settings-panel>input,.settings-panel>textarea{display:block;width:min(760px,100%);margin:12px 0;padding:11px;border:1px solid #d7e1dd;border-radius:9px;background:#fff}.settings-panel>textarea{height:130px;resize:vertical}.settings-panel>button,.settings-panel article button{border:0;background:#159e70;color:#fff;padding:9px 13px;border-radius:8px;cursor:pointer}.settings-panel article{background:#fff;border:1px solid #e1e9e5;border-radius:12px;padding:16px;margin:15px 0;max-width:760px}.settings-panel article h3{margin:0 0 8px}.settings-panel article p{white-space:pre-wrap;color:#5d6a65;font-size:13px;line-height:1.6}.settings-panel article code{display:block;word-break:break-all;background:#f0f5f2;padding:10px;margin:10px 0}.memory-panel{padding:0 5%;display:flex;gap:7px;align-items:center;flex-wrap:wrap;color:#53635c;font-size:12px}.memory-panel span{background:#edf7f2;border-radius:15px;padding:5px 9px}.memory-panel button{border:0;background:transparent;color:#16845f;cursor:pointer}.memory-panel input{border:1px solid #d7e1dd;border-radius:7px;padding:6px;min-width:160px}