.lg-body { margin:0; min-height:100vh; background:#0d0d10 url('/uploads/login_design/sellx-glass-fast__a0b9a6f5.jpg') center center / cover fixed no-repeat; color:#f7f7f8; }
.lg-page,.lg-page>.page-body-wrapper { background:transparent!important; min-height:100vh; }
.lg-viewport { background:transparent!important; min-height:100vh; padding:40px 20px!important; display:flex; align-items:center; justify-content:center; }
.lg-row { width:100%!important; margin:0!important; }
.lg-col { width:100%; max-width:520px; flex:0 1 520px; padding:0; margin:auto; }
.lg-shell { padding:1px; border-radius:23px; background:linear-gradient(135deg,rgba(255,63,76,.9),rgba(235,235,240,.38) 30%,rgba(255,255,255,.16) 65%,rgba(255,74,83,.7)); box-shadow:0 28px 90px #0009,0 0 24px #f0000000; }
.lg-card { box-sizing:border-box; padding:30px 46px 26px!important; border-radius:22px; background:linear-gradient(130deg,rgba(40,39,42,.82),rgba(14,14,17,.79) 55%,rgba(41,31,34,.76))!important; backdrop-filter:blur(22px) saturate(125%); -webkit-backdrop-filter:blur(22px) saturate(125%); color:#f7f7f8; font-family:Arial,Helvetica,sans-serif; box-shadow:inset 0 1px 0 #ffffff16; }
.lg-logo { text-align:center; margin:0 auto 18px!important; }
.lg-logo img { content:url('/uploads/login_design/sellx-logo-fast__5e335b4b.png'); width:310px!important; height:auto!important; max-width:100%!important; max-height:115px!important; object-fit:contain; }
.lg-logo::after { content:"ERP WORKSPACE"; display:block; margin-top:20px; color:#bab9bd; font-size:11px; font-weight:400; letter-spacing:5px; }
.lg-welcome { font-size:0!important; margin:0 0 10px!important; text-align:center; color:#fafafa; }
.lg-welcome::after { content:"Welcome back"; font-size:34px; line-height:1.2; font-weight:700; letter-spacing:-1px; }
.lg-subtitle { text-align:center; font-size:0!important; margin:0 0 26px!important; color:#bdbcc2; }
.lg-subtitle::after { content:"Sign in to your workspace"; font-size:15px; line-height:1.5; letter-spacing:.4px; font-weight:400; }
.lg-form { padding-top:0!important; display:flex; flex-direction:column; gap:0; }
.lg-field { margin:0 0 20px!important; }
.lg-field::before { display:block; font-size:13px; font-weight:500; color:#f0edf0; margin:0 0 8px 2px; }
.lg-field-username::before { content:"Username"; }
.lg-field-password::before { content:"Password"; }
.lg-input { box-sizing:border-box; width:100%; height:50px!important; padding:12px 17px!important; border:1px solid #82797e!important; border-radius:12px!important; background:rgba(255,255,255,.035)!important; box-shadow:inset 0 1px 3px #0003; color:#fff!important; font-size:14px!important; line-height:24px; }
.lg-input::placeholder { color:#bcb8be!important; opacity:1; }
.lg-input:focus { outline:2px solid #ff626b!important; outline-offset:2px; border-color:#ff626b!important; box-shadow:0 0 0 4px #e600001a!important; }
.lg-remember { order:3; margin:0 0 18px!important; min-height:24px; }
.lg-remember .form-check { margin:0; }
.lg-remember label { color:#d0cbd1!important; font-size:13px; line-height:22px; }
.lg-remember .input-helper::before { border:1px solid #d0cbd1!important; border-radius:3px!important; background:transparent!important; }
.lg-remember input:checked + .input-helper::before { background:#e60000!important; border-color:#ff626b!important; }
.lg-remember input:focus-visible + .input-helper::before { outline:2px solid #ff626b; outline-offset:3px; }
.lg-actions { order:4; margin:0!important; }
.lg-submit { width:100%; min-height:52px; padding:13px 20px!important; border-radius:14px!important; border:1px solid #ff5151!important; background:linear-gradient(180deg,#f00000,#d30000)!important; box-shadow:0 7px 24px #ed000030,inset 0 1px 0 #ffaaaa33; color:#fff!important; font-size:17px!important; font-weight:600!important; letter-spacing:.4px; line-height:24px!important; transition:background .18s,box-shadow .18s; }
.lg-submit:hover { background:linear-gradient(180deg,#ff1515,#e10000)!important; box-shadow:0 8px 26px #ed000055; }
.lg-submit:focus-visible { outline:3px solid #fff; outline-offset:4px; }
.lg-submit:disabled { opacity:.65; cursor:wait; }
.lg-footer { border-top:1px solid #ffffff17; margin-top:24px!important; padding-top:18px; text-align:center; }
.lg-footer::before { content:"Secure access to Sell-X ERP"; display:block; color:#b9b2ba; font-size:12px; }
.login-copyright,.login-version { color:#a9a2ab!important; font-size:9px; line-height:1.6; margin-top:10px; }
.login-version { margin-top:2px; }
.lg-error { background:#541b24; border:1px solid #ff6875; border-radius:10px; color:#fff; padding:12px; font-size:14px; line-height:1.5; }
@media (max-width:640px) {
 .lg-viewport { padding:24px 16px!important; }
 .lg-col { max-width:440px; }
 .lg-card { padding:26px 24px 22px!important; border-radius:19px; }
 .lg-shell { border-radius:20px; }
 .lg-logo img { width:250px!important; max-height:94px!important; }
 .lg-welcome::after { font-size:29px; }
 .lg-subtitle::after { font-size:13px; }
 .lg-logo::after { font-size:10px; letter-spacing:4px; margin-top:16px; }
}
@media (prefers-reduced-motion:reduce) { .lg-submit { transition:none; } }
.lg-logo { width:100%!important; display:flex!important; justify-content:center!important; align-items:center!important; margin:0 auto 24px!important; }
.lg-logo img { margin-left:auto!important; margin-right:auto!important; float:none!important; }
.lg-logo::after { content:none!important; display:none!important; }