.community-page{--cs-gold:#d4af37;--cs-green:#41d06b;--cs-pink:#ef5b93;--cs-blue:#62a8ff;--cs-panel:color-mix(in srgb,var(--bg-elev1) 82%,#0d1014);--cs-panel-2:color-mix(in srgb,var(--bg-elev2) 76%,#10161d)}.cs-hero,.cs-panel{border:1px solid var(--line);background:var(--cs-panel);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 36px rgba(0,0,0,.18)}.cs-hero{display:grid;grid-template-columns:minmax(260px,1fr) repeat(4,minmax(126px,160px));gap:10px;align-items:stretch;padding:14px;border-radius:8px;background:linear-gradient(90deg,rgba(212,175,55,.18),transparent 34%),linear-gradient(135deg,var(--cs-panel),color-mix(in srgb,var(--cs-panel) 74%,#142236))}.cs-hero-main,.cs-hero-stat{display:flex;align-items:center;min-height:86px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.16)}.cs-hero-main{gap:14px;padding:14px}.cs-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:8px;color:#0f1114;background:linear-gradient(135deg,var(--cs-gold),#f2e4a2)}.cs-hero h2{margin:0;font-size:clamp(24px,3vw,38px);line-height:.95;letter-spacing:0}.cs-hero p{margin:7px 0 0;color:var(--text-3);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.cs-hero-stat{flex-direction:column;justify-content:center;gap:5px;padding:10px}.cs-hero-stat svg{color:var(--cs-gold)}.cs-hero-stat b{font-size:24px;line-height:1;color:var(--text-1)}.cs-hero-stat span{font-family:var(--font-mono);color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.cs-grid{display:grid;gap:14px}.cs-overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr)}.cs-four{grid-template-columns:repeat(4,minmax(0,1fr))}.cs-drilldowns{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-bottom{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}.cs-panel{border-radius:8px;padding:14px;min-width:0}.cs-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cs-panel-head h3{margin:0;font-size:16px;letter-spacing:0}.cs-panel-head span{display:inline-flex;align-items:center;gap:7px;color:var(--text-3);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.cs-panel-head svg{color:var(--cs-gold)}.msg-dot,.voice-dot{width:9px;height:9px;border-radius:999px;display:inline-block}.msg-dot{background:var(--cs-green);box-shadow:0 0 14px rgba(65,208,107,.45)}.voice-dot{background:var(--cs-pink);box-shadow:0 0 14px rgba(239,91,147,.45)}.cs-chart{width:100%;height:220px;display:block;overflow:visible}.cs-chart line{stroke:rgba(255,255,255,.08)}.cs-chart polyline,.cs-mini-chart polyline{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.cs-chart .msg{stroke:var(--cs-green)}.cs-chart .voice{stroke:var(--cs-pink)}.cs-mini-chart{width:100%;height:74px}.cs-mini-chart.green polyline{stroke:var(--cs-green)}.cs-mini-chart.pink polyline{stroke:var(--cs-pink)}.cs-mini-chart.gold polyline{stroke:var(--cs-gold)}.cs-donut{--online:0%;--idle:0%;--dnd:0%;width:min(210px,70vw);aspect-ratio:1;margin:8px auto 16px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cs-green) 0 var(--online),var(--cs-gold) var(--online) var(--idle),var(--cs-pink) var(--idle) var(--dnd),rgba(255,255,255,.1) var(--dnd) 100%);position:relative}.cs-donut:after{content:"";position:absolute;inset:20%;border-radius:inherit;background:var(--cs-panel);border:1px solid rgba(255,255,255,.08)}.cs-donut b,.cs-donut span{position:relative;z-index:1}.cs-donut b{align-self:end;font-size:34px;line-height:1}.cs-donut span{align-self:start;color:var(--text-3);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.cs-status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cs-status-list span{display:flex;align-items:center;gap:7px;padding:8px;border-radius:6px;background:rgba(255,255,255,.045);color:var(--text-3);font-size:12px;text-transform:uppercase}.cs-status-list i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2)}.cs-status-list i.online{background:var(--cs-green)}.cs-status-list i.idle{background:var(--cs-gold)}.cs-status-list i.dnd{background:var(--cs-pink)}.cs-status-list b{margin-left:auto;color:var(--text-1)}.cs-rank-list{display:grid;gap:7px}.cs-rank-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:36px;padding:7px 9px;border-radius:6px;background:rgba(0,0,0,.18)}.cs-rank-row .idx{color:var(--cs-gold);font-family:var(--font-mono);font-weight:800}.cs-rank-row .name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-2)}.cs-rank-row b{font-family:var(--font-mono);color:var(--text-1);font-size:12px}.cs-channel-card,.cs-member-card{display:grid;gap:10px;min-height:180px;padding:14px;border-radius:8px;background:linear-gradient(135deg,rgba(212,175,55,.08),rgba(98,168,255,.07));border:1px solid rgba(255,255,255,.08)}.cs-member-card{grid-template-columns:54px minmax(0,1fr) repeat(2,minmax(88px,110px));align-items:center}.cs-member-card .avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:12px;background:var(--cs-gold);color:#141414;font-weight:900}.cs-member-card .who{min-width:0;display:grid;gap:4px}.cs-channel-card b,.cs-member-card .who b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px}.cs-channel-card span,.cs-member-card .who span{color:var(--text-3);font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.cs-member-card .tile{min-height:54px;padding:9px;border-radius:6px;background:rgba(0,0,0,.2)}.cs-member-card .tile span{display:block;color:var(--text-3);font-size:11px;text-transform:uppercase}.cs-member-card .tile b{font-size:22px;color:var(--text-1)}.cs-member-card .cs-mini-chart{grid-column:1/-1}.cs-channel-card{align-content:start}.cs-heatmap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}.cs-heatmap span{display:grid;place-items:center;min-height:34px;border-radius:6px;background:rgba(255,255,255,.045);color:var(--text-3);font-family:var(--font-mono);font-size:11px}.cs-heatmap span[data-level="1"]{background:rgba(212,175,55,.12);color:var(--text-2)}.cs-heatmap span[data-level="2"]{background:rgba(212,175,55,.2);color:var(--text-1)}.cs-heatmap span[data-level="3"]{background:rgba(65,208,107,.22);color:var(--text-1)}.cs-heatmap span[data-level="4"]{background:rgba(98,168,255,.26);color:var(--text-1)}.cs-heatmap span[data-level="5"]{background:rgba(239,91,147,.32);color:var(--text-1)}.cs-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cs-settings-grid span{display:grid;gap:5px;padding:12px;border-radius:6px;background:rgba(255,255,255,.045);color:var(--text-2)}.cs-settings-grid b{color:var(--text-3);font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}@media (max-width:1100px){.cs-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-hero-main{grid-column:1/-1}.cs-four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.cs-bottom,.cs-drilldowns,.cs-four,.cs-hero,.cs-overview-grid{grid-template-columns:1fr}.cs-hero-main{grid-column:auto}.cs-member-card{grid-template-columns:48px minmax(0,1fr)}.cs-member-card .tile{grid-column:span 1}.cs-heatmap{grid-template-columns:repeat(6,minmax(0,1fr))}}