:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#172b42;background:#f3f6fa;font-size:14px}*{box-sizing:border-box}body{margin:0}header{height:88px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:#102a43;color:white}.brand{display:flex;gap:16px;align-items:center}.brand>b{font-size:29px;letter-spacing:-2px;color:#66dbc8}.brand span{font-size:18px;font-weight:600}.brand small{display:block;font-size:11px;letter-spacing:2px;color:#a7bdce;margin-top:4px}main{max-width:1240px;padding:34px 24px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px}h1{font-size:30px;margin:7px 0 9px}h2{font-size:18px;margin:0 0 16px}p{color:#60758b;line-height:1.8;margin:8px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#148273}.panel{background:white;border:1px solid #e1e8f0;border-radius:14px;padding:24px;margin-bottom:22px}.filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:8px;color:#52677c;font-size:12px}input,select{height:42px;border:1px solid #ccd6e0;border-radius:7px;background:white;color:#172b42;padding:0 12px;font:inherit;font-size:14px;min-width:170px}button{height:42px;border:1px solid #ccd6e0;border-radius:7px;padding:0 18px;background:white;color:#23425a;font:inherit;cursor:pointer}button:hover{background:#eef5f8}button.primary{background:#087c6d;border-color:#087c6d;color:white}button.primary:hover{background:#066659}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #62cdbc;outline-offset:3px}header button{background:transparent;border-color:#516579;color:#eaf2f8;margin-left:8px}header button:hover{background:#28445c}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.cards article{background:white;border:1px solid #e1e8f0;border-radius:12px;padding:22px}.cards span{color:#60758b}.cards strong{display:block;font-size:36px;letter-spacing:-1px;margin:12px 0}.cards small,.muted{color:#738599;font-size:12px}.section-title{display:flex;justify-content:space-between;gap:16px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{text-align:right;padding:16px 12px;border-bottom:1px solid #edf1f5}th{background:#f7f9fc;font-size:12px;color:#60758b;font-weight:500}th:first-child,td:first-child{text-align:left}td small{display:block;color:#8291a0;margin-top:4px}.channel-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 0;border-bottom:1px solid #edf1f5}.channel-item a{display:block;color:#087c6d;font-size:13px;margin-top:6px;word-break:break-all}.channel-item .actions{display:flex;gap:8px;flex-shrink:0}.channel-item small{color:#7a8998}#channel-list{margin-top:14px}.empty{text-align:center;padding:20px}aside{padding:0 4px}aside p{font-size:12px}footer{text-align:center;color:#8190a0;font-size:12px;padding:12px 20px 30px}.login{max-width:450px;margin:40px auto;padding:36px}.login form{display:grid;gap:20px;margin:24px 0}.login small{color:#8190a0;line-height:1.7}#message{position:sticky;top:12px;z-index:2;padding:12px 18px;background:#fff5db;border:1px solid #ead393;border-radius:8px;color:#715422;box-shadow:0 4px 16px #17324b15}[hidden]{display:none!important}@media(max-width:700px){header{height:76px;padding:0 18px}.brand span{font-size:15px}header button{padding:0 9px;font-size:12px}main{padding:24px 14px}.heading{display:block}h1{font-size:25px}.panel{padding:18px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.cards article{padding:17px}.cards strong{font-size:29px}.filters{gap:12px}.filters label{flex:1;min-width:130px}input,select{min-width:0;width:100%}.section-title{flex-direction:column;gap:0;margin-bottom:12px}.channel-item{align-items:flex-start;flex-direction:column}.login{padding:24px;margin:20px auto}}