:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#243c32;background:#edf1e9}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:32px 24px}header{border-bottom:1px solid #bccbbb;padding-bottom:18px;margin-bottom:24px}h1{font-size:clamp(26px,5vw,42px);margin:10px 0}h2{font-size:24px}h3{margin-top:0}.eyebrow{letter-spacing:.16em;font-size:12px;font-weight:700}section.card,article,form{background:#fffef8;border:1px solid #c8d0bf;border-radius:16px;padding:24px;margin:16px 0;box-shadow:0 8px 30px #25382d08}form{max-width:600px;display:grid;gap:16px}label{display:grid;gap:6px;font-weight:600}input,select,button{font:inherit;border-radius:8px;padding:12px;border:1px solid #a1b19f;max-width:100%}input,select{width:100%;background:white}button,.button{background:#315a48;color:white;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;margin:4px 8px 4px 0;border:0;padding:12px 16px;border-radius:8px}button.secondary{background:#e4ebdd;color:#243c32}button:disabled{opacity:.6;cursor:wait}a{color:#245c43}#message{color:#9b3329;min-height:24px;overflow-wrap:anywhere}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.invite{overflow-wrap:anywhere;font-size:14px}.qr{display:block;width:200px;height:200px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}td,th{text-align:left;border-bottom:1px solid #d9dfd1;padding:12px}th{font-size:13px}td button{padding:7px 10px}.metrics{background:#e2eadd;padding:16px;border-radius:12px;line-height:1.8}.details{line-height:1.7}details{padding:12px 0}summary{cursor:pointer}progress{width:100px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #cb963c;outline-offset:2px}@media(max-width:500px){main{padding:20px 12px}form,article,section.card{padding:18px}.toolbar{align-items:stretch}.toolbar>*{flex:1}.qr{width:180px;height:180px}}
:root .password-field{position:relative;display:block;font-weight:400}
.password-field input{padding-right:54px}
.password-field .password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:40px;margin:0;padding:10px;background:transparent;color:#315a48;border-radius:6px}
.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.password-toggle:hover{background:#e4ebdd}
.password-toggle:focus-visible{outline:3px solid #cb963c;outline-offset:0}