:root{--bg:#0b0d12;--panel:#121620;--panel2:#171c28;--line:#252c3a;--text:#f3f5f8;--muted:#929bad;--accent:#8b7cff;--danger:#ef7d7d;--warn:#e7b86b;--ok:#70c997;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.boot{padding:40px;color:var(--muted)}.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#1a1730 0,#0b0d12 48%)}.authbox{width:min(420px,100%);padding:34px;background:rgba(18,22,32,.94);border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px #0008}.logo,.brand{font-size:22px;letter-spacing:-.04em}.logo b,.brand b{color:var(--accent)}.muted,small{color:var(--muted)}.authbox form{display:grid;gap:16px;margin-top:28px}.authbox label{display:grid;gap:7px;color:#c9ced8}.authbox input,.topactions select{background:#0e121a;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:12px}.btn{border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:650}.btn:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);color:white}.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.ghost{background:transparent;color:var(--muted)}.switch{text-align:center;margin:20px 0 0;color:var(--muted)}.switch a{color:var(--text);font-weight:700}.notice{padding:12px 14px;border-radius:10px;background:#1a2130;border:1px solid var(--line)}.notice.error{border-color:#61383d;color:#ffb2b2}.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.side{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid var(--line);background:#0d1017}.account{font-size:12px;color:var(--muted);padding:16px 10px;overflow:hidden;text-overflow:ellipsis}.side nav{display:grid;gap:4px}.side nav a{padding:10px 12px;border-radius:9px;color:var(--muted)}.side nav a:hover,.side nav a.active{background:var(--panel2);color:var(--text)}.sideout{position:absolute;bottom:24px;left:16px;right:16px;background:transparent;border:1px solid var(--line);color:var(--muted);padding:9px;border-radius:9px;cursor:pointer}.main{min-width:0;padding:28px 34px;max-width:1500px;width:100%}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:800}.top h1{margin:2px 0 0;font-size:30px;letter-spacing:-.04em}.topactions{display:flex;gap:8px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px;background:linear-gradient(135deg,#17142b,#121620 65%);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:20px}.hero h2{font-size:25px;margin:8px 0 5px;letter-spacing:-.03em}.hero p{margin:0;max-width:760px}.pill,.status,.priority{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--panel2);padding:4px 8px;border-radius:999px;font-size:11px;color:#c9ced8}.grid{display:grid;gap:14px}.cards4{grid-template-columns:repeat(4,1fr)}.card,.section{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.card{padding:18px}.cards4 .card{display:grid;gap:4px}.label{font-size:12px;color:var(--muted)}.card strong{font-size:25px;letter-spacing:-.04em}.section{padding:18px;margin-top:20px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sectionhead h2{font-size:17px;margin:0}.sectionhead a{color:var(--accent);font-weight:700}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}td small{display:block}.empty{color:var(--muted);text-align:center;padding:28px}.loading{color:var(--muted)}.channelgrid,.thumbgrid,.plans,.topicgrid{display:grid;gap:14px}.channelgrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.channeltop{display:flex;gap:12px;align-items:center}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#29233e;color:#cfc9ff;font-weight:800}.channel h3,.thumb h3,.recommend h3,.topic b{margin:0}.stats{display:flex;gap:15px;margin:20px 0;color:var(--muted);font-size:12px}.stats b{display:block;color:var(--text);font-size:16px}.channelactions{display:flex;gap:7px}.twocol{display:grid;grid-template-columns:1.25fr .9fr;gap:20px}.list{display:grid}.listrow{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.listrow small{display:block}.score{font-weight:800;color:#c5beff}.insight{padding:13px;border:1px solid var(--line);border-radius:10px;margin-bottom:9px}.insight.high{border-color:#704047}.insight.warning{border-color:#66512e}.insight p,.recommend p{margin:5px 0;color:var(--muted)}.thumbgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.thumb{padding:0;overflow:hidden}.thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#0a0d12}.thumbbody{padding:14px}.metricline{margin:8px 0}.plans{grid-template-columns:repeat(3,1fr)}.plan{position:relative}.plan.current{border-color:#5f56a3}.price{font-size:34px;font-weight:800;margin:18px 0}.price small{font-size:12px;font-weight:500}.plan ul{padding-left:18px;color:var(--muted)}.recommend{border:1px solid var(--line);border-radius:12px;padding:15px;margin-bottom:10px}.recommendtop{display:flex;justify-content:space-between}.priority.high{color:#ffb0b0;border-color:#65373d}.priority.medium{color:#f2cb82}.priority.low{color:#91d9b2}.topicgrid{grid-template-columns:repeat(2,1fr)}.topic{display:grid;gap:5px}.topic span{font-size:12px;color:var(--muted)}
@media(max-width:1050px){.shell{grid-template-columns:190px}.main{padding:24px}.cards4,.plans{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}}@media(max-width:720px){.shell{display:block}.side{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:15px}.side nav{display:flex;overflow:auto}.side nav a{white-space:nowrap}.sideout{position:static;width:100%;margin-top:8px}.main{padding:18px}.top{align-items:flex-start;flex-direction:column}.topactions{width:100%}.topactions select{flex:1}.hero{align-items:flex-start;flex-direction:column}.cards4,.plans{grid-template-columns:1fr}.topicgrid{grid-template-columns:1fr}}