: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}}