:root { font-family: system-ui, Arial; }
body { margin:0; background:#0b0f14; color:#e7eef7; }
a { color:#9bd; }
.wrap { max-width: 980px; margin: 0 auto; padding: 18px; }
h1,h2 { margin: 10px 0; }
.small { opacity:.85; font-size: 13px; }

.card { background:#121a24; border:1px solid #223041; border-radius:12px; padding:14px; margin:10px 0; }
.grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap:10px; }

label { display:block; margin-top:10px; font-size: 13px; opacity:.9; }
input, textarea {
  width:100%; box-sizing:border-box;
  background:#0d141d; color:#e7eef7;
  border:1px solid #223041; border-radius:10px;
  padding:10px; margin-top:6px;
}
button {
  margin-top:12px; padding:10px 14px;
  border:0; border-radius:10px;
  background:#f0b429; color:#111; font-weight:700;
  cursor:pointer;
}
.msg { margin-top: 10px; }
.err { color:#ff7b7b; }
.ok { color:#7bffb0; }

table { width:100%; border-collapse:collapse; }
th,td { border-bottom:1px solid #223041; padding:8px; text-align:left; }