body{font-family:system-ui,Arial;margin:20px;background:#0f1115;color:#e8e8e8}
a{color:#9ad}
.card{background:#171a21;border:1px solid #2a2f3a;border-radius:12px;padding:16px;margin:14px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}
input,select{width:100%;padding:10px;border-radius:10px;border:1px solid #2a2f3a;background:#0f1115;color:#e8e8e8}
button,.btn{padding:10px 14px;border-radius:10px;border:1px solid #2a2f3a;background:#22283a;color:#e8e8e8;cursor:pointer;text-decoration:none}
button.danger{background:#3a2222}
.row{display:flex;gap:10px;align-items:center}
.row input{flex:1}
table{width:100%;border-collapse:collapse}
th,td{padding:10px;border-bottom:1px solid #2a2f3a;text-align:left}
.live{color:#42f57b;font-weight:700}
.offline{color:#ff6b6b;font-weight:700}
.player{width:100%;height:360px;border:0;border-radius:12px;background:#000}
.error{color:#ff6b6b}
.muted{color:#9aa3b2}