html:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#03070e;
  --bg-2:#050c16;
  --panel:#071321;
  --card-hi:#0a1a2b;
  --card-lo:#06111f;
  --fill:#081625;
  --line:rgba(108,196,255,.20);
  --line-hi:rgba(140,214,255,.46);
  --accent:#57b6ff;
  --accent-hi:#9bdcff;
  --accent-lo:#1f6fc0;
  --accent-soft:rgba(87,182,255,.14);
  --text:#eaf5ff;
  --muted:#a2b8cc;
  --dim:#6f8aa3;
  --light:#9bdcff;
  --green:#43d6a0;
  --amber:#f4c15a;
  --red:#ff7a8a;
  --cool:#5fd0ff;
  --bg-header:rgba(5,13,23,.92);
  --bg-bottom-nav:rgba(4,11,20,.96);
  --bg-border-subtle:rgba(108,196,255,.18);
  --input-border:rgba(120,200,255,.34);
  --bg-row:rgba(9,24,40,.85);
  --bg-row-active:rgba(14,38,62,.9);
  --text-dim:#8ba6bd;
  --text-body:#b6cbdd;
  --tv-blue-glow:#57b6ff;
  --tv-cyan-bright:#9bdcff;
}

html[data-theme="light"]{
  color-scheme:light;
  --bg:#eef5fb;
  --bg-2:#e6eff8;
  --panel:#ffffff;
  --card-hi:#ffffff;
  --card-lo:#f2f7fc;
  --fill:#eef4fa;
  --line:rgba(30,110,180,.16);
  --line-hi:rgba(30,110,180,.30);
  --accent:#1f7fd6;
  --accent-hi:#2f93ee;
  --accent-lo:#145a9e;
  --accent-soft:rgba(31,127,214,.12);
  --text:#0e2438;
  --muted:#4c6579;
  --dim:#7d94a6;
  --light:#2f93ee;
  --bg-header:rgba(255,255,255,.92);
  --bg-bottom-nav:rgba(255,255,255,.96);
  --bg-border-subtle:rgba(30,110,180,.14);
  --input-border:rgba(30,110,180,.22);
  --bg-row:rgba(238,245,252,.9);
  --bg-row-active:rgba(220,236,250,.95);
  --text-dim:#5a7285;
  --text-body:#33506a;
}

html:not([data-theme="light"]) body,
html:not([data-theme="light"]) body.nextshop-page{
  background-color:#03070e;
  background-image:
    radial-gradient(ellipse 85% 55% at 50% -12%,rgba(70,158,255,.18),transparent 62%),
    radial-gradient(ellipse 60% 45% at 92% 110%,rgba(0,180,255,.10),transparent 60%),
    radial-gradient(ellipse 55% 42% at 3% 102%,rgba(30,80,190,.13),transparent 60%),
    linear-gradient(168deg,#050b15 0%,#03070e 52%,#040b15 100%);
  background-repeat:no-repeat;
  background-attachment:fixed;
  color:var(--text);
}

html[data-theme="light"] body{
  background-color:#eef5fb;
  background-image:
    radial-gradient(ellipse 80% 50% at 50% -10%,rgba(90,170,255,.18),transparent 62%),
    linear-gradient(170deg,#f4f9fe 0%,#eaf2fa 100%);
  background-repeat:no-repeat;
  background-attachment:fixed;
}

.bg{
  background:
    radial-gradient(ellipse 60% 42% at 50% -6%,rgba(70,160,255,.16),transparent 66%),
    radial-gradient(ellipse 45% 38% at 96% 104%,rgba(0,180,255,.10),transparent 62%),
    radial-gradient(ellipse 42% 32% at 2% 92%,rgba(30,80,190,.10),transparent 60%),
    #03070e!important;
}

.glow-orb{
  background:radial-gradient(circle,rgba(87,182,255,.20),transparent 62%)!important;
  opacity:.8;
}

html[data-theme="light"] .bg{
  background:
    radial-gradient(ellipse 58% 42% at 50% -8%,rgba(90,170,255,.16),transparent 66%),
    radial-gradient(ellipse 45% 38% at 94% 104%,rgba(31,127,214,.10),transparent 62%),
    #eef5fb!important;
}

html[data-theme="light"] .glow-orb{opacity:.35}

body.nextshop-page .app{
  background:linear-gradient(180deg,rgba(7,19,33,.92) 0%,rgba(4,11,20,.96) 58%,rgba(3,8,15,.98) 100%)!important;
  border-inline:1px solid rgba(108,196,255,.10)!important;
  box-shadow:0 0 0 1px rgba(108,196,255,.06),0 30px 120px rgba(0,0,0,.85)!important;
}

.topbar,.sidebar{
  background:var(--bg-header)!important;
  border-color:var(--line)!important;
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
}

.section,.stat,.card,.login-card,.panel .card,.stats-bar,.workspace-box,.grp{
  background:linear-gradient(150deg,rgba(9,26,43,.92),rgba(5,14,25,.95))!important;
  border-color:var(--line)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.35),inset 0 1px rgba(155,220,255,.06)!important;
}

.section:hover,.stat:hover,.card:hover,.grp:hover{border-color:var(--line-hi)!important}

button.grad-btn,.submit,.btn-primary,.btn-connect,
.seg button.on,.nav-item.active{
  background:linear-gradient(135deg,#3f9cff,#1f6fc0 60%,#155a9c)!important;
  border:1px solid rgba(150,220,255,.55)!important;
  color:#fff!important;
  box-shadow:0 0 22px rgba(87,182,255,.30),inset 0 1px rgba(255,255,255,.35)!important;
}

button:hover{filter:brightness(1.10)}

input,select,textarea,.topbar .search{
  background:rgba(3,11,22,.72)!important;
  border-color:rgba(110,196,255,.30)!important;
  color:var(--text)!important;
}

input:focus,select:focus,textarea:focus{
  border-color:var(--accent-hi)!important;
  box-shadow:0 0 0 3px rgba(87,182,255,.16),0 0 18px rgba(87,182,255,.12)!important;
  outline:none;
}

input::placeholder,textarea::placeholder{color:var(--dim)!important}

a,.w2,.word-accent,.blue,.console-kicker,.page-eyebrow,
.brand .wm .w2,.brand div .w2,.profile span{color:var(--accent-hi)!important}

.page-head h1,.section h2,.card-title,.viewport .head h1,
#login .login-card h1,.login-card h1{
  color:var(--text)!important;
  text-shadow:0 0 18px rgba(87,182,255,.18);
}

.chip.time{
  background:rgba(87,182,255,.12)!important;
  border-color:rgba(140,214,255,.30)!important;
  color:var(--accent-hi)!important;
}

.chip.time.pending{
  color:var(--accent-hi)!important;
  background:rgba(87,182,255,.10)!important;
  border-color:rgba(140,214,255,.28)!important;
}

.chip.time .live{background:var(--accent-hi)!important;box-shadow:0 0 8px var(--accent-hi)!important}

.stat-value.blue{color:var(--accent-hi)!important}

.seg{background:rgba(6,18,32,.90)!important;border-color:var(--line)!important}
.seg button{color:var(--muted)}
.seg button.on{
  background:linear-gradient(135deg,#3f9cff,#1f6fc0)!important;
  color:#fff!important;
  box-shadow:0 0 10px rgba(87,182,255,.28)!important;
}

.server.active{background:var(--accent-soft)!important;border-color:rgba(140,214,255,.50)!important}
.server.active .tick{
  background:linear-gradient(180deg,var(--accent-hi),var(--accent-lo))!important;
  box-shadow:0 4px 14px rgba(87,182,255,.40)!important;
}

.picker-trigger{background:#071522!important;border-color:var(--input-border)!important}
.pk-pop{background:#0a1a2b!important}

.switch{background:var(--bg-row)!important;border-color:var(--line)!important}
.switch.locked-on{background:rgba(87,182,255,.08)!important;border-color:rgba(140,214,255,.36)!important}
.cb .box{
  background:rgba(87,182,255,.45)!important;
  border-color:var(--accent-hi)!important;
  box-shadow:0 0 8px rgba(87,182,255,.28)!important;
}
.cb .box:after{background:var(--accent-hi)!important;box-shadow:0 0 8px rgba(155,220,255,.60)!important}

.step,.note>div{background:rgba(7,20,34,.80)!important;border-color:var(--line)!important}
.toast{background:#0a1a2b!important;border-color:rgba(140,214,255,.40)!important}

.tabbar{background:var(--bg-bottom-nav)!important;border-color:var(--line)!important}
.tab[aria-selected="true"]{
  background:var(--accent-soft)!important;
  color:var(--accent-hi)!important;
  box-shadow:inset 0 0 0 1px rgba(140,214,255,.30)!important;
}

.language-switch{background:rgba(6,18,32,.85)!important;border-color:var(--line)!important}
.language-switch button{color:var(--muted)}
.language-switch button[aria-pressed="true"]{
  background:linear-gradient(135deg,#3f9cff,#1f6fc0)!important;
  color:#fff!important;
}

.nav-item{color:var(--muted)}
.nav-item:hover{background:rgba(87,182,255,.10)!important;color:var(--text)!important}
.nav-item.active{color:#fff!important}

.brand img,.sidebar .brand img,.topbar .brand img,.login-card .logo{
  background:linear-gradient(160deg,#0a2540,#040c17)!important;
  border-color:rgba(140,214,255,.45)!important;
  box-shadow:0 0 12px rgba(87,182,255,.25)!important;
}

.brand div .w1,.brand div .w2{
  animation:none!important;
  text-shadow:0 0 12px rgba(87,182,255,.35);
}

.card-wrap{width:min(100%,520px)}
.card-wrap:before{
  background:linear-gradient(130deg,rgba(155,220,255,.35),rgba(31,111,192,.05) 50%,rgba(155,220,255,.28))!important;
  border-radius:20px;
  clip-path:none;
}

body.nextshop-page .viewport .card{
  padding:34px 34px 30px;
  border:1px solid rgba(140,214,255,.30)!important;
  border-radius:20px;
  background:linear-gradient(155deg,rgba(9,26,43,.94),rgba(4,12,22,.96) 62%,rgba(6,17,30,.96))!important;
  clip-path:none;
  box-shadow:0 0 32px rgba(87,182,255,.16),0 30px 80px rgba(0,0,0,.55),inset 0 1px rgba(155,220,255,.08)!important;
}

.viewport .brand-icon{border:0;box-shadow:none;background:transparent;width:132px;height:132px;margin-bottom:12px}
.viewport .brand-icon img{width:100%;height:100%;filter:drop-shadow(0 0 16px rgba(87,182,255,.50))}
.viewport .head h1{font-size:clamp(26px,5vw,40px);font-style:italic;letter-spacing:.035em}
.viewport .head .sub,.viewport .sub{color:var(--muted)!important;letter-spacing:.12em}
.viewport .field input,.viewport .submit{clip-path:none;border-radius:8px}
.viewport .field input{border:1px solid rgba(110,196,255,.35)!important;background:rgba(3,11,22,.72)!important}
.viewport .field-icon{color:var(--accent-hi)}
.viewport .submit{height:58px;font-size:17px}

#login{background:transparent!important;align-items:center}
#login .login-card{
  width:min(100%,550px);
  padding:32px;
  border:1px solid rgba(140,214,255,.30)!important;
  border-radius:20px;
  background:linear-gradient(160deg,rgba(9,26,43,.95),rgba(4,12,22,.96))!important;
  box-shadow:0 0 34px rgba(87,182,255,.14),inset 0 1px rgba(155,220,255,.08)!important;
}
#login .login-card .logo{
  width:150px;height:150px;
  margin-bottom:12px;
  border:1px solid rgba(140,214,255,.50);
  border-radius:50%;
  object-fit:contain;
  filter:drop-shadow(0 0 16px rgba(87,182,255,.45));
}
#login .login-card h1{font-size:clamp(27px,5vw,40px);font-style:italic;letter-spacing:.02em}
#login .login-card>p:not(.login-foot){font-size:13px;letter-spacing:.42em;color:var(--muted)}
#login .login-card label{color:var(--text);font-size:13px}
#login .login-card input{height:52px;border:1px solid rgba(110,196,255,.32);border-radius:8px;background:rgba(3,11,22,.72)!important}
#login .login-card .grad-btn{height:58px;font-size:17px}

.submit{
  height:58px;
  font-size:17px;
  border-radius:8px;
  color:#fff!important;
  background:linear-gradient(135deg,#3f9cff,#1f6fc0 58%,#155a9c)!important;
  border:1px solid rgba(150,220,255,.55)!important;
  box-shadow:0 10px 30px rgba(31,111,192,.30),0 0 22px rgba(87,182,255,.20),inset 0 1px rgba(255,255,255,.35)!important;
}

.status.error{
  border-color:rgba(255,122,138,.40)!important;
  background:rgba(255,122,138,.08)!important;
  color:#ffd0d6!important;
}
.status.ok{
  border-color:rgba(67,214,160,.40)!important;
  background:rgba(67,214,160,.08)!important;
  color:#c9f7e6!important;
}

.footer{color:var(--dim)}
.access-label{color:var(--muted)}
.toggle{color:var(--muted)}
.toggle:hover{color:var(--accent-hi)}

::selection{background:rgba(87,182,255,.35);color:#fff}
html{scrollbar-color:rgba(87,182,255,.35) transparent}

html[data-theme="light"] .topbar,
html[data-theme="light"] .sidebar{background:rgba(255,255,255,.90)!important;border-color:var(--line)!important}

html[data-theme="light"] .section,
html[data-theme="light"] .stat,
html[data-theme="light"] .card,
html[data-theme="light"] .login-card,
html[data-theme="light"] .panel .card,
html[data-theme="light"] .stats-bar,
html[data-theme="light"] .workspace-box,
html[data-theme="light"] .grp{
  background:linear-gradient(150deg,#ffffff,#f2f7fc)!important;
  border-color:var(--line)!important;
  box-shadow:0 16px 40px rgba(20,60,110,.10),inset 0 1px rgba(255,255,255,.8)!important;
}

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .topbar .search{
  background:#ffffff!important;
  color:var(--text)!important;
  border-color:var(--input-border)!important;
}

html[data-theme="light"] .seg,
html[data-theme="light"] .picker-trigger{background:#eef4fa!important}
html[data-theme="light"] .pk-pop{background:#ffffff!important}
html[data-theme="light"] .step,
html[data-theme="light"] .note>div{background:#f4f9fe!important}
html[data-theme="light"] .toast{background:#ffffff!important}
html[data-theme="light"] .brand img,
html[data-theme="light"] .sidebar .brand img,
html[data-theme="light"] .topbar .brand img,
html[data-theme="light"] .login-card .logo{
  background:linear-gradient(160deg,#eaf3fc,#dbe9f7)!important;
  border-color:rgba(30,110,180,.30)!important;
}

html[data-theme="light"] .page-head h1,
html[data-theme="light"] .section h2,
html[data-theme="light"] .card-title,
html[data-theme="light"] .brand div .w1,
html[data-theme="light"] .brand div .w2{text-shadow:none!important}

html[data-theme="light"] #login .login-card{
  background:linear-gradient(160deg,#ffffff,#f2f7fc)!important;
  border-color:rgba(30,110,180,.20)!important;
  box-shadow:0 24px 60px rgba(20,60,110,.14),inset 0 1px rgba(255,255,255,.9)!important;
}
html[data-theme="light"] #login .login-card .logo{
  background:linear-gradient(160deg,#eaf3fc,#dbe9f7)!important;
  border-color:rgba(30,110,180,.30)!important;
}
html[data-theme="light"] #login .login-card h1{color:var(--text)!important;text-shadow:none!important}
html[data-theme="light"] #login .login-card>p:not(.login-foot){color:var(--muted)!important}
html[data-theme="light"] #login .login-card label{color:var(--text)!important}
html[data-theme="light"] #login .login-card input{
  background:#ffffff!important;
  color:var(--text)!important;
  border-color:var(--input-border)!important;
}

@media(max-width:700px){
  html:not([data-theme="light"]) body,
  html:not([data-theme="light"]) body.nextshop-page{background-attachment:scroll;background-position:center}
  #login .login-card,.viewport .card{padding:24px!important}
  .viewport .brand-icon{width:112px;height:112px}
  .viewport .brand-icon img{width:94px;height:94px}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
}

/* Neon glass surfaces shared by the customer and admin interfaces. */
html:not([data-theme="light"]){
  --bg:#020814;--bg-2:#03101e;--panel:rgba(5,22,40,.62);
  --card-hi:rgba(8,31,52,.57);--card-lo:rgba(3,15,31,.68);
  --fill:rgba(3,18,34,.52);--line:rgba(57,211,255,.32);
  --line-hi:rgba(84,230,255,.76);--accent:#00cfff;--accent-hi:#71efff;
  --accent-lo:#087cde;--accent-soft:rgba(0,207,255,.16);
  --text:#f1fbff;--muted:#bdd5e3;--dim:#91afc2;
  --bg-header:rgba(3,17,34,.58);--bg-bottom-nav:rgba(3,17,34,.78);
  --input-border:rgba(57,211,255,.46);--bg-row:rgba(7,29,49,.45);
  --bg-row-active:rgba(0,180,235,.22);--tv-blue-glow:#00cfff;
  --tv-cyan-bright:#71efff;
}
html:not([data-theme="light"]) body,
html:not([data-theme="light"]) body.nextshop-page{
  background:#020814 none center center/cover fixed no-repeat!important;
}
html:not([data-theme="light"]) body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(90deg,rgba(0,5,15,.32),rgba(0,9,22,.12) 48%,rgba(0,5,15,.32)),
    radial-gradient(ellipse at 50% 25%,rgba(0,188,255,.11),transparent 55%);
  display:block!important;
}
html:not([data-theme="light"]) .bg{background:transparent!important}
html:not([data-theme="light"]) body.nextshop-page .app{
  background:rgba(2,12,27,.46)!important;
  border:1px solid rgba(88,226,255,.16)!important;
  box-shadow:0 32px 100px rgba(0,0,0,.5)!important;
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
}
html:not([data-theme="light"]) .topbar,
html:not([data-theme="light"]) .sidebar,
html:not([data-theme="light"]) .tabbar{
  background:rgba(3,18,36,.67)!important;
  border-color:rgba(65,213,255,.28)!important;
  backdrop-filter:blur(24px) saturate(1.45);-webkit-backdrop-filter:blur(24px) saturate(1.45);
  box-shadow:inset 0 1px rgba(193,248,255,.12),0 10px 30px rgba(0,0,0,.22)!important;
}
html:not([data-theme="light"]) :is(.section,.stat,.card,.login-card,.panel .card,.stats-bar,.workspace-box,.grp,.modal-card,.drawer-panel,.table-wrap,.step,.note>div,.pk-pop,.picker-trigger,.toast){
  background:linear-gradient(145deg,rgba(13,44,68,.65),rgba(3,15,32,.72))!important;
  border:1px solid rgba(69,215,255,.36)!important;
  box-shadow:inset 0 1px rgba(221,252,255,.17),inset 0 0 26px rgba(0,157,228,.04),0 18px 48px rgba(0,0,0,.30),0 0 18px rgba(0,192,255,.09)!important;
  backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);
}
html:not([data-theme="light"]) :is(.section,.stat,.card,.grp):hover{
  border-color:rgba(94,234,255,.72)!important;
  box-shadow:inset 0 1px rgba(221,252,255,.22),0 18px 48px rgba(0,0,0,.34),0 0 25px rgba(0,210,255,.18)!important;
}
html:not([data-theme="light"]) #login .login-card,
html:not([data-theme="light"]) body.nextshop-page .viewport .card{
  background:linear-gradient(145deg,rgba(7,32,58,.74),rgba(2,13,30,.82))!important;
  border:1px solid rgba(75,227,255,.75)!important;
  box-shadow:inset 0 1px rgba(231,255,255,.27),0 22px 70px rgba(0,0,0,.48),0 0 34px rgba(0,207,255,.26)!important;
  backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);
}
html:not([data-theme="light"]) :is(button.grad-btn,.submit,.btn-primary,.btn-connect,.seg button.on){
  background:linear-gradient(110deg,#0876ef,#00d8f5)!important;
  border:1px solid #79f4ff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.52),0 0 18px rgba(0,205,255,.48),0 9px 26px rgba(0,119,235,.35)!important;
}
html:not([data-theme="light"]) .nav-item.active{
  background:linear-gradient(90deg,rgba(0,202,255,.28),rgba(0,125,214,.13))!important;
  border:1px solid rgba(76,225,255,.48)!important;
  box-shadow:inset 0 1px rgba(204,250,255,.18),0 0 15px rgba(0,205,255,.13)!important;
}
html:not([data-theme="light"]) :is(input,select,textarea,.topbar .search){
  background:rgba(1,12,28,.58)!important;
  border-color:rgba(66,213,255,.45)!important;
  box-shadow:inset 0 1px 5px rgba(0,0,0,.24)!important;
}
html:not([data-theme="light"]) :is(input,select,textarea,.topbar .search):focus{
  border-color:#70efff!important;box-shadow:0 0 0 3px rgba(0,208,255,.18),0 0 18px rgba(0,208,255,.22)!important;
}
html:not([data-theme="light"]) :is(.brand img,.sidebar .brand img,.topbar .brand img,.login-card .logo){
  background:transparent!important;border:0!important;box-shadow:none!important;
  filter:drop-shadow(0 0 12px rgba(0,208,255,.52));
}
@media(max-width:700px){
  html:not([data-theme="light"]) body,
  html:not([data-theme="light"]) body.nextshop-page{background-attachment:scroll!important}
  html:not([data-theme="light"]) :is(.section,.stat,.card,.login-card,.modal-card){backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
}

/* Match the logo's midnight navy, electric blue and bright cyan. */
html:not([data-theme="light"]){
  --accent:#00caff;--accent-hi:#48e9ff;--accent-lo:#075ae2;
  --line:rgba(0,206,255,.42);--line-hi:rgba(65,232,255,.88);
  --text:#f3fbff;--muted:#b4d0e4;--dim:#84a9c3;
}
html:not([data-theme="light"]) body,
html:not([data-theme="light"]) body.nextshop-page{
  background-color:#020713!important;
  background-image:
    radial-gradient(ellipse 40% 58% at -8% 48%,rgba(0,160,255,.28),transparent 75%),
    radial-gradient(ellipse 40% 58% at 108% 46%,rgba(0,200,255,.27),transparent 75%),
    linear-gradient(180deg,rgba(0,5,17,.10),rgba(0,5,17,.08) 68%,rgba(0,7,19,.44)),
    none!important;
  background-size:cover,cover,cover,cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
html:not([data-theme="light"]) body:before{
  background:radial-gradient(ellipse 52% 42% at 50% 12%,rgba(0,141,255,.12),transparent 80%),
    linear-gradient(90deg,rgba(0,5,15,.12),transparent 36%,transparent 64%,rgba(0,5,15,.12));
}
html:not([data-theme="light"]) body.nextshop-page .viewport .card,
html:not([data-theme="light"]) #login .login-card{
  background:linear-gradient(145deg,rgba(5,27,51,.74),rgba(0,8,24,.83) 70%)!important;
  border-color:#22dfff!important;
  box-shadow:inset 0 1px rgba(205,251,255,.36),inset 0 0 40px rgba(0,153,255,.08),
    0 26px 80px rgba(0,0,0,.54),0 0 34px rgba(0,199,255,.38)!important;
}
html:not([data-theme="light"]) .viewport .brand-icon img,
html:not([data-theme="light"]) #login .login-card .logo{
  filter:drop-shadow(0 0 16px rgba(0,213,255,.75))!important;
}
html:not([data-theme="light"]) .viewport .head h1,
html:not([data-theme="light"]) #login .login-card h1{
  color:#f4faff!important;
  text-shadow:0 2px 2px rgba(0,0,0,.8),0 0 22px rgba(0,166,255,.44)!important;
}
html:not([data-theme="light"]) .word-accent,
html:not([data-theme="light"]) .w2{color:#47dcff!important}
html:not([data-theme="light"]) :is(button.grad-btn,.submit,.btn-primary,.btn-connect,.seg button.on){
  background:linear-gradient(110deg,#0753d9 0%,#078ff5 47%,#00ddf6 100%)!important;
  border-color:#5aeaff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.58),0 0 22px rgba(0,210,255,.54),0 9px 28px rgba(0,102,242,.46)!important;
}
html:not([data-theme="light"]) :is(input,select,textarea,.topbar .search){
  border-color:rgba(0,202,255,.62)!important;background:rgba(0,10,27,.74)!important;
}
html:not([data-theme="light"]) :is(.section,.stat,.card,.grp,.workspace-box,.table-wrap){
  border-color:rgba(0,201,255,.46)!important;
  background:linear-gradient(145deg,rgba(6,35,63,.65),rgba(1,12,31,.76))!important;
}
@media(max-width:700px){
  html:not([data-theme="light"]) body,
  html:not([data-theme="light"]) body.nextshop-page{background-attachment:scroll!important;background-position:center!important}
}

/* Solid black canvas. The logo and controls carry the neon color. */
html:not([data-theme="light"]),
html:not([data-theme="light"]) body,
html:not([data-theme="light"]) body.nextshop-page{
  background:#000!important;
  background-image:none!important;
}
html:not([data-theme="light"]) body::before,
html:not([data-theme="light"]) body::after,
html:not([data-theme="light"]) .bg,
html:not([data-theme="light"]) .glow-orb{
  display:none!important;
  background:none!important;
}
html:not([data-theme="light"]) body.nextshop-page .app{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
html:not([data-theme="light"]) :is(.topbar,.sidebar,.tabbar){
  background:rgba(5,10,18,.88)!important;
  border-color:rgba(0,203,255,.22)!important;
}
html:not([data-theme="light"]) :is(.section,.stat,.card,.login-card,.panel .card,.stats-bar,.workspace-box,.grp,.modal-card,.drawer-panel,.table-wrap,.step,.note>div,.pk-pop,.picker-trigger,.toast){
  background:linear-gradient(145deg,rgba(11,19,32,.94),rgba(3,8,17,.97))!important;
  border-color:rgba(0,198,255,.34)!important;
  box-shadow:inset 0 1px rgba(184,245,255,.11),0 14px 36px rgba(0,0,0,.42)!important;
}
html:not([data-theme="light"]) #login .login-card,
html:not([data-theme="light"]) body.nextshop-page .viewport .card{
  background:linear-gradient(155deg,rgba(10,21,37,.95),rgba(2,8,17,.98))!important;
  border-color:rgba(0,215,255,.57)!important;
  box-shadow:inset 0 1px rgba(214,251,255,.16),0 22px 60px rgba(0,0,0,.52),0 0 20px rgba(0,190,255,.12)!important;
}
html:not([data-theme="light"]) :is(button.grad-btn,.submit,.btn-primary,.btn-connect,.seg button.on){
  background:linear-gradient(110deg,#0758d7,#078bea 55%,#00cde8)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.38),0 7px 20px rgba(0,111,225,.23)!important;
}