* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  background: #0e0f14;
  color: #f2f2f5;
}
a { color: #8ecbff; }
header {
  padding: 20px 16px 8px;
  max-width: 1080px;
  margin: 0 auto;
}
header h1 { margin: 0 0 4px; font-size: 26px; }
header p { margin: 4px 0; color: #b9bcc9; }
.banner {
  background: #2a2110;
  border: 1px solid #8a6a2f;
  color: #ffd98a;
  padding: 10px 12px;
  border-radius: 10px;
  margin: 12px auto;
  max-width: 1080px;
}
main { max-width: 1080px; margin: 0 auto; padding: 8px 16px 40px; }
.card {
  background: #171923;
  border: 1px solid #2a2d3d;
  border-radius: 14px;
  padding: 14px;
  margin-bottom: 14px;
}
.card h2 { margin: 0 0 10px; font-size: 18px; }
.row { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
input {
  background: #0e0f14;
  border: 1px solid #3a3d52;
  color: #fff;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 14px;
}
button {
  background: #4f7cff;
  color: #fff;
  border: 0;
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 14px;
  cursor: pointer;
}
button.secondary { background: #2a2d3d; }
button.warn { background: #8a3b2e; }
button:disabled { opacity: 0.45; cursor: default; }
.stat { display: inline-block; margin-right: 16px; color: #b9bcc9; }
.stat b { color: #fff; }
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
  gap: 10px;
}
.table {
  background: #10121a;
  border: 1px solid #2a2d3d;
  border-radius: 12px;
  padding: 10px;
}
.table.mine { border-color: #4f7cff; }
.table h3 { margin: 0 0 6px; font-size: 14px; }
.table p { margin: 4px 0; font-size: 13px; color: #b9bcc9; }
.table p b { color: #fff; }
.table input { width: 100%; margin: 6px 0; }
.table button { width: 100%; margin-top: 4px; }
.muted { color: #8a8ea3; font-size: 13px; }
#msg { white-space: pre-wrap; }
ul { padding-left: 20px; color: #b9bcc9; }
li { margin-bottom: 6px; }
#adminCard { display: none; }