*{box-sizing:border-box}body{margin:0;background:#f4f7f8;color:#183638;font:14px/1.5 system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d9e3e3;background:white;border-radius:8px;padding:9px 13px;color:inherit}button:hover{background:#ecf5f2}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #4ba99b;outline-offset:2px}input,select,textarea{border:1px solid #d7e2e1;border-radius:7px;padding:10px;background:white;color:#183638;max-width:100%}textarea{resize:vertical;min-height:86px}small{font-size:11px;color:#6d8182}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:-1px}h2{font-size:20px}.demo{height:34px;padding:7px 25px;background:#f8edcb;color:#6c571b;font-size:10px;font-weight:800;letter-spacing:1px}.demo span{font-weight:400;letter-spacing:0;margin-left:16px}.shell{display:flex;min-height:calc(100vh - 34px)}.sidebar{width:226px;flex-shrink:0;padding:30px 18px 20px;background:#123d3b;color:#d9e8e4;display:flex;flex-direction:column}.brand{text-decoration:none;color:white;display:block;padding:0 12px;font-size:25px;font-weight:650;letter-spacing:-1.5px}.brand>span{display:block;font-size:20px;font-weight:400;letter-spacing:0;line-height:1}.brand b{font-size:9px;vertical-align:middle;background:#295652;padding:3px 5px;border-radius:4px;margin-left:5px}.workspace{margin:40px 0 25px;border:1px solid #38615b;border-radius:9px;padding:11px;display:flex;gap:12px;align-items:center}.workspace>span{font-size:12px}.workspace small{display:block;font-size:9px;color:#a1bcb4}.nav{display:flex;gap:12px;align-items:center;width:100%;background:none;color:#adc6c0;border:none;margin-bottom:8px;text-align:left}.nav.active{background:#2b5750;color:white}.nav b{margin-left:auto;font-size:11px}.sidebottom{margin-top:auto;padding-top:70px;display:flex;flex-direction:column;gap:8px}.sidebottom label{font-size:11px;color:#bfd3cd}.sidebottom small{color:#9ab5ae}.sidebottom select{font-size:12px;background:#204b46;color:white;border-color:#42665f}.offline{font-size:11px;margin-bottom:16px}.offline i{display:inline-block;background:#d7b963;width:6px;height:6px;border-radius:100%;margin-right:6px}main{flex:1;min-width:0;padding:32px 32px 15px;max-width:1800px}header{display:flex;align-items:center;justify-content:space-between;gap:20px}header p{color:#7b8d8d;font-size:12px;margin-top:6px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:2px;color:#649085;margin-bottom:6px}.primary{background:#236b57;color:white;border-color:#236b57}.primary:hover{background:#185440}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:27px 0}.stats>div{border:1px solid #e0e8e7;border-radius:10px;background:white;padding:17px 20px}.stats span,.stats small{display:block}.stats span{font-size:11px;color:#7b9090}.stats strong{display:block;font-size:27px;font-weight:550;margin:3px 0}.stats strong.small{font-size:16px;margin:10px 0}.toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px;align-items:center}.tabs{display:flex;gap:3px}.tabs button{border:0;background:transparent;font-size:12px}.tabs .selected{background:#e0eee8;color:#21674f;font-weight:650}.toolbar>button{font-size:11px;background:transparent}.desk{display:flex;background:white;border:1px solid #dce6e3;border-radius:12px;overflow:hidden;height:590px;min-height:400px}.listpanel{width:285px;flex-shrink:0;border-right:1px solid #e2eae7;overflow:auto}.search{display:flex;align-items:center;background:#f5f8f7;border-radius:7px;margin:16px 12px;padding:0 10px;color:#829994}.search input{background:transparent;border:0;width:100%;font-size:11px;outline:none}.row{display:block;width:100%;border:0;border-radius:0;border-bottom:1px solid #eef2f0;padding:17px 17px;text-align:left}.row.active{background:#eef6f1;border-left:3px solid #388163;padding-left:14px}.row .top{display:flex;gap:10px;align-items:center}.avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:35px;border-radius:11px;background:#dfede8;color:#39715e;font-size:12px;font-weight:650}.row b{font-size:12px;display:block}.row p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;font-size:11px;color:#83928d;margin:8px 0}.pill{display:inline-block;border-radius:5px;background:#e8f0ef;font-size:9px;padding:3px 7px;color:#54796e}.pill.amber{background:#fff1d1;color:#967526}.conversation{min-width:0;flex:1;display:flex;flex-direction:column}.empty{margin:auto;text-align:center;max-width:370px;padding:30px;color:#8b9a94}.empty .symbol{font-size:35px;background:#eef5f1;border-radius:20px;width:75px;margin:0 auto 20px;padding:10px;color:#68917f}.empty h2{color:#345548;font-size:18px;margin-bottom:10px}.empty p{font-size:12px;margin-bottom:16px}.chathead{padding:16px 20px;border-bottom:1px solid #edf1ef;display:flex;gap:10px;align-items:center}.chathead h2{font-size:15px}.chathead .actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.chathead button{font-size:10px;padding:6px 8px}.subhead{background:#f7faf8;border-bottom:1px solid #edf1ef;padding:8px 20px;display:flex;justify-content:space-between;font-size:10px;color:#739183}.messages{flex:1;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:13px;background:#fcfdfc}.bubble{max-width:85%;padding:10px 14px;border-radius:10px;background:white;border:1px solid #e4ece7;align-self:flex-start;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble small{display:block;font-size:9px;margin-bottom:5px}.bubble.outgoing{background:#e7f2eb;align-self:flex-end;border-color:#e7f2eb}.bubble.note{background:#fff6d9;border-color:#eee0b3;align-self:stretch;max-width:100%}.system{font-size:9px;color:#8c9c93;align-self:center;text-align:center;max-width:90%}.approval{padding:12px 20px;background:#fff6df;border-top:1px solid #eedfb3;font-size:11px}.approval button{font-size:10px;margin-top:7px}.composer{padding:12px 20px;border-top:1px solid #e7ede9}.composer textarea{width:100%;border:0;min-height:55px;padding:8px 0;font-size:12px;outline:none}.composebar{display:flex;align-items:center;gap:7px;justify-content:space-between}.composebar select,.composebar button{font-size:11px}.composebar small{font-size:9px}footer{display:flex;justify-content:space-between;font-size:9px;color:#91a298;padding:15px 0}dialog{border:0;border-radius:15px;max-width:520px;width:calc(100% - 32px);padding:25px;box-shadow:0 25px 100px #123d3b33}dialog::backdrop{background:#112f2b66}.dialoghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.dialoghead button{border:0;font-size:23px;padding:0 8px}.dialogactions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}#modalbody label{display:flex;flex-direction:column;gap:6px;margin:13px 0;font-size:12px}#modalbody p{font-size:12px;color:#71837a;margin:10px 0}#modalbody .person{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e4ece8;padding:12px 0}#modalbody .person small{display:block}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#163e33;color:white;border-radius:8px;padding:12px 20px;box-shadow:0 4px 20px #0002;max-width:90%;display:none;z-index:5}#toast.visible{display:block}.error{color:#a23e30!important}.danger{color:#963b32}.tip{border-radius:8px;padding:12px;background:#edf5f0;font-size:12px;margin:14px 0}
@media(min-width:1500px){.desk{height:calc(100vh - 325px)}}@media(max-width:1100px){.sidebar{width:185px;padding:24px 12px}main{padding:25px 18px}.listpanel{width:235px}.stats{gap:8px}.stats>div{padding:13px}.chathead{flex-wrap:wrap}.chathead .actions{margin-left:0}h1{font-size:23px}.primary{font-size:12px}}@media(max-width:760px){.demo{height:auto;min-height:34px;font-size:9px;padding:7px 12px}.demo span{margin-left:6px}.shell{display:block}.sidebar{width:100%;padding:14px;display:flex;flex-direction:row;align-items:center;gap:15px}.brand{font-size:20px;padding:0}.brand>span{font-size:14px}.workspace,.sidebottom,.nav span,.nav b{display:none}nav{display:flex;margin-left:auto}.nav{margin:0;font-size:20px;padding:8px}.sidebar .nav{width:auto}main{padding:18px 12px}header{align-items:flex-start}header h1{font-size:21px}header p{display:none}header .primary{max-width:140px}.stats{grid-template-columns:repeat(2,1fr);margin:18px 0}.stats strong{font-size:22px}.stats strong.small{font-size:14px}.toolbar{align-items:flex-start}.tabs{flex-wrap:wrap}.tabs button{font-size:10px;padding:7px}.toolbar>button{max-width:115px;font-size:9px}.desk{height:620px}.listpanel{width:100%}.conversation{display:none}.desk.chat-open .listpanel{display:none}.desk.chat-open .conversation{display:flex}.chathead{padding:12px}.messages{padding:15px}.composer{padding:10px}footer span{display:none}.back{display:inline-block!important}}.back{display:none}