* { box-sizing: border-box; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #0f1115;
  color: #e6e8eb;
  margin: 0;
}
a { color: #6ea8fe; }
.topbar {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 24px; background: #171a21; border-bottom: 1px solid #262a33;
}
.topbar nav a { margin-right: 16px; color: #c7cbd1; text-decoration: none; font-size: 14px; }
.topbar nav a:hover { color: #fff; }
.container { max-width: 1000px; margin: 0 auto; padding: 24px; }
.card {
  background: #171a21; border: 1px solid #262a33; border-radius: 10px;
  padding: 18px 20px; margin-bottom: 16px;
}
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; }
.stat { font-size: 28px; font-weight: 700; }
.stat-label { color: #9aa2ad; font-size: 13px; margin-top: 4px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid #262a33; }
th { color: #9aa2ad; font-weight: 600; }
input, select, textarea, button {
  font: inherit; padding: 8px 10px; border-radius: 6px; border: 1px solid #333844;
  background: #0f1115; color: #e6e8eb;
}
textarea { width: 100%; min-height: 90px; }
button {
  background: #3d6cf0; border-color: #3d6cf0; color: white; cursor: pointer; font-weight: 600;
}
button.danger { background: #d0483f; border-color: #d0483f; }
button.secondary { background: transparent; color: #c7cbd1; }
form.inline { display: inline; }
.row { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 10px; }
.badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 12px; }
.badge.green { background: #16351f; color: #63d17c; }
.badge.red { background: #3a1a1a; color: #ec6b64; }
.error { color: #ec6b64; margin-bottom: 12px; }
h1 { font-size: 20px; } h2 { font-size: 16px; color: #c7cbd1; }
.section-title { margin-top: 28px; margin-bottom: 8px; }