:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#25232c;background:#f8f7f4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{background:#6657df;color:#fff;border:0;border-radius:9px;padding:11px 15px;font-weight:700;cursor:pointer}button:disabled{opacity:.6}.center,.login{min-height:100vh;display:grid;place-items:center}.login{background:radial-gradient(circle at 20% 20%,#efedff 0,transparent 35%),#f8f7f4}.login section{width:min(430px,calc(100% - 40px));background:#fff;padding:40px;border:1px solid #ddd9d1;border-radius:20px;box-shadow:0 20px 70px #403a7220}.login h1,header h1{font:700 42px Georgia,serif;margin:4px 0}.login p{color:#77737e;line-height:1.5}.login form,.invite{display:grid;gap:14px;margin-top:25px}.login label,.invite label,.modal>label{display:grid;gap:6px;font-size:13px;font-weight:700}.login input,.invite input,.modal input,.modal select{border:1px solid #d8d5ce;border-radius:8px;padding:11px;background:#fff;width:100%}.shell{max-width:1240px;margin:auto;padding:44px 28px}header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #ddd9d1;padding-bottom:28px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#797481;margin:0}.profile{display:grid;text-align:right;gap:3px}.profile span{font-size:13px;color:#77737e}.quiet,.secondary{background:transparent;color:#5247c3;border:1px solid #d8d4ff;padding:7px 10px;font-size:12px;margin-top:7px}.intro{display:flex;justify-content:space-between;gap:30px;padding:34px 0}.intro h2,.card h2,.modal h2{margin:0;font-size:27px}.intro p,.modal p{color:#77737e}.products{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.products span,.accesses>span{background:#efedff;color:#5247c3;border-radius:12px;padding:6px 10px;font-size:12px;font-weight:700}.layout{display:grid;grid-template-columns:330px 1fr;gap:22px}.card{background:#fff;border:1px solid #ddd9d1;border-radius:15px;padding:24px}.invite{margin:0}.invite small{color:#77737e;line-height:1.45}.people{display:grid;margin-top:18px;border-top:1px solid #ebe8e2}.people article{display:grid;grid-template-columns:minmax(210px,.7fr) 1fr;gap:18px;padding:16px 0;border-bottom:1px solid #ebe8e2}.people strong,.people span{display:block}.people>article>div>span{color:#77737e;font-size:13px;margin-top:4px}.accesses{display:flex;gap:7px;flex-wrap:wrap;align-items:start}.accesses>span small{display:block;font-weight:400;margin-top:3px}.accesses em{font-size:13px;color:#77737e}.link-button{background:transparent;color:#5247c3;padding:3px 0 0;border-radius:0;font-size:11px;text-decoration:underline}.add-access{background:#fff;color:#5247c3;border:1px dashed #b8b0ff;font-size:12px;padding:7px 10px}.error{color:#b7424d;background:#fbeef0;padding:11px 13px;border-radius:9px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#25232c66;display:grid;place-items:center;padding:20px}.modal{display:grid;gap:15px;width:min(460px,100%);background:#fff;border:1px solid #ddd9d1;border-radius:16px;padding:27px;box-shadow:0 20px 60px #25232c55}.modal p{margin:6px 0 0}.access-type{display:grid;gap:8px;border:1px solid #e2ded6;border-radius:9px;padding:12px}.access-type legend{font-size:13px;font-weight:700}.access-type label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.access-type input{width:auto;padding:0}.modal-actions{display:flex;justify-content:end;gap:8px}.modal-actions .secondary{margin:0}@media(max-width:760px){.shell{padding:28px 17px}header,.intro{display:grid;gap:15px}.profile{text-align:left}.layout{grid-template-columns:1fr}.people article{grid-template-columns:1fr}.login h1,header h1{font-size:34px}}.section-row{display:flex;justify-content:space-between;gap:18px;align-items:start}.section-row h2{margin:0}.section-row p:not(.eyebrow){color:#77737e;margin:7px 0 0}.hint{color:#77737e;font-size:13px;line-height:1.45}.whatsapp-grid{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid #ebe8e2;border-radius:11px;overflow:hidden;min-height:330px}.whatsapp-grid>aside{padding:10px;border-right:1px solid #ebe8e2;background:#fcfcfb}.conversation{display:block;width:100%;text-align:left;background:transparent;color:#25232c;padding:11px;border-radius:8px}.conversation small{display:block;color:#77737e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.conversation.active{background:#efedff;color:#403783}.chat{display:flex;flex-direction:column;min-width:0}.chat header{display:block;padding:14px 17px;border-bottom:1px solid #ebe8e2}.chat header strong,.chat header small{display:block}.chat header small{color:#77737e;margin-top:3px}.messages{padding:16px;flex:1;max-height:420px;overflow:auto;background:#fafcf9}.messages p{max-width:78%;margin:0 0 11px}.messages p span{display:block;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #e5e3de}.messages p.outbound{margin-left:auto}.messages p.outbound span{background:#e9f5ed;border-color:#cde4d3}.messages small{display:block;color:#77737e;font-size:11px;margin:4px 3px}.chat form{display:flex;gap:9px;padding:12px;border-top:1px solid #ebe8e2}.chat textarea{flex:1;resize:vertical;min-height:43px;border:1px solid #d8d5ce;border-radius:8px;padding:9px}.chat form button{align-self:end}@media(max-width:760px){.section-row,.whatsapp-grid{display:block}.whatsapp-grid>aside{border-right:0;border-bottom:1px solid #ebe8e2}.chat{min-height:350px}.chat form{display:grid}.chat form button{width:100%}}