body { font-family: Arial, sans-serif; margin:0; background:#0b0f14; color:#e9eef5; }
a { color:#88b7ff; text-decoration:none; }
.container { max-width: 1100px; margin: 0 auto; padding: 18px; }
.card { background:#121a24; border:1px solid #1f2a39; border-radius:14px; padding:16px; margin:14px 0; }
.row { display:flex; gap:14px; flex-wrap:wrap; }
.col { flex:1; min-width: 260px; }
input, select, button, textarea {
  width:100%; padding:10px; border-radius:10px; border:1px solid #263449;
  background:#0f1620; color:#e9eef5; outline:none;
}
button { cursor:pointer; background:#2a6cff; border:none; font-weight:700; }
button:hover { opacity:0.92; }
.nav { display:flex; gap:12px; align-items:center; padding:12px 18px; background:#0f1620; border-bottom:1px solid #1f2a39; flex-wrap:wrap; }
.badge { display:inline-block; padding:5px 10px; border-radius:999px; background:#0f1620; border:1px solid #263449; }
.small { opacity:0.85; font-size: 13px; }
hr { border:0; border-top:1px solid #1f2a39; margin:14px 0; }
table { width:100%; border-collapse: collapse; }
th, td { text-align:left; padding:10px; border-bottom:1px solid #1f2a39; }
h1,h2,h3 { margin: 8px 0 10px; }