/* ---- Trang đăng nhập (trang đầu của website) ---- */
  body.lg-lock{overflow:hidden} body.lg-lock #topbar,body.lg-lock #appMain,body.lg-lock #appFoot{display:none!important}
  .lgx{position:fixed;inset:0;z-index:60;background:var(--surface,#fff);overflow:auto;font-family:Inter,system-ui,sans-serif}
  .lgx-wrap{min-height:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
  .lgx-brand{position:relative;color:#e6f4f7;display:flex;align-items:center;justify-content:center;padding:40px 36px;
    background:radial-gradient(1200px 600px at 20% 0%,#0a4a5c 0%,transparent 60%),linear-gradient(135deg,#03222d 0%,#06475a 55%,#066079 100%)}
  .lgx-brand::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 1px,transparent 1px 14px);pointer-events:none}
  .lgx-brand-in{position:relative;max-width:520px;text-align:center}
  .lgx-logo{display:inline-block;background:#fff;border-radius:16px;padding:16px 28px;box-shadow:0 14px 40px rgba(0,0,0,.35)} .lgx-logo img{display:block;width:240px;max-width:60vw;height:auto}
  .lgx-co{margin-top:26px;color:#e0b43a;font-weight:800;font-size:13px;letter-spacing:.09em}
  .lgx-title{margin-top:8px;font-size:30px;line-height:1.15;font-weight:800;color:#fff;letter-spacing:-.01em}
  .lgx-sub{margin-top:8px;font-size:14px;color:#a8dbe6}
  .lgx-feats{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center}
  .lgx-feats>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px 8px;backdrop-filter:blur(2px)}
  .lgx-feats i{display:block;font-size:17px;color:#e0b43a;margin-bottom:6px} .lgx-feats b{display:block;font-size:12.5px;font-weight:700;color:#fff} .lgx-feats span{display:block;margin-top:2px;font-size:11px;color:#a8dbe6;line-height:1.3}
  .lgx-form{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:26px}
  .lgx-card{width:100%;max-width:420px}
  .lgx-card h2{font-size:26px;font-weight:800;letter-spacing:-.01em} .lgx-hint{margin-top:4px;font-size:14px;color:var(--muted,#64748b);margin-bottom:22px}
  .lgx-card label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}
  .lgx-in{position:relative} .lgx-in>i:first-child{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px}
  .lgx-in input{width:100%;height:46px;border:1px solid var(--bd-3,#cbd5e1);border-radius:10px;padding:0 44px 0 40px;font-size:15px;background:var(--surface,#fff);color:inherit;outline:none;transition:border-color .15s,box-shadow .15s}
  .lgx-in input:focus{border-color:#06607a;box-shadow:0 0 0 3px rgba(6,96,122,.2)}
  .lgx-eye{position:absolute;right:4px;top:4px;width:38px;height:38px;border-radius:8px;color:#94a3b8} .lgx-eye:hover{color:#06607a}
  .lgx-rem{display:flex!important;align-items:center;gap:8px;font-weight:500!important;color:var(--muted,#475569);cursor:pointer;margin-top:16px!important} .lgx-rem input{width:16px;height:16px;accent-color:#06607a}
  .lgx-btn{width:100%;height:48px;margin-top:20px;border-radius:10px;background:linear-gradient(135deg,#06607a,#0a4a5c);color:#fff;font-weight:700;font-size:15px;box-shadow:0 6px 16px rgba(6,96,122,.35);transition:filter .15s,transform .05s} .lgx-btn:hover{filter:brightness(1.1)} .lgx-btn:active{transform:translateY(1px)} .lgx-btn[disabled]{opacity:.65;cursor:wait}
  .lgx-err{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:6px}
  html[data-theme=dark] .lgx-err{background:#450a0a;color:#fca5a5;border-color:#7f1d1d}
  .lgx-foot{margin-top:22px;text-align:center;font-size:11.5px;color:var(--muted,#94a3b8)}
  .lgx-copy{text-align:center;font-size:11.5px;line-height:1.7;color:var(--muted,#94a3b8)}
  @media(max-width:860px){
    .lgx-wrap{grid-template-columns:1fr;grid-template-rows:auto 1fr}
    .lgx-brand{padding:26px 18px 30px} .lgx-logo{padding:12px 20px;border-radius:14px} .lgx-logo img{width:170px}
    .lgx-co{margin-top:16px;font-size:11px} .lgx-title{font-size:21px} .lgx-sub{font-size:12.5px}
    .lgx-feats{margin-top:16px;gap:8px} .lgx-feats>div{padding:9px 6px} .lgx-feats span{display:none} .lgx-feats i{font-size:15px;margin-bottom:4px} .lgx-feats b{font-size:11px}
    .lgx-form{padding:24px 18px 28px;justify-content:flex-start;gap:20px} .lgx-card h2{font-size:22px} .lgx-foot{display:none}
  }
  .dd{position:absolute;z-index:45;top:100%;margin-top:4px;min-width:230px;background:var(--surface,#fff);border:1px solid #e2e8f0;border-radius:.6rem;box-shadow:0 10px 25px rgba(0,0,0,.15);padding:4px}
  .dd button{display:flex;align-items:center;width:100%;text-align:left;padding:.5rem .65rem;font-size:12px;font-weight:600;border-radius:.4rem;color:#334155;white-space:nowrap}
  .dd button:hover{background:#f1f5f9}