:root{font-family:Inter,Segoe UI,sans-serif;color:#172226;background:#eef3f1}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#123d35;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 24px}header b{font-size:24px;margin-right:18px}header span{opacity:.8}select,textarea,button{font:inherit}main{display:grid;grid-template-columns:390px 1fr;height:calc(100vh - 64px)}aside{background:#fff;border-right:1px solid #d6dfdc;padding:18px;overflow:auto}h2{margin:0 0 14px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.filters select:last-child{grid-column:1/-1}.filters select,header select,.dialog-head select{padding:8px;border:1px solid #c7d2ce;border-radius:8px}.card{padding:13px;border:1px solid #dce4e1;border-radius:12px;margin:8px 0;cursor:pointer}.card:hover,.card.active{border-color:#2d7565;background:#f0f8f5}.card .top{display:flex;justify-content:space-between}.badge{font-size:12px;background:#dff1eb;padding:3px 7px;border-radius:20px}section{padding:24px;overflow:hidden}#empty{height:100%;display:grid;place-items:center;color:#6b7774}#dialog{height:100%;display:grid;grid-template-rows:auto minmax(160px,1fr) auto}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h1{margin:0}.dialog-head p{color:#65726f}#timeline{overflow:auto;padding:4px}.entry{max-width:72%;padding:11px 14px;border-radius:14px;margin:10px 0;background:white;box-shadow:0 1px 2px #0001;overflow-wrap:anywhere}.entry.outgoing{margin-left:auto;background:#dff3ec}.entry.note{max-width:100%;background:#fff7cf;border-left:4px solid #d3a900}.entry small{display:block;color:#73807d;margin-top:5px}.attachment{margin-top:8px;padding:8px;border:1px solid #b8c8c3;border-radius:8px;background:#f8fbfa;font-size:13px}.composer{background:#eef3f1;padding-top:12px}.tabs button{border:0;background:transparent;padding:8px 12px}.tabs button.active{color:#176654;border-bottom:2px solid #176654}textarea{width:100%;height:86px;padding:12px;border:1px solid #bcc9c5;border-radius:10px;resize:vertical}.composer>#send{background:#176654;color:white;border:0;border-radius:9px;padding:10px 18px;margin-top:8px}.composer small{margin-left:12px;color:#66726f}@media(max-width:800px){header span{display:none}main{display:block;height:auto}aside{height:42vh;border-right:0;border-bottom:1px solid #d6dfdc}section{height:calc(58vh - 64px);padding:12px}.dialog-head{align-items:flex-start;gap:8px}.dialog-head h1{font-size:19px}.entry{max-width:88%}.composer small{display:block;margin:8px 0 0}}