/* Pagina de login Xtream in designul "EVO Panel 2026 / Autentificare" (13.10.2026).
   Se incarca doar pe login (nginx sub_filter pe <body class="authentication-bg authentication-bg-pattern">), peste bootstrap-ul Xtream.
   Formularul ramane al Xtream; aici doar aspectul. Tema: data-theme pe <html> (cheia evo-theme, aceeasi ca ecranele 2FA).
   Sursa: /root/security/ui/sc_login.css (copiat in admin/). */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap');
:root{--acc:#7AA2FF;--acc-tx:#0A0C0F;--blob2:#8E6CFF}
html[data-theme=dark],html:not([data-theme]){--bg:#0A0C0F;--card:rgba(17,20,25,.55);--line:rgba(255,255,255,.09);
 --glass:linear-gradient(155deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.015) 38%,rgba(255,255,255,0) 60%),rgba(9,11,15,.58);--glassBd:rgba(255,255,255,.10);
 --glassSh:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.5),0 10px 24px -6px rgba(0,0,0,.55),0 44px 100px -12px rgba(0,0,0,.85);--floor:rgba(0,0,0,.75);--frost:.07;
 --field:rgba(4,6,9,.45);--fieldBd:rgba(255,255,255,.10);--btn2:rgba(255,255,255,.05);
 --tx:#E9ECF1;--tx2:#C9D1DC;--mut:#A0A9B6;--dim:#7D8794;--errBg:rgba(90,37,41,.45);--errBd:#5A2529;--errFg:#FFB0B0;--okBg:rgba(61,214,140,.12);--okBd:rgba(61,214,140,.38);--okFg:#7BE3AE;
 --grid:rgba(255,255,255,.07);--blobOp:.42;--blobOp2:.34;--link:#7AA2FF}
html[data-theme=light]{--bg:#F3F4F6;--card:rgba(255,255,255,.6);--line:rgba(16,24,40,.10);
 --glass:linear-gradient(155deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,.45) 60%),rgba(255,255,255,.35);--glassBd:rgba(255,255,255,.75);
 --glassSh:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(16,24,40,.06),0 10px 24px -6px rgba(16,24,40,.10),0 44px 90px -12px rgba(16,24,40,.24);--floor:rgba(16,24,40,.20);--frost:.05;
 --field:rgba(255,255,255,.65);--fieldBd:rgba(16,24,40,.12);--btn2:rgba(255,255,255,.55);
 --tx:#12151A;--tx2:#2B313A;--mut:#4E5662;--dim:#5F6874;--errBg:#FDECEC;--errBd:#F2C2C2;--errFg:#A3262A;--okBg:rgba(31,157,99,.10);--okBd:rgba(31,157,99,.35);--okFg:#17784B;
 --grid:rgba(16,24,40,.08);--blobOp:.34;--blobOp2:.28;--link:#2F5BD3}
@keyframes scBlobA{from{transform:translate(0,0) rotate(0) scale(1);border-radius:42% 58% 63% 37%/41% 44% 56% 59%}50%{transform:translate(160px,90px) rotate(35deg) scale(1.1);border-radius:58% 42% 38% 62%/56% 38% 62% 44%}to{transform:translate(60px,200px) rotate(70deg) scale(.95);border-radius:47% 53% 55% 45%/62% 51% 49% 38%}}
@keyframes scBlobB{from{transform:translate(0,0) rotate(0) scale(1);border-radius:58% 42% 38% 62%/56% 38% 62% 44%}50%{transform:translate(-180px,-60px) rotate(-30deg) scale(1.12);border-radius:40% 60% 57% 43%/47% 61% 39% 53%}to{transform:translate(-60px,-170px) rotate(-60deg) scale(.92);border-radius:52% 48% 44% 56%/38% 52% 48% 62%}}
@property --ax{syntax:'<length>';inherits:false;initial-value:0px}@property --ay{syntax:'<length>';inherits:false;initial-value:0px}
@property --bx{syntax:'<length>';inherits:false;initial-value:0px}@property --by{syntax:'<length>';inherits:false;initial-value:0px}
@keyframes scMaskA{from{--ax:0px;--ay:0px}50%{--ax:160px;--ay:90px}to{--ax:60px;--ay:200px}}
@keyframes scMaskB{from{--bx:0px;--by:0px}50%{--bx:-180px;--by:-60px}to{--bx:-60px;--by:-170px}}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){animation:scThemeReveal .7s cubic-bezier(.4,0,.2,1)}
@keyframes scThemeReveal{from{clip-path:circle(0px at var(--rx,92%) var(--ry,44px))}to{clip-path:circle(160% at var(--rx,92%) var(--ry,44px))}}
@keyframes scStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){body.sc-login *{animation:none!important}}

/* pagina */
html body.sc-login{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg)!important;background-image:none!important;color:var(--tx);font:14px/1.45 'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif!important;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding:0!important;display:flex;flex-direction:column}
body.sc-login .sc-bgl{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}
body.sc-login .sc-blob{position:absolute;will-change:transform}
body.sc-login .sc-blob.a{left:8%;top:-8%;width:620px;height:560px;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;background:var(--acc);opacity:var(--blobOp);filter:blur(90px);animation:scBlobA 34s ease-in-out infinite alternate}
body.sc-login .sc-blob.b{right:4%;top:36%;width:560px;height:520px;border-radius:58% 42% 38% 62%/56% 38% 62% 44%;background:var(--blob2);opacity:var(--blobOp2);filter:blur(100px);animation:scBlobB 42s ease-in-out infinite alternate}
body.sc-login .sc-grid{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;
 --gm:radial-gradient(640px 600px at calc(8% + 310px + var(--ax)) calc(-8% + 280px + var(--ay)),#000 35%,transparent 100%),radial-gradient(600px 560px at calc(96% - 280px + var(--bx)) calc(36% + 260px + var(--by)),#000 35%,transparent 100%);
 -webkit-mask-image:var(--gm);mask-image:var(--gm);animation:scMaskA 34s ease-in-out infinite alternate,scMaskB 42s ease-in-out infinite alternate}
body.sc-login .sc-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:24px 32px}
body.sc-login .sc-theme{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--tx2);font:500 12.5px 'Geist',ui-sans-serif,system-ui,sans-serif;cursor:pointer}
html[data-theme=light] body.sc-login .sc-ic-sun,html:not([data-theme=light]) body.sc-login .sc-ic-moon{display:none}
body.sc-login .sc-foot{position:relative;z-index:2;display:flex;justify-content:center;padding:18px 32px 24px;font-size:12.5px;color:var(--dim)}
body.sc-login :focus-visible{outline:2px solid #5B84F0;outline-offset:2px}

/* structura Xtream -> scena centrata */
body.sc-login .account-pages{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;margin:0!important;padding:24px 16px 48px}
body.sc-login .account-pages>.container{max-width:420px;padding:0}
body.sc-login .account-pages .row{margin:0}
body.sc-login .account-pages .row>div{flex:0 0 100%;max-width:100%;padding:0;position:relative}
body.sc-login .account-pages .row>div>br{display:none}
body.sc-login .sc-floor{position:absolute;left:9%;right:9%;bottom:-36px;height:60px;border-radius:50%;background:var(--floor);filter:blur(28px);pointer-events:none}
body.sc-login .card{position:relative;isolation:isolate;overflow:hidden;margin:0;background:var(--glass)!important;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);border:1px solid var(--glassBd)!important;border-radius:18px!important;box-shadow:var(--glassSh)!important;color:var(--tx)}
body.sc-login .sc-frost{position:absolute;inset:0;z-index:-1;opacity:var(--frost);pointer-events:none}
body.sc-login .card-body{padding:32px!important;display:flex;flex-direction:column;gap:18px;animation:scStepIn .4s cubic-bezier(.2,.7,.2,1) both}
body.sc-login .card-body>br,body.sc-login form>br,body.sc-login form br{display:none}
body.sc-login .card-body>h4{display:none}
body.sc-login .sc-hg{display:flex;flex-direction:column;gap:6px}
body.sc-login .sc-hg h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--tx);line-height:1.25}
body.sc-login .sc-hg p{margin:0;font-size:13.5px;color:var(--mut)}

/* formular */
body.sc-login form{display:flex;flex-direction:column;gap:18px;margin:0}
body.sc-login .form-group{margin:0!important;display:flex;flex-direction:column;gap:6px}
body.sc-login .form-group>label{margin:0;font-size:12.5px;font-weight:500;color:var(--tx2)}
body.sc-login .sc-field{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;background:var(--field);border:1px solid var(--fieldBd);border-radius:10px;transition:border-color .15s}
body.sc-login .sc-field:focus-within{border-color:var(--acc)}
body.sc-login .sc-field.pw{padding-right:4px}
body.sc-login .sc-field>svg{flex:none;color:var(--dim)}
body.sc-login .form-control{flex:1;min-width:0;height:100%!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none;color:var(--tx)!important;font:14px 'Geist',ui-sans-serif,system-ui,sans-serif!important}
body.sc-login .form-control::placeholder{color:#6B7480}
/* completare automata a browserului: fara fundalul albastru-deschis, in culorile campului */
html[data-theme=dark] body.sc-login{--af:#0E1116}html[data-theme=light] body.sc-login{--af:#FFFFFF}
body.sc-login input.form-control:-webkit-autofill,body.sc-login input.form-control:-webkit-autofill:hover,body.sc-login input.form-control:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 60px var(--af) inset!important;box-shadow:0 0 0 60px var(--af) inset!important;-webkit-text-fill-color:var(--tx)!important;caret-color:var(--tx);transition:background-color 99999s}
body.sc-login .sc-field:has(input:-webkit-autofill){background:var(--af)}
body.sc-login .form-group:not(.sc-wrapped) .form-control{height:44px!important;padding:0 12px!important;background:var(--field)!important;border:1px solid var(--fieldBd)!important;border-radius:10px!important}
body.sc-login .sc-eye{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;color:var(--mut);cursor:pointer}
body.sc-login .sc-eye:hover{color:var(--tx)}
body.sc-login .sc-hidepw{display:none!important}
body.sc-login h5.text-center{margin:0;display:flex;justify-content:center;min-height:0}
body.sc-login .g-recaptcha{display:block;margin:0 auto}
body.sc-login .btn_login,body.sc-login form button[type=submit]{width:100%;height:46px;border:0!important;border-radius:10px!important;background:var(--acc)!important;color:var(--acc-tx)!important;font:600 14.5px 'Geist',ui-sans-serif,system-ui,sans-serif!important;letter-spacing:0;text-transform:none;cursor:pointer;box-shadow:none!important}
body.sc-login .btn_login:hover{filter:brightness(1.06)}
body.sc-login .form-group.text-center{margin:0!important}
body.sc-login .sc-note{display:flex;align-items:flex-start;gap:8px;padding-top:4px;font-size:12px;color:var(--dim)}
body.sc-login .sc-note svg{flex:none;margin-top:2px}

/* mesajele Xtream (eroare / succes) */
body.sc-login .alert{display:flex;align-items:flex-start;gap:10px;margin:0!important;padding:10px 12px!important;border-radius:10px!important;font-size:13px;line-height:1.45;box-shadow:none!important}
body.sc-login .alert-danger,body.sc-login .alert-warning{background:var(--errBg)!important;border:1px solid var(--errBd)!important;color:var(--errFg)!important}
body.sc-login .alert-success,body.sc-login .alert-info{background:var(--okBg)!important;border:1px solid var(--okBd)!important;color:var(--okFg)!important}
body.sc-login .alert .close{display:none}

/* telefon / ecrane joase: totul intra pe inaltime fara derulare (bara de sus si subsolul compacte, spatii mai mici) */
@media (max-width:520px),(max-height:760px){
 body.sc-login .sc-top{padding:10px 12px}body.sc-login .sc-theme{height:32px;font-size:12px}
 body.sc-login .account-pages{padding:0 12px 8px}
 body.sc-login .card-body{padding:20px 16px!important;gap:14px}body.sc-login form{gap:14px}
 body.sc-login .card{border-radius:16px!important}body.sc-login .sc-hg{gap:4px}body.sc-login .sc-hg h1{font-size:21px}body.sc-login .sc-hg p{font-size:13px}
 body.sc-login .sc-field{height:42px}body.sc-login .btn_login,body.sc-login form button[type=submit]{height:44px}
 body.sc-login .sc-note{padding-top:0;font-size:11.5px}
 body.sc-login .sc-foot{padding:6px 12px 10px;font-size:11.5px}body.sc-login .sc-floor{display:none}}
@media (max-height:640px){body.sc-login .sc-hg p{display:none}body.sc-login .sc-foot{display:none}}