:root{--blue:#0757b9;--red:#ec1c24;--ink:#0b1830;--muted:#6d7890;--bg:#f3f6fb}*{box-sizing:border-box}body{margin:0;font:14px Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink)}header{height:68px;background:#071529;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{font-size:22px;font-weight:900;letter-spacing:1px}.brand span{color:var(--red)}.brand small{font-size:11px;color:#9eb5d6;margin-left:8px}main{max-width:1250px;margin:30px auto;padding:0 20px}.card{background:#fff;border:1px solid #e1e7f0;border-radius:18px;padding:24px;box-shadow:0 8px 30px #102a5210}.center{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#071529,#0a59b7)}.center .card{width:min(390px,92vw)}input{width:100%;padding:12px 14px;border:1px solid #cad3e0;border-radius:9px;margin:7px 0 13px}button{border:0;border-radius:9px;background:var(--blue);color:white;padding:11px 16px;font-weight:800;cursor:pointer}.center button{width:100%}.ghost{background:#edf2f8;color:#23334e}header .ghost{background:#ffffff18;color:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.stats article{background:#fff;padding:20px;border-radius:15px;border-left:4px solid var(--blue)}.stats b{font-size:28px;display:block}.stats span,p{color:var(--muted)}.row{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.channel{border:1px solid #e1e7f0;border-radius:13px;padding:16px}.live{color:#13a668}.offline{color:#9aa3b2}.url{font:12px ui-monospace,monospace;background:#f5f7fa;padding:9px;border-radius:7px;overflow:auto;white-space:nowrap}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.danger{background:#ffedf0;color:#c51c28}dialog{border:0;border-radius:16px;width:min(480px,92vw)}dialog::backdrop{background:#071529aa}.check{display:flex;gap:8px;align-items:center}.check input{width:auto}pre{white-space:pre-wrap;background:#081529;color:#dcecff;padding:12px;border-radius:8px}@media(max-width:650px){.stats{grid-template-columns:1fr}.row{align-items:flex-start;gap:12px}.brand small{display:none}}