: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%}}.inactive-instances{margin-bottom:22px;border-color:#efd3d6}.inactive-instances h2{margin-top:5px}.danger{background:#b7424d}.inactive-instances .accesses{justify-content:flex-end}button,input,select,textarea{font:inherit}button{min-height:40px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #a69dff;outline-offset:2px}.shell{padding-top:32px}.site-header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #ddd9d1;padding-bottom:20px}.site-header h1{font:700 42px Georgia,serif;margin:4px 0}.intro{align-items:center;padding:30px 0}.intro h2{margin:5px 0 4px;font-size:32px}.intro p:not(.eyebrow){margin:0;line-height:1.5}.intro-actions{display:flex;gap:9px;flex-wrap:wrap}.intro-actions .secondary{margin:0;background:#fff;min-height:40px;font-size:14px;padding:10px 15px}.directory{padding:0;overflow:hidden}.directory-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:23px 24px 16px}.directory-heading h2{margin-top:5px}.count{font:700 16px Inter,ui-sans-serif,system-ui,sans-serif;color:#5247c3;background:#efedff;border-radius:100px;padding:3px 9px;vertical-align:middle}.result-count{font-size:13px;color:#67636e;white-space:nowrap}.filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(140px,190px) minmax(135px,165px);gap:12px;padding:0 24px 20px}.filters label,.modal label{display:grid;gap:6px;font-size:13px;font-weight:700;min-width:0}.filters input,.filters select,.modal input,.modal select{width:100%;min-width:0;border:1px solid #c9c5cb;border-radius:8px;padding:10px 11px;background:#fff;color:#25232c;min-height:43px}.people-list{border-top:1px solid #ebe8e2}.person-row{display:grid;grid-template-columns:minmax(190px,255px) minmax(0,1fr);gap:24px;padding:20px 24px;border-bottom:1px solid #ebe8e2}.person-row:last-child{border-bottom:0}.person-row:hover{background:#fcfbff}.person-identity{display:flex;gap:12px;min-width:0;align-items:start}.person-identity>div:last-child{min-width:0}.avatar{flex:0 0 36px;height:36px;border-radius:10px;background:#efedff;color:#5145ae;display:grid;place-items:center;font-weight:800}.person-identity h3{font-size:16px;line-height:1.3;margin:0 0 3px;overflow-wrap:anywhere}.person-identity a{color:#5247c3;font-size:13px;overflow-wrap:anywhere;text-decoration:none}.person-identity a:hover{text-decoration:underline}.access-count{display:block;margin-top:9px;color:#67636e;font-size:12px}.person-details{min-width:0}.access-list{list-style:none;margin:0;padding:0}.access-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0eeeb}.access-list li:first-child{padding-top:0}.access-description{display:grid;grid-template-columns:minmax(100px,130px) minmax(120px,1fr) minmax(100px,150px);gap:12px;align-items:center;min-width:0;font-size:13px}.access-description strong,.access-description span,.access-description small{overflow-wrap:anywhere}.access-description strong{color:#393248}.access-description span{color:#5b5661}.access-description small{font-size:12px;color:#5247c3;font-weight:700}.access-list .link-button{background:transparent;border:0;color:#a52438;padding:5px 2px;font-size:12px;min-height:30px;white-space:nowrap}.no-access{font-size:13px;color:#77737e;margin:0 0 10px}.person-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px}.person-actions button{min-height:34px;padding:6px 10px;font-size:12px;margin:0}.person-actions .secondary{background:#fff}.person-actions .add-access{background:#f4f2ff;border-style:solid}.empty-state{text-align:center;padding:45px 20px}.empty-state h3{margin:0 0 5px}.empty-state p{color:#67636e}.channels,.whatsapp-simulator{margin-top:22px}.channels .section-row{margin-bottom:14px}.modal-backdrop{z-index:20;overflow:auto}.modal{max-height:min(92vh,800px);overflow:auto}.modal-wide{width:min(620px,100%)}.modal label small{font-weight:400;color:#67636e;line-height:1.4}.optional{display:inline;font-weight:400;color:#67636e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-actions{flex-wrap:wrap}.inactive-instances{margin-top:22px}@media(max-width:850px){.shell{padding:24px 18px 48px}.person-row{grid-template-columns:1fr;gap:14px}.access-description{grid-template-columns:minmax(90px,130px) minmax(100px,1fr) minmax(90px,150px)}}@media(max-width:600px){.shell{padding:18px 12px 40px}.site-header{align-items:start}.site-header h1{font-size:34px}.profile{max-width:50%;font-size:13px}.profile strong{overflow-wrap:anywhere}.intro{display:grid;gap:18px;padding:25px 2px}.intro h2{font-size:28px}.intro-actions{display:grid;grid-template-columns:1fr 1fr}.intro-actions button{padding:8px}.directory-heading{padding:19px 16px 13px}.filters{grid-template-columns:1fr 1fr;padding:0 16px 16px}.search-field{grid-column:1/-1}.person-row{padding:18px 16px}.access-list li{align-items:start}.access-description{grid-template-columns:1fr;gap:2px}.access-description span,.access-description small{font-size:12px}.person-actions{justify-content:stretch}.person-actions button{flex:1}.card:not(.directory){padding:18px}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:92dvh;border-radius:18px 18px 0 0;padding:20px 18px 24px}.form-grid{grid-template-columns:1fr}.modal-actions{display:grid;grid-template-columns:1fr 1fr}}
