:root {
  --accent: #0f766e; --sub: #78716c; --line: #e7e5e4; --page: #f4f4f2; --neg: #dc2626;
}
[data-bs-theme="dark"] {
  --accent: #2dd4bf; --sub: #a8a29e; --line: #292524; --page: #0e0d0b; --neg: #f87171;
}
.app-body { background: var(--page); }
.login-wrap { max-width: 340px; margin: 16vh auto 0; padding: 0 22px; text-align: center; }
.login-icon {
  width: 64px; height: 64px; border-radius: 20px; margin: 0 auto;
  background: linear-gradient(135deg, #0f766e, #134e4a); color: #f0fdfa;
  display: flex; align-items: center; justify-content: center; font-size: 30px;
  box-shadow: 0 8px 20px rgba(15, 118, 110, .3);
}
.login-icon i { line-height: 1; }
.err { color: var(--neg); font-size: 14px; }
.btn-accent {
  --bs-btn-bg: var(--accent); --bs-btn-border-color: var(--accent); --bs-btn-color: #fff;
  --bs-btn-hover-bg: var(--accent); --bs-btn-hover-border-color: var(--accent); --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: var(--accent); --bs-btn-active-color: #fff; --bs-btn-disabled-bg: var(--accent);
  --bs-btn-disabled-color: #fff;
}
.fs-7 { font-size: 0.8125rem !important; }