*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#0f1115;color:#e8e8e8}
a{color:inherit;text-decoration:none}
header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#171a21;border-bottom:1px solid #262a33;flex-wrap:wrap}
header h1{margin:0;font-size:22px;color:#4fc3f7}
input,select,button{font:inherit;padding:9px 12px;border-radius:8px;border:1px solid #333;background:#0f1115;color:#eee}
button{background:#4fc3f7;color:#000;border:0;cursor:pointer;font-weight:bold}
.tabs{display:flex;gap:8px;padding:14px 20px;flex-wrap:wrap}
.tabs a{padding:7px 14px;border-radius:20px;background:#1d212a}.tabs a.on{background:#4fc3f7;color:#000}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;padding:0 20px 30px}
.card{background:#1d212a;border-radius:12px;padding:18px 10px;text-align:center;transition:.15s}
.card:hover{background:#262c38;transform:translateY(-2px)}
.logo{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;background:#2b3240;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold;color:#4fc3f7;overflow:hidden}
.logo img{width:100%;height:100%;object-fit:contain}
.cat{font-size:12px;color:#999;margin-top:4px}
.player{max-width:1000px;margin:20px auto;padding:0 16px}
video{width:100%;background:#000;border-radius:12px}
.msg{padding:10px;border-radius:8px;margin:10px 0;background:#2a1f1f;color:#ff8a80}
.ok{background:#1f2a20;color:#a5d6a7}
table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid #262a33;text-align:right;font-size:14px}
.wrap{max-width:1100px;margin:auto;padding:20px}.url{direction:ltr;font-size:12px;color:#888;word-break:break-all}
form.inline{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}