:root { --ink:#102d26; --paper:#f6f6f2; --panel:#fff; --muted:#6d7772; --line:#dfe2dc; --soft:#eef1ec; --danger:#a53636; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"Segoe UI",Arial,sans-serif; }
button,input { font:inherit; }
header { position:relative !important; top:auto !important; display:flex; height:84px; align-items:center; justify-content:space-between; padding:0 max(24px,calc((100vw - 1160px)/2)); border-bottom:1px solid var(--line); background:#fff; }
header img { width:210px; }
header a { color:var(--ink); font-size:13px; font-weight:700; text-underline-offset:4px; }
main { width:min(1100px,calc(100% - 40px)); margin:0 auto; padding:58px 0 90px; }
.intro { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:30px; }
.eyebrow { margin:0 0 7px; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1,h2 { margin:0; font-family:Georgia,serif; font-weight:400; }
h1 { font-size:46px; }
h2 { font-size:28px; }
.intro p:last-child { max-width:680px; margin:12px 0 0; color:var(--muted); line-height:1.55; }
.intro button,.invite-result button { min-height:42px; padding:0 16px; border:0; border-radius:8px; color:#fff; background:#101311; font-weight:800; cursor:pointer; white-space:nowrap; }
.invite-result { display:grid; grid-template-columns:minmax(170px,.6fr) minmax(260px,1.5fr) auto; gap:12px; align-items:center; margin-bottom:22px; padding:18px; border:1px solid #cfd9ce; border-radius:11px; background:#edf5eb; }
.invite-result strong,.invite-result span { display:block; }.invite-result span { margin-top:4px; color:var(--muted); font-size:12px; }
.invite-result input { min-width:0; height:42px; padding:0 12px; border:1px solid var(--line); border-radius:7px; background:#fff; }
.members-card { overflow:hidden; border:1px solid var(--line); border-radius:13px; background:var(--panel); }
.section-title { display:flex; align-items:end; justify-content:space-between; padding:22px; border-bottom:1px solid var(--line); }.section-title > span { color:var(--muted); font-size:12px; }
.member-row { display:grid; grid-template-columns:minmax(160px,1fr) 110px 120px auto; gap:14px; align-items:center; padding:16px 22px; border-bottom:1px solid var(--line); }
.member-row:last-child { border-bottom:0; }.member-name strong,.member-name span { display:block; }.member-name span { margin-top:3px; color:var(--muted); font-size:11px; }
.role,.status { font-size:12px; }.status.active { color:#347149; }.status.blocked { color:var(--danger); }
.member-actions { display:flex; gap:7px; justify-content:end; }.member-actions button { min-height:32px; padding:0 10px; border:1px solid var(--line); border-radius:7px; color:var(--ink); background:transparent; cursor:pointer; font-size:11px; font-weight:700; }.member-actions button:hover { background:var(--soft); }.member-actions .danger { color:var(--danger); }
.empty { display:grid; gap:5px; padding:50px 20px; color:var(--muted); text-align:center; }.empty strong { color:var(--ink); }
.environment-note,.message { margin:15px 2px 0; color:var(--muted); font-size:12px; }.message { color:var(--danger); }
[hidden] { display:none!important; }
@media(max-width:700px) { header { padding:0 18px; } header img { width:170px; } main { width:calc(100% - 28px); padding-top:35px; }.intro { align-items:start; flex-direction:column; }.intro button { width:100%; }.invite-result { grid-template-columns:1fr; }.member-row { grid-template-columns:1fr 1fr; }.member-actions { grid-column:1/-1; justify-content:start; } }