body { font-family: system-ui, Arial; margin: 0; background: #0b0f14; color: #e9eef5; }
.wrap { max-width: 980px; margin: 0 auto; padding: 24px; }
.card { background: #111826; border: 1px solid #1f2a3a; border-radius: 14px; padding: 16px; }
.row { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
input, button { border-radius: 10px; border: 1px solid #233148; padding: 10px 12px; background: #0b1220; color: #e9eef5; }
button { cursor: pointer; }
table { width: 100%; border-collapse: collapse; margin-top: 12px; }
th, td { padding: 10px; border-bottom: 1px solid #1f2a3a; text-align: left; }
a { color: #8ab4ff; text-decoration: none; }
.small { opacity: 0.75; font-size: 12px; }
.pill { padding: 2px 8px; border: 1px solid #233148; border-radius: 999px; font-size: 12px; }
.progress { height: 10px; background: #0b1220; border: 1px solid #233148; border-radius: 999px; overflow: hidden; width: 260px; }
.progress > div { height: 100%; background: #8ab4ff; width: 0%; }