:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#172321;background:#eef3f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}.media{max-width:340px;max-height:300px;border-radius:8px}.center,.welcome{display:grid;place-content:center;height:100vh;text-align:center;color:#66736f}.shell{height:100vh;display:flex;padding:18px;gap:14px}.nav{width:86px;border-radius:18px;background:#123d35;color:#fff;display:flex;flex-direction:column;align-items:center;padding:16px 9px;gap:8px}.logo,.brandMark{display:grid;place-items:center;background:#c9ff72;color:#123d35;font-weight:900;border-radius:14px;width:48px;height:48px;font-size:24px;margin-bottom:22px}.nav button{width:100%;padding:11px 4px;background:transparent;color:#a9c1bb;border-radius:12px;display:grid;place-items:center;gap:4px;font-size:10px}.nav button.active,.nav button:hover{background:#24564d;color:#fff}.nav svg{width:21px}.spacer{flex:1}.workspace{flex:1;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 40px #21463a14}.conversations{height:100%;display:grid;grid-template-columns:minmax(290px,35%) 1fr}.chatList{border-right:1px solid #e4ebe8;min-width:0}.chatList header,.page>header{height:78px;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.chatList h1,.page h1{font-size:23px;margin:0}.search{margin:0 16px 12px;background:#f0f4f2;border-radius:12px;display:flex;align-items:center;padding:0 13px;color:#71807c}.search svg{width:18px}.search input{border:0;outline:0;background:transparent;width:100%;padding:12px}.search.wide{margin:0 0 18px}.scroll{height:calc(100% - 138px);overflow:auto}.conversation{width:100%;background:#fff;padding:14px 16px;display:grid;grid-template-columns:44px 1fr auto;gap:11px;text-align:left;border-bottom:1px solid #f0f3f2}.conversation:hover,.conversation.selected{background:#eef7f3}.avatar{width:42px;height:42px;border-radius:50%;background:#d9ebe5;color:#205449;display:grid;place-items:center;font-weight:700;text-transform:uppercase}.conversation div:nth-child(2){min-width:0;display:grid;gap:5px}.conversation strong,.conversation small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation small,.chat header small{color:#7a8783}.conversation aside{display:grid;justify-items:end;gap:8px;font-size:11px;color:#798580}.conversation aside b{background:#27a77b;color:#fff;border-radius:20px;padding:3px 7px}.welcome svg{width:58px;height:58px;margin:auto;color:#36a57f}.chat{height:100%;display:grid;grid-template-rows:72px 1fr auto;position:relative;background:#eef3f0}.chat>header{background:#fff;display:flex;align-items:center;gap:12px;padding:0 20px}.chat>header div:last-child{display:grid;gap:3px}.back{display:none;background:none}.messages{overflow-y:auto;padding:25px 7%;display:flex;flex-direction:column;gap:8px;background-image:radial-gradient(#cddbd5 .7px,transparent .7px);background-size:18px 18px}.bubble{max-width:72%;padding:9px 11px 5px;border-radius:10px;background:#fff;align-self:flex-start;box-shadow:0 1px 2px #0001;white-space:pre-wrap}.bubble.outgoing{align-self:flex-end;background:#d8f8df}.bubble footer{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:10px;color:#77847f;margin-top:3px}.bubble footer svg{width:14px;height:14px}.bubble footer .read{color:#119bd0}.composer{background:#fff;padding:12px 16px;display:flex;gap:10px}.composer textarea{resize:none;min-height:46px;max-height:110px;flex:1;border:1px solid #dce5e2;border-radius:12px;padding:12px;outline-color:#319a77}.composer button,.page button,.card>button,.modal button,.template button{background:#17785e;color:#fff;border-radius:10px;padding:11px 17px;display:flex;align-items:center;gap:7px}.composer button svg{width:18px}.template{padding:14px 20px;background:#fff;display:grid;gap:8px}.template select{padding:10px;border:1px solid #dce5e2;border-radius:8px}.template pre{max-height:90px;overflow:auto}.page{height:100%;overflow:auto;padding:0 24px 30px}.page>header{padding:0}.page>header button svg{width:18px}.table{display:grid;border:1px solid #e5ece9;border-radius:12px;overflow:hidden}.table>div{display:grid;grid-template-columns:44px 2fr 2fr 1fr;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #e9efed}.table small{color:#71807c}.card{max-width:760px;border:1px solid #e0e9e5;border-radius:16px;padding:24px;display:grid;gap:16px}.card h2,.card p{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stats div{background:#f1f6f4;border-radius:10px;padding:12px;display:grid}.stats strong{font-size:22px}.stats span{font-size:12px;color:#71807c}.preview>div{display:grid;grid-template-columns:2fr 2fr 1fr;padding:8px;border-bottom:1px solid #e5ece9}.preview .bad{color:#bd3a3a}.consent{display:flex;gap:9px;align-items:flex-start;font-size:13px}.success{color:#117452;background:#e4f8ef;padding:12px;border-radius:9px}.error{color:#c53535}.toast{position:absolute;bottom:80px;left:20px;background:#fff;padding:10px;border-radius:8px}.config dl{display:grid;grid-template-columns:1fr 1fr;gap:10px}.config dt{color:#71807c}.config dd{margin:0;text-align:right}.connected{color:#16805d}.off{color:#85908d}.pick{width:100%;justify-content:space-between!important;background:#f0f5f3!important;color:#172321!important}.login{height:100vh;display:grid;place-content:center;background:#eaf1ee}.login form{width:min(380px,90vw);background:#fff;padding:38px;border-radius:20px;box-shadow:0 18px 50px #163b3020;display:grid;gap:15px}.login .brandMark{margin:auto}.login h1,.login p{text-align:center;margin:0}.login label,.modal label{display:grid;gap:6px;font-size:13px}.login input,.modal input{border:1px solid #d8e2de;border-radius:9px;padding:11px}.login button{padding:12px;border-radius:9px;background:#17785e;color:#fff}.modal{position:fixed;inset:0;background:#0c211b77;display:grid;place-content:center;z-index:5}.modal form{width:min(440px,90vw);background:#fff;padding:24px;border-radius:15px;display:grid;gap:14px}.modal footer{display:flex;justify-content:flex-end;gap:8px}.secondary{background:#e8eeec!important;color:#25332f!important}.empty{padding:40px;text-align:center;color:#7a8783}@media(max-width:720px){.shell{padding:0;gap:0}.nav{position:fixed;z-index:10;bottom:0;width:100%;height:66px;border-radius:0;flex-direction:row;padding:4px}.nav .logo,.nav .spacer,.nav button:last-child{display:none}.nav button{height:58px}.workspace{border-radius:0;padding-bottom:66px;width:100%}.conversations{display:block}.chatList{height:100%}.conversations.mobile-open .chatList{display:none}.chat{height:calc(100vh - 66px)}.welcome{display:none}.back{display:block}.bubble{max-width:88%}.table>div{grid-template-columns:44px 1fr}.table span,.table small{grid-column:2}.stats{grid-template-columns:1fr 1fr}.page{padding:0 14px}}