:root{font-family:Segoe UI,sans-serif;color:#203e3d;background:#f2f7f6}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:50px auto;padding:30px;background:white;border-radius:20px;box-shadow:0 10px 40px #103d3b12}.eyebrow{color:#087d6d;letter-spacing:2px;font-size:12px}h1{font-size:32px}label{display:grid;gap:8px;margin:16px 0;font-size:14px}input,select,button,textarea{font:inherit;padding:12px;border:1px solid #c5d8d4;border-radius:8px;max-width:100%}button{cursor:pointer;background:#087d6d;color:white;min-height:44px}button:disabled{opacity:.5;cursor:wait}input[type=checkbox]{width:20px;height:20px}a{color:#087d6d}form{max-width:500px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.table{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{padding:12px;text-align:left;border-bottom:1px solid #dce8e5}td button{font-size:12px;margin:3px;padding:8px}#error{color:#a03025}#invitation{background:#e9f6f1;padding:20px;border-radius:12px;margin:20px 0}#invitation textarea{width:100%}.hint{font-size:13px;color:#5a706c;line-height:1.6}details{margin:20px 0}summary{cursor:pointer;font-weight:600}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:650px){main{margin:12px;padding:20px}.grid{grid-template-columns:1fr}h1{font-size:26px}}
#access-editor{background:#f2f7f6;border:1px solid #c5d8d4;padding:20px;border-radius:12px;margin:20px 0}#access-editor h2{font-size:20px;margin-top:0}#feedback{color:#087d6d;line-height:1.5}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.summary-grid>div{background:#edf6f3;border:1px solid #d9e7e2;border-radius:12px;padding:18px}.summary-grid span{display:block;font-size:13px;color:#5a706c}.summary-grid strong{font-size:30px;display:block;margin-top:6px}.filter-bar{display:flex;gap:20px;flex-wrap:wrap}.filter-bar label{flex:1;min-width:180px}.status-badge{display:inline-block;border-radius:20px;background:#eef2f1;padding:5px 10px;margin-bottom:8px;font-weight:600}.status-badge.active{background:#def2e7;color:#17643b}.status-badge.invited{background:#e4efff;color:#255390}.status-badge.disabled,.status-badge.expired{background:#fbe8e4;color:#8c3b2d}.row-actions{margin:8px 0}.row-actions summary{font-size:12px;color:#526b64}.row-actions button{display:block;background:#f3f7f5;color:#203e3d}.editor-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.editor-heading h2{margin:6px 0}#profile-editor{border:1px solid #c5d8d4;background:#fbfdfc;padding:24px;border-radius:16px;margin:24px 0;scroll-margin-top:20px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.template-grid button{text-align:left;background:white;color:#203e3d;border:1px solid #bcd6cc}.template-grid span{display:block;font-size:12px;line-height:1.5;margin-top:6px;color:#5a706c}.template-grid button:hover{border-color:#087d6d;background:#edf6f3}.profile-layout{display:grid;grid-template-columns:minmax(260px,1fr) minmax(340px,1.2fr);gap:24px}.profile-layout form{max-width:none}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.color-grid input{width:100%;height:44px;padding:4px}.module-checks{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.module-checks label{display:flex;align-items:center;margin:6px 0;gap:8px}.preview-column{align-self:start;position:sticky;top:20px}#profile-error{color:#a03025}#demo-preview{font-family:var(--preview-font);display:grid;grid-template-columns:130px 1fr;min-height:420px;overflow:hidden;border:1px solid #cadbd4;border-radius:12px;background:var(--preview-bg);color:var(--preview-ink)}#demo-preview aside{padding:16px 10px;background:var(--preview-side);color:var(--preview-side-ink);overflow-wrap:anywhere}#demo-preview aside strong{display:block;margin-bottom:4px;font-size:15px}#demo-preview aside small{display:block;font-size:9px;margin-bottom:20px}#demo-preview aside span{display:block;font-size:10px;margin:12px 0}.preview-main{padding:18px;min-width:0;overflow-wrap:anywhere}.preview-main>small{font-size:9px}.preview-main h3{font-size:19px}.preview-main p{font-size:11px;line-height:1.5}.preview-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preview-metrics>div,.preview-card{background:var(--preview-card);border-radius:var(--preview-radius);padding:12px}.preview-metrics strong{display:block;font-size:17px}.preview-metrics span{font-size:10px}.preview-card{margin-top:16px;font-size:12px}.preview-button{display:inline-block;background:var(--preview-accent);color:var(--preview-button-ink);padding:8px;border-radius:var(--preview-radius);font-size:10px}@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.preview-column{position:static}}@media(max-width:650px){.summary-grid{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr}.module-checks{grid-template-columns:1fr}#profile-editor{padding:14px}.editor-heading{flex-wrap:wrap}.preview-main{padding:12px}#demo-preview{grid-template-columns:105px 1fr}}