/* Sign-in screen — always the dark "vault" look, whatever theme the app uses */
#cyberdesk-login.lg{--lg-bg:#07090d;--lg-panel:rgba(18,22,30,.78);--lg-line:rgba(255,255,255,.09);--lg-line2:rgba(255,255,255,.16);--lg-text:#eef1f6;--lg-muted:#93a0b4;--lg-dim:#66728a;--lg-acc:#f0a63a;--lg-acc2:#ff7a1a;--lg-ok:#35d39a;--lg-bad:#ff6b6b;
  position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;background:var(--lg-bg)!important;color:var(--lg-text);font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
#cyberdesk-login .lg-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden}
#cyberdesk-login .lg-bg .g1{position:absolute;width:780px;height:780px;left:-220px;top:-260px;border-radius:50%;background:radial-gradient(closest-side,rgba(240,166,58,.22),transparent);filter:blur(10px);animation:lgFloat 18s ease-in-out infinite alternate}
#cyberdesk-login .lg-bg .g2{position:absolute;width:640px;height:640px;right:-200px;bottom:-240px;border-radius:50%;background:radial-gradient(closest-side,rgba(53,140,255,.16),transparent);filter:blur(10px);animation:lgFloat 22s ease-in-out infinite alternate-reverse}
#cyberdesk-login .lg-bg .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 75%)}
@keyframes lgFloat{to{transform:translate(60px,40px) scale(1.08)}}
#cyberdesk-login .lg-wrap{position:relative;width:100%;max-width:1080px;display:grid;grid-template-columns:1.15fr minmax(340px,420px);gap:56px;align-items:center;margin:auto}
#cyberdesk-login .lg-logo{display:flex;align-items:center;gap:12px}
#cyberdesk-login .lg-logo .mk{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#1b1203;background:linear-gradient(135deg,var(--lg-acc),var(--lg-acc2));box-shadow:0 10px 30px -8px rgba(255,122,26,.6),inset 0 1px 0 rgba(255,255,255,.4)}
#cyberdesk-login .lg-logo b{display:block;font-size:15px;letter-spacing:-.1px;color:var(--lg-text)!important}
#cyberdesk-login .lg-logo small{display:block;font-size:12px;color:var(--lg-muted);margin-top:1px}
#cyberdesk-login .lg-logo.sm{display:none}
#cyberdesk-login .lg-brand h1{font-size:44px!important;line-height:1.08;letter-spacing:-1.2px;font-weight:800;margin:30px 0 14px;color:var(--lg-text)!important}
#cyberdesk-login .lg-card-h h2{color:var(--lg-text)!important}
#cyberdesk-login .lg-brand h1 em{font-style:normal;background:linear-gradient(90deg,var(--lg-acc),#ffd08a 60%,var(--lg-acc));-webkit-background-clip:text;background-clip:text;color:transparent}
#cyberdesk-login .lg-lead{font-size:15px;line-height:1.6;color:var(--lg-muted);max-width:520px;margin:0 0 26px}
#cyberdesk-login .lg-status{background:var(--lg-panel);border:1px solid var(--lg-line);border-radius:18px;padding:16px 18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-width:540px}
#cyberdesk-login .lg-status-h{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--lg-muted);font-weight:600;padding-bottom:10px;border-bottom:1px solid var(--lg-line)}
#cyberdesk-login .lg-status-h b{margin-left:auto;color:var(--lg-ok);font-weight:700}
#cyberdesk-login .pulse{width:9px;height:9px;border-radius:50%;background:var(--lg-ok);box-shadow:0 0 0 0 rgba(53,211,154,.6);animation:lgPulse 2s infinite}
@keyframes lgPulse{70%{box-shadow:0 0 0 9px rgba(53,211,154,0)}100%{box-shadow:0 0 0 0 rgba(53,211,154,0)}}
#cyberdesk-login .lg-status ul{list-style:none;margin:0;padding:0}
#cyberdesk-login .lg-status li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--lg-line)}
#cyberdesk-login .lg-status li:last-child{border-bottom:0;padding-bottom:2px}
#cyberdesk-login .lg-status li .ok{flex:none;width:22px;height:22px;border-radius:7px;background:rgba(53,211,154,.14);position:relative}
#cyberdesk-login .lg-status li .ok::after{content:'';position:absolute;left:8px;top:4px;width:5px;height:10px;border:solid var(--lg-ok);border-width:0 2px 2px 0;transform:rotate(45deg)}
#cyberdesk-login .lg-status li b{display:block;font-size:13.5px;color:var(--lg-text)}
#cyberdesk-login .lg-status li small{display:block;font-size:12px;color:var(--lg-dim);margin-top:1px}
#cyberdesk-login .lg-status li em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;color:var(--lg-ok);background:rgba(53,211,154,.1);border:1px solid rgba(53,211,154,.25);padding:3px 9px;border-radius:999px;white-space:nowrap}
#cyberdesk-login .lg-feat span{white-space:nowrap}
#cyberdesk-login .lg-feat{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;max-width:540px}
#cyberdesk-login .lg-feat span{font-size:12px;color:var(--lg-muted);border:1px solid var(--lg-line);border-radius:999px;padding:5px 11px;background:rgba(255,255,255,.02)}
#cyberdesk-login .lg-card{background:linear-gradient(180deg,rgba(26,31,42,.92),rgba(16,19,26,.92));border:1px solid var(--lg-line2);border-radius:24px;padding:30px 28px 22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(240,166,58,.06),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative}
#cyberdesk-login .lg-card::before{content:'';position:absolute;left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--lg-acc),transparent);opacity:.7}
#cyberdesk-login .lg-card-h h2{font-size:24px!important;font-weight:800;letter-spacing:-.4px;margin:0;color:var(--lg-text)}
#cyberdesk-login .lg-card-h p{font-size:13px;color:var(--lg-muted);margin:4px 0 22px}
#cyberdesk-login .lg-f{display:block;margin-bottom:14px}
#cyberdesk-login .lg-f>span{display:flex;justify-content:space-between;font-size:12.5px;font-weight:600;color:var(--lg-muted);margin-bottom:7px}
#cyberdesk-login .lg-f>span i{font-style:normal;color:#ffc46b;font-weight:700}
#cyberdesk-login .lg-in{position:relative;display:flex;align-items:center}
#cyberdesk-login .lg-in>svg{position:absolute;left:13px;width:18px;height:18px;fill:none;stroke:var(--lg-dim);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#cyberdesk-login .lg-in input{width:100%!important;height:48px!important;border-radius:12px!important;border:1px solid var(--lg-line2)!important;background:rgba(0,0,0,.35)!important;color:var(--lg-text)!important;font:inherit;font-size:15px!important;padding:0 44px 0 42px!important;outline:none;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:none!important}
#cyberdesk-login .lg-in input::placeholder{color:#56617a!important}
#cyberdesk-login .lg-in input:focus{border-color:var(--lg-acc)!important;box-shadow:0 0 0 4px rgba(240,166,58,.15)!important;background:rgba(0,0,0,.45)!important}
#cyberdesk-login .lg-in input:-webkit-autofill{-webkit-text-fill-color:var(--lg-text);-webkit-box-shadow:0 0 0 40px #12161e inset;caret-color:var(--lg-text)}
#cyberdesk-login .lg-eye{position:absolute;right:6px;width:36px;height:36px;border:0;border-radius:9px;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--lg-dim)}
#cyberdesk-login .lg-eye:hover{background:rgba(255,255,255,.06);color:var(--lg-text)}
#cyberdesk-login .lg-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
#cyberdesk-login .lg-eye.on svg circle{fill:currentColor}
#cyberdesk-login .lg-btn{width:100%;height:50px;margin-top:6px;border:0;border-radius:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:15px;font-weight:800;color:#1b1203;background:linear-gradient(135deg,var(--lg-acc),var(--lg-acc2));box-shadow:0 14px 34px -12px rgba(255,122,26,.75),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .12s,filter .12s}
#cyberdesk-login .lg-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
#cyberdesk-login .lg-btn:active{transform:translateY(0)}
#cyberdesk-login .lg-btn:disabled{opacity:.7;cursor:wait;transform:none}
#cyberdesk-login .lg-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#cyberdesk-login .lg-msg{min-height:18px;margin-top:12px;font-size:13px;font-weight:600;color:var(--lg-bad);text-align:center}
#cyberdesk-login .lg-steps span{white-space:nowrap}
#cyberdesk-login .lg-steps{flex-wrap:wrap;display:flex;align-items:center;gap:8px;justify-content:center;font-size:11.5px;color:var(--lg-dim);margin-top:6px}
#cyberdesk-login .lg-steps span.on{color:var(--lg-acc);font-weight:700}
#cyberdesk-login .lg-steps i{width:14px;height:1px;background:var(--lg-line2)}
#cyberdesk-login .lg-watch{display:flex;gap:12px;margin-top:20px;padding:13px 14px;border-radius:14px;background:rgba(255,107,107,.06);border:1px solid rgba(255,107,107,.22)}
#cyberdesk-login .lg-watch>svg{flex:none;width:22px;height:22px;fill:none;stroke:#ff8a8a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
#cyberdesk-login .lg-watch b{display:block;font-size:12.5px;color:#ffb3b3}
#cyberdesk-login .lg-watch small{display:block;font-size:11.5px;color:var(--lg-muted);line-height:1.5;margin-top:3px}
#cyberdesk-login .lg-watch code{font-family:ui-monospace,'SF Mono',Consolas,monospace;color:var(--lg-text);background:rgba(255,255,255,.07);padding:1px 6px;border-radius:5px;font-size:11.5px}
#cyberdesk-login .lg-foot{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 16px;margin-top:16px;font-size:11px;color:var(--lg-dim)}
#cyberdesk-login .lg-foot span::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lg-ok);margin-right:6px;vertical-align:1px;opacity:.8}
@media (max-width:920px){
  #cyberdesk-login .lg-wrap{grid-template-columns:1fr;max-width:440px;gap:0}
  #cyberdesk-login .lg-brand{display:none}
  #cyberdesk-login .lg-logo.sm{display:flex;margin-bottom:18px;gap:10px}
  #cyberdesk-login .lg-logo.sm .mk{width:34px;height:34px;border-radius:10px}
  #cyberdesk-login .lg-card{padding:24px 18px 18px;border-radius:20px}
}
@media (prefers-reduced-motion:reduce){#cyberdesk-login .lg-bg i,#cyberdesk-login .pulse{animation:none}}

#cyberdesk-login .lg-feat span{color:var(--lg-muted)!important;background:rgba(255,255,255,.03)!important}
#cyberdesk-login .lg-status li small,#cyberdesk-login .lg-lead{color:var(--lg-muted)}
/* live console */
#cyberdesk-login .lg-console{background:var(--lg-panel);border:1px solid var(--lg-line);border-radius:20px;padding:14px 16px 12px;max-width:560px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
#cyberdesk-login .lg-con-h{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--lg-muted);padding-bottom:10px;border-bottom:1px solid var(--lg-line)}
#cyberdesk-login .lg-con-h b{color:var(--lg-text);font-weight:700}
#cyberdesk-login .lg-con-h em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.12em;color:#ff7b7b;background:rgba(255,107,107,.12);border:1px solid rgba(255,107,107,.3);padding:2px 8px;border-radius:6px;animation:lgBlink 1.6s steps(2,start) infinite}
@keyframes lgBlink{50%{opacity:.45}}
#cyberdesk-login .lg-con-body{display:grid;grid-template-columns:168px 1fr;gap:18px;align-items:center;padding:14px 0 10px}
#cyberdesk-login .lg-radar svg{width:168px;height:168px;display:block}
#cyberdesk-login .lg-radar .sweep{transform-origin:100px 100px;animation:lgSweep 3.2s linear infinite}
@keyframes lgSweep{to{transform:rotate(-360deg)}}
#cyberdesk-login .lg-radar .blips circle{fill:#ff6b6b;opacity:0;animation:lgBlip 3.2s linear infinite}
#cyberdesk-login .lg-radar .blips circle:nth-child(2){animation-delay:1.1s}#cyberdesk-login .lg-radar .blips circle:nth-child(3){animation-delay:1.9s}#cyberdesk-login .lg-radar .blips circle:nth-child(4){animation-delay:2.5s}
@keyframes lgBlip{0%{opacity:0}5%{opacity:1}60%{opacity:.15}100%{opacity:0}}
#cyberdesk-login .lg-stats{display:flex;flex-direction:column;gap:12px}
#cyberdesk-login .lg-stats>div{display:flex;align-items:center;gap:14px}
#cyberdesk-login .lg-stats b{min-width:72px;font-size:30px;font-weight:800;letter-spacing:-.8px;font-variant-numeric:tabular-nums;color:var(--lg-text);text-align:right}
#cyberdesk-login .lg-stats>div:first-child b{color:#ff8a8a}
#cyberdesk-login .lg-stats span{font-size:12.5px;color:var(--lg-text);line-height:1.3;font-weight:600}
#cyberdesk-login .lg-stats small{color:var(--lg-dim);font-weight:500;font-size:11.5px}
#cyberdesk-login .lg-term{font-family:ui-monospace,'SF Mono','Cascadia Code',Consolas,monospace;font-size:12px;line-height:1.7;background:rgba(0,0,0,.45);border:1px solid var(--lg-line);border-radius:12px;padding:10px 12px;min-height:118px;color:#9fe9c9}
#cyberdesk-login .lg-term div{white-space:pre-wrap;word-break:break-word}
#cyberdesk-login .lg-term .k{color:var(--lg-dim)}
#cyberdesk-login .lg-term .w{color:#ffc46b}
#cyberdesk-login .lg-term .r{color:#ff8a8a}
#cyberdesk-login .lg-term .cur::after{content:'▍';color:#6cf0c2;animation:lgBlink 1s steps(2,start) infinite}
/* glowing card border */
#cyberdesk-login .lg-card{isolation:isolate}
#cyberdesk-login .lg-card::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--lg-ang,0deg),transparent 0 60%,rgba(240,166,58,.85) 75%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:lgSpin 6s linear infinite;z-index:-1}
@property --lg-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes lgSpin{to{--lg-ang:360deg}}
/* blocked state */
#cyberdesk-login .lg-blocked{display:flex;gap:12px;padding:14px;border-radius:14px;background:rgba(255,80,80,.12);border:1px solid rgba(255,107,107,.45);margin-bottom:16px}
#cyberdesk-login .lg-blocked[hidden]{display:none}
#cyberdesk-login .lg-blocked svg{flex:none;width:26px;height:26px;fill:none;stroke:#ff6b6b;stroke-width:2;stroke-linecap:round}
#cyberdesk-login .lg-blocked b{display:block;color:#ffb3b3;font-size:14px}
#cyberdesk-login .lg-blocked small{display:block;color:var(--lg-muted);font-size:12px;margin-top:3px;line-height:1.5}
#cyberdesk-login.is-blocked .lg-form{opacity:.35;pointer-events:none;filter:grayscale(1)}
#cyberdesk-login.is-blocked .lg-card::after{background:conic-gradient(from var(--lg-ang,0deg),transparent 0 55%,rgba(255,80,80,.95) 75%,transparent 90%)}
@media (prefers-reduced-motion:reduce){#cyberdesk-login .lg-radar .sweep,#cyberdesk-login .lg-radar .blips circle,#cyberdesk-login .lg-card::after,#cyberdesk-login .lg-con-h em{animation:none}}
@media (max-height:760px) and (min-width:921px){#cyberdesk-login .lg-brand h1{font-size:36px!important;margin-top:18px}#cyberdesk-login .lg-lead{margin-bottom:16px}}
/* single centred card */
#cyberdesk-login.lg-solo .lg-card{width:100%;max-width:420px;margin:auto}
#cyberdesk-login.lg-solo .lg-logo{display:flex;margin-bottom:22px}
#cyberdesk-login.lg-solo .lg-logo small{color:var(--lg-muted)}
#cyberdesk-login.lg-solo .lg-watch small{margin-top:4px}
#cyberdesk-login.is-locked .lg-btn{filter:grayscale(.6) brightness(.8)}
@media (max-width:920px){#cyberdesk-login.lg-solo .lg-logo .mk{width:40px;height:40px;border-radius:12px}}
#cyberdesk-login .lg-logo .crest{width:52px;height:52px;flex:none;filter:drop-shadow(0 8px 18px rgba(216,170,70,.35))}