:root {
  --ink: #16202d;
  --muted: #7b8797;
  --line: #e3e8ef;
  --bg: #f3f5f8;
  --teal: #1768cb;
  --teal-dark: #0d4f9f;
  --pale: #eaf2fd;
  --red: #c84949;
  --shadow: 0 16px 50px rgba(1, 11, 27, .14);
}

body { color: var(--ink); }
.brand-mark {
  background: #05080e;
  color: #2e9fff;
  border: 1px solid #246fe0;
  border-radius: 50%;
  font: 800 13px Manrope, Arial, sans-serif;
  letter-spacing: -1px;
  box-shadow: 0 0 0 3px #1467c11c;
}
.side-brand { color: #fff; border-color: #1e2939; }
.side-brand small { color: #9aabc0; font-size: 9px; }
.sidebar {
  color: #fff;
  background: #080d16;
  border-color: #172131;
}
.nav-caption { color: #718098; }
.nav-link { color: #bac7d8; }
.nav-link > span { color: #8294ad; }
.nav-link:hover, .nav-link.active { color: #8ac5ff; background: #112744; }
.nav-link.active > span { color: #49a3ff; }
.sidebar-foot { color: #91a0b4; border-color: #1e2939; }
.sidebar-foot small { color: #6f8098; }
.button { background: #1768cb; box-shadow: 0 5px 14px #1768cb35; }
.button:hover { background: #0d4f9f; }
.login-bg, .install-bg {
  background: radial-gradient(circle at 14% 12%, #122c4e 0, transparent 36%),
              radial-gradient(circle at 91% 88%, #10264a 0, transparent 38%), #05080e;
}
.login-card, .install-shell .card {
  border-color: #e2e8f0;
  box-shadow: 0 20px 70px rgba(0,0,0,.3);
}
.install-shell .brand { color: #fff; }
.install-shell .brand small { color: #aebbd0; }
.eyebrow { color: #1768cb; }
.avatar { background: #eaf2fd; color: #0d4f9f; }
.text-link, .close-link, .link-button { color: #0d4f9f; }
.stat-card:after { background: #e7f0fc; }
.badge { background: #eaf2fd; color: #145cae; }
.form-panel { border-top-color: #1768cb; }
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus,
.login-card input:focus { border-color: #1768cb; box-shadow: 0 0 0 3px #1768cb1c; }
.form-grid input[type=checkbox] { accent-color: #1768cb; }
@media(max-width:720px) {
  .side-brand { color: #fff; }
}