/* manage 로그인: 성과관리 포털(파란색)과 헷갈리지 않게 관리 콘솔 색(회청색 + 청록)으로. style.css 다음에 읽는다 */
.admin-login { --admin: #0f766e; --admin-2: #14b8a6; --slate: #0f172a; --slate-2: #1e293b; }
.admin-login.login-body { background: radial-gradient(circle at 15% 20%, #1e3a4c 0%, transparent 45%), linear-gradient(135deg, var(--slate) 0%, var(--slate-2) 100%); }
.admin-login .login-wrap { box-shadow: 0 24px 60px rgba(0, 0, 0, .45); }
.admin-login .login-visual {
  background: linear-gradient(160deg, #111c2e 0%, #0b1322 100%);
  border-right: 1px solid rgba(255, 255, 255, .06);
  display: flex; flex-direction: column;
}
.admin-login .login-visual .logo { margin-bottom: 40px; }
.admin-login .login-visual .logo-mark { background: var(--admin-2); color: var(--slate); }
.admin-login .admin-badge {
  align-self: flex-start; margin-bottom: 14px; padding: 4px 10px; border-radius: 999px;
  border: 1px solid rgba(20, 184, 166, .5); color: #5eead4; font-size: 12px; font-weight: 700; letter-spacing: .04em;
}
.admin-login .login-visual h1 { font-size: 32px; }
.admin-login .login-visual p { color: #a7b4c8; }
.admin-login .admin-func { margin-top: auto; padding-top: 32px; color: #7c8aa3; font-size: 13px; }
.admin-login .login-card h2 { display: flex; align-items: center; gap: 8px; }
.admin-login .login-card input:focus { outline-color: var(--admin); }
.admin-login .login-card .btn-primary { background: var(--admin); border-color: var(--admin); }
.admin-login .login-card .btn-primary:hover { background: #115e59; border-color: #115e59; }
@media (max-width: 720px) {
  .admin-login .admin-func { display: none; }
}