:root{--bg: #1e1f22;--panel: #2b2d31;--panel2: #35373c;--border: #3f4147;--text: #e3e5e8;--muted: #9aa0a6;--accent: #5865f2;--accent2: #57f287;--danger: #ed4245}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Malgun Gothic,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 14px;cursor:pointer;font-size:14px}button:hover{background:var(--border)}button.primary{background:var(--accent);border-color:var(--accent)}button.primary:hover{filter:brightness(1.1)}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:default}input,select{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:7px 10px;font-size:14px}a{color:var(--accent)}.link-plain{color:var(--text);text-decoration:none;cursor:pointer}.link-plain:hover{text-decoration:underline}.link-muted{color:var(--muted);text-decoration:none;cursor:pointer;white-space:nowrap}.link-muted:hover{color:var(--text);text-decoration:underline}.center{display:flex;align-items:center;justify-content:center;min-height:100vh}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px}.topbar{display:flex;align-items:center;gap:12px;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar .grow{flex:1}.tabs{display:flex;gap:4px;padding:8px 18px 0}.tabs button{border-bottom:none;border-radius:6px 6px 0 0}.tabs button.active{background:var(--accent);border-color:var(--accent)}.content{padding:18px}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.channel-card{display:flex;gap:12px;align-items:center}.channel-card img{width:56px;height:56px;border-radius:50%}.channel-card .meta{flex:1;min-width:0}.channel-card .title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-card .sub{color:var(--muted);font-size:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}tr:hover td{background:var(--panel2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.metric{background:var(--panel2);border-radius:8px;padding:12px}.metric .label{color:var(--muted);font-size:12px}.metric .value{font-size:22px;font-weight:700;margin-top:4px}.subtabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.subtabs button.active{background:var(--accent);border-color:var(--accent)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.error{color:var(--danger)}.badge{font-size:11px;padding:2px 7px;border-radius:10px;background:var(--panel2);border:1px solid var(--border)}.spinner{color:var(--muted);padding:20px}.section{margin-bottom:22px}.section h3{margin:0 0 10px;font-size:15px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:800px){.grid2{grid-template-columns:1fr}}textarea{width:100%;min-height:160px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:10px;font-family:ui-monospace,Consolas,monospace;font-size:12px}