body{font-family:system-ui;margin:0;background:#0b1220;color:#e9eefc}
.wrap{max-width:980px;margin:20px auto;padding:0 14px}
.top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.toplinks{display:flex;gap:12px}
a{color:#7c5cff;text-decoration:none}
a:hover{text-decoration:underline}

.card{background:#101b33;border:1px solid #2a3555;border-radius:12px;padding:14px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:10px 0}
input,select,button{padding:10px;border-radius:10px;border:1px solid #2a3555;background:#0f1930;color:#e9eefc}
button{cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}
.msg{padding:10px;border:1px solid #2a3555;border-radius:10px;background:#0f1930;min-height:20px}
.hr{border:none;border-top:1px solid #2a3555;margin:14px 0}
.pill{padding:8px 10px;border:1px solid #2a3555;border-radius:999px;background:#0f1930}

.box{background:#0f1930;border:1px solid #2a3555;border-radius:12px;overflow:hidden;min-height:360px}
video,img{width:100%;height:360px;object-fit:cover;display:block}
.hidden{display:none}

.table{width:100%;border-collapse:collapse;margin-top:10px}
.table th,.table td{border:1px solid #2a3555;padding:8px;font-size:14px}
.right{text-align:right}
.small{opacity:.8;font-size:12px}
.iconbtn{
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
}