/* ============================================================
   LOGIN.CSS — CHI cho trang dang nhap (cong khai).
   Toan bo CSS app (tokens/base/layout/components/modules) duoc
   GAC SAU CONG, tiem cung khung qua /api/shell sau khi dang nhap.
   File nay khong he lo cau truc bao cao/menu.
   ============================================================ */
:root{
  --navy:#0F1923; --navy-lt:#1A2836; --navy-md:#243547;
  --orange:#FF6B35; --orange-lt:#FF8B5E; --white:#FFFFFF; --logo-green:#0A9E0A;
  --g100:#F3F4F6; --g200:#E5E7EB; --g500:#6B7280; --g700:#374151; --g900:#111827;
  --font:'Times New Roman', Times, serif;
}
*{ margin:0; padding:0; box-sizing:border-box; }
body{ font-family:var(--font); background:var(--g100); color:var(--g900); min-height:100vh; }
.hidden{ display:none !important; }

#login-page{ min-height:100vh; display:flex; align-items:center; justify-content:center; background:var(--navy); padding:20px; }
.login-box{ background:var(--navy-lt); border:1px solid var(--navy-md); border-radius:16px; padding:40px; width:100%; max-width:380px; }
.login-logo{ text-align:center; margin-bottom:32px; }
.login-logo .brand{ font-size:24px; font-weight:800; color:var(--orange); }
.login-logo .sub{ font-size:12px; color:var(--white); margin-top:6px; }

.fg{ display:flex; flex-direction:column; gap:5px; }
label{ font-size:12px; font-weight:700; color:var(--logo-green); text-transform:uppercase; letter-spacing:.4px; }
input{ font-family:var(--font); font-size:14px; padding:9px 12px; border:1.5px solid var(--g200); border-radius:8px; color:var(--g900); background:var(--white); outline:none; width:100%; }
input:focus{ border-color:var(--orange); }

.btn{ font-family:var(--font); font-size:13px; font-weight:600; padding:9px 18px; border-radius:8px; border:none; cursor:pointer; transition:.15s; }
.btn-primary{ background:var(--orange); color:var(--white); }
.btn-primary:hover{ background:var(--orange-lt); }

.alert{ padding:10px 14px; border-radius:8px; font-size:13px; margin-bottom:14px; }
.alert-err{ background:#FEE2E2; color:#991B1B; }

/* Màn "Đang tải" (thay cho việc nháy trang login lúc F5/đăng nhập) */
#app-loading{ position:fixed; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; background:var(--navy); color:var(--orange); font-size:16px; font-weight:700; z-index:9999; }
.ld-spin{ width:42px; height:42px; border:4px solid var(--navy-md); border-top-color:var(--orange); border-radius:50%; animation:ldspin .9s linear infinite; }
@keyframes ldspin{ to{ transform:rotate(360deg); } }