:root{
  --c-bg:#f5eee3;
  --c-ink:#20242b;
  --c-muted:#6e675f;
  --c-panel:#fff8ef;
  --c-line:#dcc4a3;
  --c-accent:#8f3125;
  --c-accent-2:#c76f45;
  --c-soft:#f2e3cf;
}
html,body{background:linear-gradient(180deg,#fff8ee 0%,#f5eee3 58%,#eedcc8 100%);color:var(--c-ink)}
.com-shell{max-width:1180px;margin:0 auto;padding:0 18px 40px}
.com-hero,.com-card,.com-panel{background:var(--c-panel);border:1px solid var(--c-line);border-radius:26px;box-shadow:0 24px 44px rgba(82,46,20,.08)}
.com-hero{padding:26px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:24px}
.com-card,.com-panel{padding:20px}
.com-eyebrow{font:700 12px/1 "Segoe UI",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--c-accent-2)}
.com-title{margin:10px 0 10px;font-size:42px;line-height:1.03}
.com-copy{margin:0;color:var(--c-muted)}
.com-actions,.com-grid,.com-meta,.com-tabs,.com-stats{display:flex;gap:12px;flex-wrap:wrap}
.com-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:18px}
.com-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px}
.com-stat{padding:16px;border-radius:18px;background:var(--c-soft);border:1px solid var(--c-line)}
.com-stat strong{display:block;font-size:28px}
.com-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:999px;border:1px solid var(--c-line);background:var(--c-soft);color:var(--c-ink);font:700 14px/1 "Segoe UI",sans-serif;text-decoration:none}
.com-btn.primary{background:linear-gradient(135deg,var(--c-accent) 0%,var(--c-accent-2) 100%);border-color:transparent;color:#fff}
.com-tab{padding:10px 14px;border-radius:999px;border:1px solid var(--c-line);background:rgba(255,248,239,.84);font:700 13px/1 "Segoe UI",sans-serif;color:var(--c-ink);text-decoration:none}
.com-tab.active{background:linear-gradient(135deg,var(--c-accent) 0%,var(--c-accent-2) 100%);border-color:transparent;color:#fff}
.com-member{padding:18px;border-radius:22px;background:#fffdf9;border:1px solid var(--c-line)}
.com-avatar{width:88px;height:88px;border-radius:20px;object-fit:cover;border:1px solid var(--c-line);background:#f1e5d6}
.com-member h3{margin:10px 0 8px;font-size:23px}
.com-meta{color:var(--c-muted);font:600 13px/1.4 "Segoe UI",sans-serif}
.com-pill{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:var(--c-soft);border:1px solid var(--c-line);font:700 12px/1 "Segoe UI",sans-serif;color:var(--c-accent)}
.com-empty{padding:28px;border-radius:24px;border:1px dashed var(--c-line);background:rgba(255,248,239,.72);text-align:center;color:var(--c-muted);margin-top:18px}
@media (max-width:900px){
  .com-hero,.com-stats{grid-template-columns:1fr}
  .com-title{font-size:34px}
}