/* MHQ Panel authentication shell */
.auth-body { margin:0; min-height:100vh; color:#edf3fb; background:#060a0f; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; overflow:auto; }
.auth-body::before { content:""; position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 20% 0%,rgba(19,116,223,.16),transparent 30%),radial-gradient(circle at 90% 90%,rgba(24,139,255,.08),transparent 34%),linear-gradient(135deg,#060a0f,#0a1119 54%,#05090e); }
.auth-shell { position:relative; z-index:1; min-height:100vh; display:grid; grid-template-columns:minmax(420px,620px) minmax(300px,1fr); align-items:stretch; }
.auth-card { display:flex; flex-direction:column; justify-content:center; padding:clamp(42px,7vw,110px); max-width:560px; width:100%; box-sizing:border-box; }
.auth-logo { width:min(310px,82%); height:auto; display:block; margin:0 0 28px; object-fit:contain; object-position:left center; }
.auth-kicker { color:#398bd9; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.19em; margin-bottom:10px; }
.auth-brand h1 { margin:0 0 12px; color:#f7f9fc; font-size:clamp(32px,4vw,46px); line-height:1.05; letter-spacing:-.045em; }
.auth-brand p { margin:0; max-width:500px; color:#8190a2; font-size:14px; line-height:1.7; }
.auth-form { display:grid; gap:16px; margin-top:34px; }
.auth-form label { display:grid; gap:8px; }
.auth-form label span { color:#b8c4d1; font-size:12px; font-weight:750; }
.auth-form input { width:100%; box-sizing:border-box; min-height:50px; border:1px solid #243241; border-radius:11px; background:#0b121a; color:#f5f8fb; padding:0 14px; font:inherit; outline:none; transition:.18s ease; }
.auth-form input:focus { border-color:#2787e4; box-shadow:0 0 0 3px rgba(39,135,228,.11); background:#0c151f; }
.auth-submit { min-height:50px; margin-top:4px; border:1px solid #2a92ef; border-radius:11px; color:white; background:linear-gradient(135deg,#1887ec,#0969c5); font:800 13px/1 inherit; cursor:pointer; box-shadow:0 12px 30px rgba(0,100,200,.18); }
.auth-submit:hover { filter:brightness(1.07); transform:translateY(-1px); }
.auth-alert { margin-top:26px; border:1px solid rgba(255,98,111,.30); background:rgba(125,24,34,.18); color:#ffb2b9; padding:12px 14px; border-radius:10px; font-size:12px; line-height:1.5; }
.auth-foot { margin-top:22px; display:flex; align-items:center; gap:8px; color:#5e6f81; font-size:10px; line-height:1.5; }
.auth-dot { width:7px; height:7px; border-radius:50%; background:#37d984; box-shadow:0 0 12px rgba(55,217,132,.55); flex:none; }
.auth-side { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:28px; border-left:1px solid rgba(73,105,137,.15); background:radial-gradient(circle at 50% 42%,rgba(19,115,219,.15),transparent 30%),rgba(4,8,13,.38); overflow:hidden; }
.auth-side img { width:min(390px,56%); max-height:390px; object-fit:contain; filter:drop-shadow(0 28px 55px rgba(0,0,0,.38)); }
.auth-side div { display:grid; justify-items:center; gap:5px; }
.auth-side strong { color:#f5f8fb; font-size:24px; letter-spacing:.16em; }
.auth-side span { color:#3e82bd; font-size:9px; font-weight:850; letter-spacing:.24em; }
.setup-shell .auth-card { max-width:680px; }
.setup-command { margin-top:30px; padding:18px; border:1px solid #223243; border-radius:12px; background:#050a10; color:#8fd0ff; overflow:auto; }
.setup-command code { font:12px/1.8 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; white-space:nowrap; }
.setup-note { color:#66788a; font-size:11px; line-height:1.6; margin-top:14px; }
.panel-session { display:flex; align-items:center; gap:8px; margin:0; }
.panel-session-user { max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:7px 9px; border:1px solid rgba(86,111,137,.18); border-radius:9px; color:#8fa2b5; background:rgba(9,16,24,.55); font-size:10px; font-weight:800; }
.panel-logout { min-height:35px !important; }
@media (max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-side{display:none}.auth-card{min-height:100vh;margin:auto;padding:36px 26px}.auth-logo{width:min(280px,78%)}}
@media (max-width:700px){.panel-session-user{display:none}.panel-logout{padding-inline:10px!important}}