@media screen{
.topbar{box-shadow:0 2px 4px rgba(0,0,0,0.43)}
.tb-home{box-shadow:0 2px 3px rgba(0,0,0,0.60)}
.tb-bell summary{background:#222e3c}
.menu-pop{background:#222e3c;box-shadow:0 10px 30px rgba(0,0,0,0.54)}
.tb-search input{background:#222e3c}
.notice{background:#1e3139;border-bottom:1px solid #236380}
.notice-in{color:#b5bdc7}
.box-h{background:linear-gradient(#24313f,var(--head))}
.tile{background:#263342;border:1px solid #3d4b5b;color:#cbd0d8}
.tile:hover{box-shadow:0 4px 12px rgba(0,0,0,0.28)}
.ticon{background:linear-gradient(145deg,color-mix(in srgb,var(--c) 75%,#222e3c),var(--c))}
.counter{background:#263342;border:1px solid #3d4b5b}
.c-green .n{color:#7bea95}
.c-green .l{color:#e58080}
.c-blue .l{color:#e58080}
.mini{background:#263342}
.live .ok{background:#243426;color:#90d59a;border:1px solid #32713a}
.live .no{background:#362222;color:#d78e8e;border:1px solid #782c2c}
.stat{background:#263342;border:1px solid #3d4b5b}
.kv div{background:#263342}
.tabs a.on{background:#222e3c;color:#cbd0d8}
.tabs a:hover{background:#253140}
.chips a{background:#263342;border:1px solid #3f4d5e;color:#c0c7cf}
th{background:#312e28;color:#c0c7cf}
tr:nth-child(even) td{background:#24313f}
tr:hover td{background:#302d24}
.iconbtns a,.iconbtns button{border:1px solid #425164;background:#222e3c;color:#c0c7cf}
.iconbtns a:hover,.iconbtns button:hover{background:#302d24}
.iconbtns .del{border-color:#782c2c}
.b-expired,.b-deleted{background:#302e28}
.b-gold{background:#423719;color:#ffd766}
input[type=text],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=date],input:not([type]),select,textarea{border:1px solid #455467;background:#222e3c}
input:focus,select:focus,textarea:focus{outline:2px solid #215283}
.btn.ghost{background:#222e3c;color:#cbd0d8;border:1px solid #455467}
.btn.ghost:hover{background:#263342}
.pager a{background:#222e3c}
.srvall{border:2px solid #435365;background:#222e3c}
.srvpick.all .srvall{background:#3a2e16}
.srvall small,.srvcard small{color:#a4aeba}
.srvcard{border:1px solid #404f60;background:#253140}
.srvcard:has(input:checked){background:#1c2936}
.srvcard i{background:#273545;color:#abb4bf}
.srvcard.on i{background:#223529;color:#7fe6b8}
.srvcard.off i{background:#391a1a;color:#ed8078}
.srvsum.bad{color:var(--bad,#ed8078)}
.bar{background:#332f28}
.login-card{background:#253241;box-shadow:0 20px 60px rgba(0,0,0,0.60)}
.designer{background:#222e3c}
.designer .fld{background:rgba(255,255,255,0.12)}
.profpick .pc{border:2px solid #404e60;background:#222e3c}
.profpick input:checked + .pc{background:#213227}
.gnum{background:#3d3417}
.agtag{background:#22342b;color:#73f2c8}
.agtag:hover{background:#24392e}
.gstart{background:#263342;border:1px solid #3f4e5f}
.box,.panel{border-color:#3d4b5c;box-shadow:0 2px 6px rgba(0,0,0,0.23)}
.box-h{background:linear-gradient(#222e3c,#253140)}
.counter{box-shadow:0 3px 8px rgba(0,0,0,0.36)}
.tile{background:#222e3c;border:1px solid #3c4a5b;box-shadow:0 2px 5px rgba(0,0,0,0.23)}
.ticon{background:linear-gradient(145deg,color-mix(in srgb,var(--c) 85%,#222e3c),color-mix(in srgb,var(--c) 92%,#000))}
.stat{background:#222e3c;border:1px solid #3c4a5b}
.live .ok{background:#203a25;color:#70f59c}
.live .no{background:#3e1818;color:#f47171;border:1px solid #832121}
.b-gold{color:#ffd466}
.avatar{box-shadow:0 2px 5px rgba(0,0,0,0.50)}
.mbar{background:#262930}
.fchips a{box-shadow:0 2px 5px rgba(0,0,0,0.36)}
.fchips a i{background:rgba(255,255,255,0.28)}
th{background:#212834;color:#91a6d4}
tr:hover td{background:#242f3e}
.btn.ghost{border-color:#404e60}
.lg-card{background:#222e3c;box-shadow:0 25px 70px rgba(0,0,0,0.60)}
.lg-top{background:#263242;border-bottom:1px solid #3f4d5f}
.lg-links a.y{color:#d5dae0}
.lg-in{border:1px solid #415062;background:#222e3c}
.lg-in:focus-within{border-color:#214983}
.lg-ic{background:#283546;color:#cbd0d8;border-inline-end:1px solid #415062}
.lg-btn{box-shadow:0 2px 4px rgba(0,0,0,0.36)}
.lg-btn.yellow{color:#e0e3e8}
.rp{box-shadow:0 2px 6px rgba(0,0,0,0.36)}
.fctl .palette{border:1px solid var(--line,#3f4d5f);background:#24303e}
@media(max-width:760px){
  .dsgrid>div:first-child{background:var(--bg,#222e3c)}
}
.gauge{background:#222e3c;box-shadow:0 2px 8px rgba(0,0,0,0.23)}
.gauge .gh em{color:#89dc99}
.gauge.warn .gh em{color:#ffb566}
.gbar{background:#273443}
.srvc{background:#1d3622}
.srvc.bad{background:#391616}
.srvc em{color:#8adb9a}
.srvc.bad em{color:#e58080}
.tb-bell summary{color:#ffb866}
.tb-bell .cnt{border:2px solid #374353}
.me-av{background:rgba(255,255,255,0.22)}
.me-st .badge{background:#222e3c!important}
.meter{background:#222e3c;box-shadow:0 2px 10px rgba(0,0,0,0.23)}
.meter .mbar{background:#273443;box-shadow:inset 0 1px 3px rgba(0,0,0,0.28)}
.meter.g .mh em{color:#8adb9a}
.meter.y .mh em{color:#ffb566}
.meter.r .mh em{color:#e58080}
.me-mini>div{background:#222e3c;box-shadow:0 1px 6px rgba(0,0,0,0.21)}
.pacc>details{background:#222e3c;box-shadow:0 1px 6px rgba(0,0,0,0.21)}
.pacc>details[open]>summary{border-bottom:1px solid #3a4757}
.txr{border-bottom:1px dashed #3c4a5a}
.me-mini>div.bad{background:#391616}
.lbar{background:#262930}
.lleft.g{color:#8adb9a}
.lleft.y{color:#ffb566}
.lleft.r{color:#e58080}
.alc{background:#222e3c;border:1px solid #3d4b5c;color:#cbd0d8}
.alc b{background:#263343}
.alc.on b{background:rgba(255,255,255,0.30)}
.alr{background:#222e3c;box-shadow:0 1px 4px rgba(0,0,0,0.21)}
.alr.r{background:#232f3e}
.alr em{color:#b8c0ca}
.ptabs a{background:#222e3c;border:1px solid #3e4c5d;color:#c5ccd4}
.hbar .hb{background:#273443}
.wc em{color:#b8c0ca}
.wc.today span{color:#8adb9a}
.admr{background:#24303f}
.card-hero .me-st .badge{color:#ffb566!important}
.ag-hero .me-st .badge{color:#6ff6cd!important}
.fsec{background:linear-gradient(90deg,#172c3c,transparent);color:#79b4ec}
.gseq span{background:#172c3c;color:#79b4ec}
.gtable tr:target td{background:#3e3818}
.rpt-arr{background:#172c3c;color:#78b6ed}
.pkdd{background:#222e3c}
.pkcur b{color:#8adb9a}
.pkdd .profpick{border-top:1px solid #3c4959}
.star-toast{box-shadow:0 6px 20px rgba(0,0,0,0.60)}
.admr{background:#24303f}
.addadm{background:#172c3c}
.addadm>summary b{color:#79b4ec}
.kindpick label{background:#222e3c;border:2px solid #3e4c5d}
.kindpick label:has(input:checked){background:#1d3622}
.permbox{background:#222e3c;border:1px solid #3c4959}
.sepopt{background:#3e3818}
.sepopt small{color:#ffd766}
.sepsrv{border-top:1px dashed #3e4c5d}
.ownertag{background:#433b19;color:#ffd766}
.payr{background:#222e3c;box-shadow:0 1px 6px rgba(0,0,0,0.23)}
.payr .amt{color:#8adb9a}
.payr .pm{color:#b8c0ca}
.payhow{background:#3e3818}
.paynum{background:#222e3c}
.lsteps li{background:#24303f}
.lsteps li.ok{background:#1d3622}
.usage-now{background:linear-gradient(135deg,#3c2c17,#412f19);border:1px solid #835521;color:#e58080}
.usage-now span{color:#f59570}
.usage-now b{color:#e58080}
.usage-now small{color:#929eac}
.usage-now small i{color:#b8c0ca}
td.ended{color:#e58080}
td.red-num{color:#e58080}
.apcard{border:1px solid #3d4a5b;background:#232f3d}
.apcard.pending{border-color:#835521;background:#3a2c16}
.apcard .apm{color:#929eac}
.apcard .apf label{color:#b8c0ca}
.sdet{border:1px solid #3d4a5b;background:#232f3d}
.sdet>summary::after{color:#78b6ed}
.onsrv a{background:#1d3622;border:1px solid #21832e;color:#8adb9a}
.subend{background:#3f3418;border-bottom:1px solid #836921;color:#ffd266}
.subend b{color:#ffa366}
.termbox{background:#3a3116}
.termbox .termnow.end{color:#ed8078}
.termbox .termnow.soon{color:#ffa366}
.termbox .termnow.ok{color:#7aebb7}
.termpick label{border:1px solid #7b6928;background:#222e3c}
.termtag.ok{background:#21352a;color:#7aebb7}
.termtag.soon{background:#3f3218;color:#ffa366}
.termtag.end{background:#3b1d1a;color:#ed8078}
.gtable .iconbtns a,.gtable .iconbtns button{box-shadow:0 1px 2px rgba(0,0,0,0.36)}
.gtable tr:hover td{background:#16253b}
.gtable tr.sel td{background:#433b19!important}
.avb{background:#1d3c21;color:#8adb9a}
.avb.few{background:#433b19;color:#ffc766}
.avb.low{background:#432e19;color:#f6966f}
.gtable tr.lv-few .gseq span{color:#ffd766}
.mini.bad{background:#3a1616}
.lg-page{background:radial-gradient(ellipse at 50% -10%,rgba(255,255,255,0.12) 0,rgba(255,255,255,0.00) 55%),radial-gradient(circle at 92% 100%,rgba(255,255,255,0.12) 0,rgba(255,255,255,0.00) 40%),linear-gradient(180deg,#5cc4f7 0%,#2c9be8 35%,#1679d6 70%,#0c5bb8 100%)}
.lg-card{box-shadow:0 22px 55px rgba(0,0,0,0.60),0 0 0 1px rgba(255,255,255,.6)}
.lg-top{background:linear-gradient(180deg,#222e3c,#162c3a)}
.cpy{border:1px solid #214c83;background:#16253b;color:#78b6ed}
.cpy:hover{background:#19283d}
.card-hero .cpy{background:rgba(255,255,255,0.20);border-color:rgba(55,67,83,0.50)}
code.lk{background:#16253b;border:1px solid #214c83;color:#79b4ec}
@media (max-width:760px){
  .lk-t tr{border-bottom:1px solid #3b4859}
}
.lg-hint{color:#a8b1bd;background:#16253a;border:1px solid #214b83}
.tb-bell summary{background:#222e3c;box-shadow:0 2px 8px rgba(0,0,0,0.50);border:1px solid rgba(55,67,83,0.70)}
.tb-bell summary:hover{background:#391616}
.tb-bell[open] summary{background:#3d1717}
.tb-bell .cnt{border:2px solid #374353}
.tile.has-ill b{color:#c6cdd4}
.counters.home5 .counter{background:#232f3e!important;border:1px solid #3e4c5d;box-shadow:0 2px 6px rgba(0,0,0,0.21)}
.counters.home5 .counter .l{color:#e58080!important}
.counters.home5 .c-red .l{color:#788fed!important}
.lg-note.warn{background:#3c2c17;color:#ffae66;border:1px solid #835721}
.lg-note.bad{background:#3a1616;color:#e58080;border:1px solid #832121}
.lg-ic.lg-c,.lg-eye{background:#232f3e}
.systime{background:#222e3c;box-shadow:0 2px 6px rgba(0,0,0,0.19)}
.systime .st-l{color:#e58080}
.systime .st-m.ok{background:#1d3622;color:#8adb9a}
.systime .st-m.bad{background:#3c2c17;color:#f59570}
.systime{background:rgba(255,255,255,0.12)}
.avb.off{background:#283546;color:#b8c0ca}
.avb.sold{background:#182f40;color:#79b4ec}
tr.lv-off td{background:#24303f}
.imp-bar{background:#283546}
.imp-pre{background:#24303f}
.ag-opt{background:#222e3c}
.ag-opt:has(input:checked){background:#1d3622}
.ag-opt.bad:has(input:checked){background:#391616}
.svc-tabs a{color:#b8c0ca;background:#222e3c}
.svc-tabs a i{background:#283546;color:#b8c0ca}
.svc-tabs a.on i{background:rgba(255,255,255,0.25)}
.rm-form label{color:var(--muted,#abb4bf)}
.wb-box{background:var(--card,#222e3c)}
.wb-addr{background:#1d163a}
.srv-card{background:var(--card,#222e3c);border:1px solid var(--line,#3d4a5b)}
.srv-name small{color:var(--muted,#a1abb8)}
.srv-grid{background:var(--line,#293748);border-top:1px solid var(--line,#3d4a5b)}
.srv-grid>div{background:var(--card,#222e3c)}
.srv-grid>div{border-inline-end:1px solid var(--line,#3d4a5b);border-bottom:1px solid var(--line,#3d4a5b)}
.srv-rts{border-top:1px solid var(--line,#3d4a5b)}
.srv-rt{border-bottom:1px dashed var(--line,#3d4a5b)}
.srv-rt-i small{color:var(--muted,#a1abb8)}
.srv-rts-t.gone{color:var(--bad,#e58080)}
.kind-tabs a{background:#222e3c;border:2px solid #3c4a5b;color:#c5ccd4;box-shadow:0 1px 3px rgba(0,0,0,0.19)}
.kind-tabs a svg{color:#929eac}
.kind-tabs a small{color:#929eac}
.kind-tabs a.on{background:linear-gradient(135deg,#172c3c,#222e3c)}
.kind-tabs a.on svg,.kind-tabs a.on b{color:#78b6ed}
.kind-tabs a:hover{border-color:#215883}
.kind-h{color:#b8c0ca}
.srv-ap{border-top:1px dashed #3e4c5d}
.srv-ap-h{color:#70f5cd}
.srv-grid{border-top:1px solid var(--line,#3d4a5b)}
.srv-grid>div{border-bottom:1px solid var(--line,#3d4a5b);background:var(--card,#222e3c)}
.srv-grid>div>span{color:#b3bcc6}
.srv-grid>div.srv-do{background:#24303e}
.tc-box{background:#222e3c;box-shadow:0 20px 50px rgba(0,0,0,0.60)}
.tc-box h3{color:#e58080}
.tc-box p{color:#b8c0ca}
.tc-need{background:#391616;color:#d3d8de}
.tc-hint{color:#f79e6e}
.grnd{color:#f79e6e}
.cl-tbl .cl-sum td{background:#24303e}
.cftag{background:#422f19;color:#ffa366}
.cftag:hover{background:#432f19}
.gcard{background:#222e3c;border:1px solid #404e60;box-shadow:0 1px 2px rgba(0,0,0,0.19)}
.gcard:hover{border-color:#214e83}
.gcard:target{background:#3e3818}
.gcard.sel{background:#3b3416}
.gcard.lv-off{background:#24303f}
.gcard.lv-off.sel{background:#3b3416}
.gc-name small{color:#95a1af}
.gc-info{border-top:1px dashed #3f4d5e}
.gc-info>div>span{color:#95a1af}
.gc-info .gc-bad{color:#e58080}
.gc-acts.iconbtns{border-top:1px dashed #3f4d5e}
.gc-acts.iconbtns a,.gc-acts.iconbtns button{box-shadow:0 1px 2px rgba(0,0,0,0.36)}
.gcard.lv-few .gseq span{color:#ffd766}
.gc-sum{border-top:1px dashed #3f4d5e}
.gc-pk{color:#cbd0d8}
.gc-use{color:#abb4bf}
.gc-use b{color:#d5dae0}
.gc-bar{background:#273343}
.gcard>.gc-bad{color:#e58080}
.gc-use b.u-green{color:#8adb9a}
.gc-use .gc-gone{color:#8b98a7}
.ssel-b{border:1px solid #425164;background:#222e3c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='2' fill='none'/%3E%3C/svg%3E") no-repeat left 10px center}
.ssel-p{background:#222e3c;border:1px solid #425164;box-shadow:0 8px 24px rgba(0,0,0,0.43)}
.ssel-l button:hover{background:#263342}
.ssel-l button.on{background:#172c3c}
.ssel-n{color:#8b98a7}
.qclr{background:#283546;color:#b5bdc7}
.qclr:hover{background:#3d1717;color:#e58080}
.gc-acts .del,.gc-acts .del:hover{background:#222e3c;color:#929eac;border:1.5px solid #415062!important}
.gc-acts .del:hover{color:#b8c0ca}
.gc-acts.iconbtns button.del,.gc-acts.iconbtns button.del:hover{color:#929eac;background:#222e3c}
.gc-acts.iconbtns button.del:hover{color:#b8c0ca}
.gc-acts.iconbtns button.del,.gc-acts.iconbtns button.del:hover{box-shadow:0 1px 2px rgba(0,0,0,0.36)}
.gc-acts.iconbtns .pri,.gc-acts.iconbtns .pri:hover{background:#17263c;color:#78a5ed;border:1px solid #214983!important}
.gc-acts.iconbtns .prn,.gc-acts.iconbtns .prn:hover{background:#1e163b;border:1px solid #362183!important}
.gc-acts.iconbtns .edt,.gc-acts.iconbtns .edt:hover{background:#3c2c17;color:#f59570;border:1px solid #835721!important}
.gc-acts.iconbtns .srv,.gc-acts.iconbtns .srv:hover{background:#1b3739;color:#72dff3;border:1px solid #217883!important}
.gc-acts.iconbtns button.del,.gc-acts.iconbtns button.del:hover{background:#322a23;color:#d7ac8e;border:1px solid #6f4f34!important}
.onl{color:#8b98a8}
.onl.on{color:#71f4a6}
td.subuser{color:#9dafc8}
.fchips.soft a{background:color-mix(in srgb,var(--c) 10%,#222e3c);border:1px solid color-mix(in srgb,var(--c) 30%,#374353)}
.fchips.soft a i{background:color-mix(in srgb,var(--c) 16%,#222e3c)}
.fchips.soft a.on i{background:rgba(255,255,255,0.25)}
.counters.soft .counter{background:#222e3c!important;border:1px solid #3c4959;box-shadow:0 2px 6px rgba(0,0,0,0.21);color:#c6cdd4}
.counters.soft .counter .l{color:#b8c0ca!important}
@media (max-width:700px){
  .subtbl tr{background:#222e3c!important;border:1px solid #3c4a5a;box-shadow:0 2px 8px rgba(0,0,0,0.21)}
  .subtbl td[data-l]::before{color:#8b98a8}
  .subtbl td.subuser{background:#253140!important}
}
.joinlink{background:#16233a}
.expd{border-top:1px dashed #3d4b5c}
.expd summary{color:#a1abb8}
.joinlink .jl-url{color:#799cec;background:#222e3c;border:2px solid #213f83;box-shadow:0 2px 8px rgba(0,0,0,0.36)}
.ptop{box-shadow:0 3px 10px rgba(0,0,0,0.50)}
html body .pmain .grid .stat{box-shadow:0 3px 8px rgba(0,0,0,0.36)}
html body .pmain h1{color:#8fa6d6}
html body .ptop nav a{background:rgba(255,255,255,0.12)}
html body .ptop nav a:hover,html body .ptop nav a.on{color:#9babca}
html body .bar{background:#262930}
html body .vp-steps b.n{background:#17263c;color:#78a5ed}
html body .vp-set{background:#16233a}
html body .vp-set span{color:#b5bdc7}
html body .vp-set button.v{background:#222e3c;border:1px solid #214383;color:#78a5ed}
html body .vp-map td.a{color:#78a5ed}
html body .vp-map td.b{color:#b5bdc7}
html body .c{background:rgba(255,255,255,0.05);border:1px solid rgba(55,67,83,0.10)}
html body a.btn{color:#ffdb66}
html body .jn .steps{color:#b5bdc7}
html body .jn .steps b{background:#17263c;color:#78a5ed}
html body .jtabs a{background:#222e3c;border:1px solid #3d4b5c;color:#8fa6d6}
html body .jn .amt{background:#3d3417;border:1px solid #836921;color:#ffcd66}
html body .jn .amt b{color:#e58080}
html body .jn .amt .dur{color:#ffe166}
html body .jn .amt .dur i{color:#8fa6d6}
html body .jn .u{background:#253140}
/* STAR-ONLINE dark theme (matches the admin login page). Loaded after app.css. */
:root{
  color-scheme:dark;
  --bg:#1a2332; --card:#222e3c; --ink:#e6eaf2; --muted:#9aa6b8; --line:#33425a; --head:#263345;
  --bar:#222e3c; --bar2:#222e3c; --title:#ffc93c; --blue:#4c8dff; --blue2:#6aa1ff; --green:#16a34a; --green2:#12893e;
  --navy:#e6eaf4; --gold:#ffc93c;
  --ok:#4ade80; --ok-bg:#12321f; --bad:#ff6b6b; --bad-bg:#3a1418; --warn:#fbbf24; --warn-bg:#3a2a0c;
  --info:#7cb4ff; --info-bg:#122546; --shadow:0 2px 8px rgba(0,0,0,.35);
}
html,body{background:#1a2332}
body{background:#1a2332;color:var(--ink)}
a{color:var(--blue2)}
.topbar{background:#222e3c;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 4px 18px rgba(0,0,0,.4)}
.tb-home{background:linear-gradient(135deg,#ff3d6e,#ff7a1a)}
.tb-search input{color:var(--ink);border:1px solid var(--line)}
.tb-search input::placeholder{color:var(--muted)}
.tb-search button{background:linear-gradient(90deg,#ffb300,#ff6a00);color:#1a1200}
.tb-who small{color:var(--muted)}
.box{border-color:var(--line);box-shadow:var(--shadow)}
.box-h h2{color:var(--title)}
input,select,textarea{color:var(--ink)}
input::placeholder,textarea::placeholder{color:#6f7894}
input:focus,select:focus,textarea:focus{border-color:#ffc93c!important;outline:none;box-shadow:0 0 0 3px rgba(255,201,60,.15)}
input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 40px #1a2332 inset}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#3a4a62;border-radius:8px}::-webkit-scrollbar-track{background:#1a2332}
/* inline light backgrounds written in the PHP templates */
[style*="background:#fff"],[style*="background: #fff"],[style*="background:white"],[style*="background:#fafafa"],[style*="background:#f8f9fa"],[style*="background:#f1f3f5"]{background:var(--card)!important}
[style*="color:#333"],[style*="color:#222"],[style*="color:#555"],[style*="color:#444"],[style*="color:#000"]{color:var(--ink)!important}
[style*="color:#666"],[style*="color:#777"],[style*="color:#888"]{color:var(--muted)!important}
/* ===== customer / agent login pages (same look as the admin login) ===== */
.lg-page,.login-wrap{background:#1a2332!important}
.lg-page::before{display:none!important}
.lg-card{background:#222e3c!important;border:1px solid rgba(255,255,255,.1);border-radius:22px!important;box-shadow:0 20px 50px rgba(0,0,0,.45)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.lg-top{background:transparent!important;border-bottom:0!important;padding-bottom:6px!important}
.lg-logo{width:92px!important;filter:drop-shadow(0 10px 24px rgba(255,90,60,.35))!important;margin-bottom:8px!important}
.lg-badge{display:block!important;background:transparent!important;color:rgba(255,255,255,.72)!important;font-size:14px!important;font-weight:600!important;padding:0!important;margin:0 auto!important;order:2}
.lg-badge.sm{color:#fff!important;font-size:24px!important;font-weight:800!important;letter-spacing:1.5px;direction:ltr;margin:0 0 2px!important}
.lg-top{display:flex;flex-direction:column;align-items:center}
.lg-top .lg-badge.sm{order:1}.lg-top .lg-links{order:3}
.lg-in{background:rgba(255,255,255,.07)!important;border:1.5px solid rgba(255,255,255,.12)!important;border-radius:14px!important}
.lg-in:focus-within{border-color:#ffc93c!important;box-shadow:0 0 0 3px rgba(255,201,60,.15)!important}
.lg-in input{background:transparent!important;color:#fff!important;font-size:16px!important;font-weight:600!important}
.lg-in input::placeholder{color:rgba(255,255,255,.5)}
.lg-ic,.lg-ic.lg-c,.lg-eye{background:transparent!important;border-inline-end:1px solid rgba(255,255,255,.1)!important;color:#fff}
.lg-btn{border-radius:14px!important;font-size:17px!important;padding:13px!important;box-shadow:none}
.lg-btn.green{background:linear-gradient(90deg,#ffb300,#ff6a00)!important;color:#1a1200!important;box-shadow:0 8px 24px rgba(255,140,0,.35)!important}
.lg-btn.blue,.lg-btn.yellow,.lg-btn.green2{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important}
.lg-links a{border-radius:12px!important}
.lg-hint{background:rgba(124,180,255,.08)!important;border-color:rgba(124,180,255,.25)!important;color:#b8c7e6!important}
.lg-note.warn{background:rgba(251,191,36,.12)!important;color:#fcd34d!important;border-color:rgba(251,191,36,.35)!important}
.lg-note.bad{background:rgba(255,77,79,.14)!important;color:#ffb3b3!important;border-color:rgba(255,77,79,.4)!important}
.login-card{background:#222e3c!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:22px!important;box-shadow:0 20px 50px rgba(0,0,0,.45)!important}
.btn.gold{background:linear-gradient(90deg,#ffb300,#ff6a00);color:#1a1200;border:0}
.ptop{background:#222e3c!important;border-bottom:1px solid rgba(255,255,255,.07)}
.pcard{background:#fff!important}
input[type=text],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=date],input[type=email],input:not([type]),select,textarea{background:#1a2332!important;border-color:#33425a!important}
.lg-in{background:#1a2332!important}
}