:root{--bg:#101315;--card:#191e20;--card2:#202729;--border:#343c3f;--text:#f0f3f3;--muted:#9ba5a8;--accent:#8aa63d;--accent2:#b6ce5a;--online:#7fc343;--danger:#d36d5d}
*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#27302d 0,var(--bg) 48%);color:var(--text)}
.wrap{max-width:1050px;margin:auto;padding:28px 16px}.card{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:rgba(25,30,32,.97);box-shadow:0 15px 45px rgba(0,0,0,.35)}
header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px 26px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(138,166,61,.16),transparent)}
small{color:var(--accent2);font-size:11px;font-weight:bold;letter-spacing:2px}h1{margin:6px 0 3px;font-size:28px}header p{margin:0;color:var(--muted)}
.status{white-space:nowrap;padding:9px 13px;border:1px solid #3d4c32;border-radius:999px;color:#cfe7b2;background:rgba(127,195,67,.08);font-size:13px}.status i{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:var(--online)}.status.off{color:#f0b0a7;border-color:#633e39;background:rgba(211,109,93,.08)}.status.off i{background:var(--danger)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border)}.stats>div{padding:14px 18px;background:var(--card2)}.stats b{display:block;font-size:21px;color:var(--accent2)}.stats span{color:var(--muted);font-size:12px}
#tree{padding:12px 18px 20px}.channel{margin-left:calc(var(--depth)*22px);border-left:1px solid #3b4546}.ch{display:flex;align-items:center;gap:9px;min-height:42px;padding:8px 12px;border-bottom:1px solid #2e3537}.ch strong{flex:1}.ch em{font-style:normal;color:var(--muted);font-size:12px}.users{padding:2px 12px 7px 38px;color:#d4dbdc;font-size:14px}.users div{padding:4px 0}.loading{text-align:center;padding:25px;color:var(--muted)}
.error{margin:16px 18px 0;padding:12px 14px;border:1px solid #673e38;border-radius:8px;background:rgba(211,109,93,.1);color:#f0b4aa}.hidden{display:none}
footer{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}
@media(max-width:650px){header{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr}.channel{margin-left:calc(var(--depth)*10px)}footer{flex-direction:column}}