/* WTsat Command — identidade visual 2026 / Admin, Revenda e Login
   Camada de interface isolada: não altera formulários, handlers, dados ou rotas. */
:root {
  --wt-red: #e52b35;
  --wt-red-light: #ff5862;
  --wt-red-dark: #a71320;
  --wt-base: #090b10;
  --wt-side: #0c0e14;
  --wt-panel: #14171e;
  --wt-panel-raised: #1b202a;
  --wt-border: #292e39;
  --wt-text: #f3f5f9;
  --wt-subtle: #a0a8b8;
  --wt-highlight: #2e3542;
  --wt-radius: 16px;
}
body.admin-ui, body.reseller-studio {
  --bg: var(--wt-base);
  --bg-soft: var(--wt-panel);
  --bg-elevated: var(--wt-panel);
  --surface: var(--wt-panel);
  --surface-2: var(--wt-panel-raised);
  --surface-hover: #252b37;
  --panel: var(--wt-panel);
  --panel2: var(--wt-panel-raised);
  --line: var(--wt-border);
  --border: var(--wt-border);
  --border-strong: #3b4352;
  --text: var(--wt-text);
  --text-2: #c8cdd9;
  --muted: var(--wt-subtle);
  --accent: var(--wt-red);
  --accent-strong: var(--wt-red-dark);
  --accent-soft: rgb(229 43 53 / 12%);
  --accent-glow: rgb(229 43 53 / 25%);
  --primary: var(--wt-red);
  --primary-2: var(--wt-red-light);
  --violet: var(--wt-red-light);
  --radius: var(--wt-radius);
  --radius-lg: 20px;
  background: var(--wt-base) !important;
  color: var(--wt-text);
  font-family: Inter,"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size: 13px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
.admin-ui .app-shell {--sidebar-w: 258px;--topbar-h: 70px}
.reseller-studio .shell {grid-template-columns:258px minmax(0,1fr)}
.admin-ui .main-wrap,.reseller-studio .main {min-width:0;background:radial-gradient(ellipse 70% 44% at 88% -24%,#46182229,transparent 72%),#0a0d13}
.admin-ui .main-bg,.reseller-studio .main-bg {opacity:.24;pointer-events:none}
.admin-ui .sidebar,.reseller-studio .side {
  background:linear-gradient(180deg,#10131b 0%,#0a0d13 66%,#0b0d13 100%) !important;
  border-right:1px solid #292c35;
  padding:24px 14px 16px;
  box-shadow: 15px 0 45px rgb(0 0 0 / 9%);
  scrollbar-width:thin;
  scrollbar-color:#323744 transparent;
}
.admin-ui .brand-wrap,.reseller-studio .brandbox {align-items:center;gap:13px;padding:2px 9px 23px;margin-bottom:20px;border-bottom:1px solid #2c313d}
.admin-ui .brand-mark,.reseller-studio .brandmark {
  width:45px;height:45px;flex:0 0 45px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(145deg,#ff5862,#d01b28 65%,#95101c) !important;
  border:1px solid #ff81883d;
  box-shadow:0 6px 20px #ba152330, inset 0 1px 0 #ffffff33;
  font-weight:800;
}
.admin-ui .brand-name,.reseller-studio .brandbox b {font-size:16px;font-weight:800;color:white;letter-spacing:-.35px}
.admin-ui .brand-sub,.reseller-studio .brandbox small {font-size:10px;color:#9299a9;line-height:1.5;max-width:145px}
.admin-ui .studio-nav-label,.reseller-studio .nav-label {font-size:10px;color:#778094;font-weight:800;letter-spacing:1.25px;margin:18px 12px 10px}
.admin-ui .nav-areas {gap:5px}
.admin-ui .nav-area,.reseller-studio .nav-item {
  position:relative;
  display:flex;
  min-height:43px;
  align-items:center;
  padding:10px 13px;
  margin:1px 0;
  border:1px solid transparent;
  border-radius:11px;
  color:#acb3c1;
  text-decoration:none;
  opacity:1;
  font-size:12.5px;
  font-weight:600;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;
}
.admin-ui .nav-area:hover,.reseller-studio .nav-item:hover {transform:translateX(2px);background:#222632;color:#fff;border-color:#303747}
.admin-ui .nav-area.is-active,.reseller-studio .nav-item.active {
  color:#fff!important;
  background:linear-gradient(90deg,#e52b3523,#e52b350c 88%)!important;
  border-color:#e52b3548!important;
  box-shadow:inset 3px 0 0 var(--wt-red);
  font-weight:800;
}
.admin-ui .nav-area-icon {width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#8893a4}
.admin-ui .nav-area-icon svg {width:19px;height:19px}
.admin-ui .nav-area.is-active .nav-area-icon {color:#ff626a;background:#ed323a14}
.reseller-studio .nav-item span {width:24px;flex:0 0 24px;text-align:center;font-size:16px;color:#9ca4b5}
.reseller-studio .nav-item.active span {color:#ff737b}
.reseller-studio .accountbox {background:#171b24!important;border:1px solid #303747!important;border-radius:13px;padding:14px;margin:3px 4px 9px}
.reseller-studio .accountbox b {font-size:14px;color:#e9edf5}
.admin-ui .studio-side-note {
  background:linear-gradient(155deg,#30191f,#18191e 64%)!important;
  border:1px solid #67313b!important;
  padding:17px 16px!important;
  border-radius:15px;
  color:#b8abb1;
  margin-top:auto;
}
.admin-ui .studio-side-note .wt-side-spark {display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#dc262624;color:#ff7b83;font-size:16px;margin-bottom:10px}
.admin-ui .studio-side-note b {display:block;color:#fff;font-size:13px;margin-bottom:4px}
.admin-ui .studio-side-note p {margin:0 0 12px;line-height:1.65;font-size:11px}
.admin-ui .studio-side-note>span:last-child {display:block;color:#ed9da4;letter-spacing:1.2px;font-size:9px;font-weight:800}
.admin-ui .sidebar-foot {margin-top:12px;border-top:1px solid #30313c;padding-top:12px}
.reseller-studio .credit-mini {border:1px solid #7f273b67!important;background:linear-gradient(125deg,#301920,#1b1c26)!important;padding:18px;border-radius:14px}
.reseller-studio .credit-mini strong {font-size:24px;color:#fff}
.admin-ui .topbar,.reseller-studio .top {
  min-height:75px;
  background:rgb(13 16 23 / 94%)!important;
  border-bottom:1px solid #292d38!important;
  box-shadow:0 8px 36px #03050b18;
  backdrop-filter:blur(14px);
  padding:17px 36px;
  position:sticky;top:0;z-index:15;
}
.admin-ui .topbar-area {
  display:inline-flex;align-items:center;gap:9px;
  font-size:14px!important;color:#f0f2f6!important;
  font-weight:800!important;letter-spacing:-.25px!important;
  border:0!important;background:transparent!important;padding:0!important;
}
.admin-ui .topbar-area::before {width:8px;height:8px;background:var(--wt-red);box-shadow:0 0 0 4px #e52b3522}
.admin-ui .studio-top-label {font-size:10px;color:#727d91;letter-spacing:1.3px;margin-left:16px}
.admin-ui .wt-top-status {display:flex;align-items:center;gap:9px;padding:8px 12px;color:#b8c6bb;font-size:11px;border:1px solid #2c3931;background:#14241b55;border-radius:999px}
.admin-ui .status-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:#45d18f;box-shadow:0 0 0 4px #45d18f17}
.admin-ui .admin-chip {background:#191d26;border:1px solid #343a48;border-radius:999px;padding:5px 13px 5px 5px;gap:9px;font-weight:700}
.admin-ui .avatar {border-radius:50%;background:#54222c!important;color:#ffb5ba!important;border:1px solid #923644}
.reseller-studio .top h2 {font-size:17px;font-weight:800;letter-spacing:-.3px}
.reseller-studio .top small {color:#828c9d}
.admin-ui .content,.reseller-studio .content {max-width:1670px;margin:0 auto;padding:32px 36px 70px!important}
.admin-ui .page-hero {padding:3px 2px 9px;margin-bottom:20px;background:none!important;border:0!important;box-shadow:none!important}
.admin-ui .page-heading {font-size:clamp(25px,2.3vw,32px);letter-spacing:-1.2px;font-weight:850;color:#f8fafc}
.admin-ui .page-lead,.reseller-studio .section-head p {font-size:12px;color:#8c96a9}
.admin-ui .page-subnav {margin-bottom:22px}
.admin-ui .context-bar {background:#141821!important;border:1px solid #2a303e;border-radius:13px;padding:5px;box-shadow:none}
.admin-ui .context-tabs {gap:4px}
.admin-ui .context-tab {border:1px solid transparent;background:transparent;color:#9ba4b4;border-radius:9px;min-height:38px;display:inline-flex;align-items:center;padding:9px 12px;font-weight:650}
.admin-ui .context-tab:hover {color:#fff;background:#222631}
.admin-ui .context-tab.is-active {color:#fff!important;background:#342127!important;border-color:#84323d!important;box-shadow:none}
/* Banner do dashboard: contraste escuro e acento vermelho, sem texturas confusas. */
.admin-ui .studio-hero {
  min-height:205px;
  padding:33px 40px!important;
  border-radius:20px!important;
  border:1px solid #812c386a!important;
  background:radial-gradient(circle at 79% 25%,#a9273a44,transparent 31%),radial-gradient(circle at 99% 100%,#e3344539,transparent 38%),linear-gradient(110deg,#25171f,#151821 63%,#141720)!important;
  box-shadow:inset 0 1px 0 #f4989820,0 18px 52px #00000022!important;
  overflow:hidden;
}
.admin-ui .studio-hero::before {content:"";position:absolute;width:360px;height:360px;border:1px solid #fa5f6a20;border-radius:50%;right:-120px;top:-190px;pointer-events:none}
.admin-ui .studio-hero h2 {font-size:clamp(24px,2.5vw,36px);line-height:1.22;letter-spacing:-1.15px;color:#fff;margin:13px 0}
.admin-ui .studio-hero p {color:#b2a5ad;font-size:13px;max-width:540px;line-height:1.7}
.admin-ui .studio-kicker {color:#ff9fa6!important;font-size:10px;letter-spacing:1.4px;font-weight:800}
.admin-ui .studio-hero-art {color:#f17883;opacity:.78;transform:scale(1.17)}
.admin-ui .dash-actions {gap:9px;margin-bottom:22px}
.admin-ui .dash-actions .btn,.admin-ui .dash-actions button {min-height:41px;font-size:12px}
.admin-ui .dash-primary {gap:14px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0 0 20px}
.admin-ui .dash-stat {
  display:grid!important;
  grid-template-columns:44px 1fr;
  grid-template-rows:auto auto;
  column-gap:12px;row-gap:6px;
  padding:24px!important;
  min-height:134px!important;
  border-radius:17px!important;
  border:1px solid #2a303d!important;
  background:linear-gradient(145deg,#191d26,#141820)!important;
  box-shadow:inset 0 1px 0 #ffffff08,0 12px 25px #00000015!important;
  text-align:left;
  transition:border-color .2s ease,transform .2s ease;
}
.admin-ui .dash-stat:hover {transform:translateY(-2px);border-color:#a63a495e!important}
.admin-ui .dash-stat::before,.admin-ui .dash-stat::after {display:none!important}
.admin-ui .dash-stat .stat-icon {grid-column:1;grid-row:1/3;width:44px!important;height:44px!important;border-radius:13px;background:#ec344217!important;color:#ff6977!important;display:grid;place-items:center}
.admin-ui .dash-stat .stat-icon svg {width:22px;height:22px}
.admin-ui .dash-stat small {grid-column:2;grid-row:1;align-self:end;font-size:12px!important;color:#939eaf!important;letter-spacing:0;text-align:left}
.admin-ui .dash-stat b {grid-column:2;grid-row:2;align-self:start;font-size:32px!important;line-height:1.2;font-weight:850;color:#f7f9fd!important;text-align:left;letter-spacing:-1.1px}
.admin-ui .dash-stat.stat-online {background:linear-gradient(125deg,#29202a,#191b24 77%)!important;border-color:#83404c5a!important}
.admin-ui .dash-stat.stat-online b {color:#ff9ca5!important}
.admin-ui .dash-layout {gap:17px}
.admin-ui .dash-online-panel,.admin-ui .mini-stat {border:1px solid #2a303d!important;background:#161a23!important;border-radius:17px;box-shadow:none}
.admin-ui .mini-stat {padding:20px}
.admin-ui .mini-stat b {font-size:26px;color:#fff;font-weight:800}
.admin-ui .mini-stat span {color:#97a1b3}
.admin-ui .online-item {border-color:#272d38!important;padding-block:14px}
/* Blocos transversais a todo o painel. */
.admin-ui .card,.reseller-studio .card,.reseller-studio .section-card,
.admin-ui .dash-fold,.reseller-studio .quick-link,.reseller-studio .kpi,
.reseller-studio .trial-panel,.reseller-studio .expiry-list {
  background:#171b24!important;
  border:1px solid #303542!important;
  border-radius:17px!important;
  box-shadow:0 8px 28px #00000017,inset 0 1px #ffffff07!important;
}
.admin-ui :is(.card,.dash-fold),.reseller-studio :is(.card,.section-card) {margin-bottom:17px}
.admin-ui .card h2,.admin-ui .card h3,.reseller-studio .card h2,.reseller-studio .section-head h2 {color:#f6f7fa;letter-spacing:-.35px}
.admin-ui :is(.section-head,.dash-section-head),.reseller-studio .section-head {border-color:#303542}
.admin-ui :is(button,.btn,.btn2,.btn-primary),.reseller-studio :is(button,.btn,.btn2) {font-family:inherit;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.admin-ui :is(button.btn-primary,.btn-primary,button[type=submit]:not(.btn2):not(.danger)),
.reseller-studio :is(button[type=submit]:not(.btn2):not(.danger),.btn-primary),
.login-studio .login-btn {
  background:linear-gradient(130deg,#f03c47,#d31e2b)!important;
  border:1px solid #ff667047!important;
  color:#fff!important;
  font-weight:800;
  border-radius:10px!important;
  box-shadow:0 7px 20px #d8283533!important;
}
.admin-ui :is(button.btn-primary,.btn-primary,button[type=submit]:not(.btn2):not(.danger)):hover,
.reseller-studio button[type=submit]:not(.btn2):not(.danger):hover,
.login-studio .login-btn:hover {background:linear-gradient(130deg,#ff5560,#df2734)!important;transform:translateY(-1px)}
.admin-ui :is(.btn2,button.btn2),.reseller-studio :is(.btn2,button.btn2) {background:#242935!important;border:1px solid #394151!important;color:#e4e7ef!important;border-radius:10px!important}
.admin-ui :is(.btn2,button.btn2):hover,.reseller-studio :is(.btn2,button.btn2):hover {background:#303746!important;border-color:#4c586d!important}
.admin-ui :is(input,textarea,select):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
.reseller-studio :is(input,textarea,select):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]) {
  color:#f2f4f9!important;
  background:#11151d!important;
  border:1px solid #39404f!important;
  border-radius:10px!important;
  min-height:39px;
  box-shadow:inset 0 1px 2px #03050a24!important;
}
.admin-ui :is(input,textarea,select)::placeholder,.reseller-studio :is(input,textarea,select)::placeholder {color:#677389}
.admin-ui :is(input,textarea,select):focus,.reseller-studio :is(input,textarea,select):focus {outline:2px solid #e52b3555!important;outline-offset:1px;border-color:#ff6670!important}
.admin-ui :is(input,select,textarea,label),.reseller-studio :is(input,select,textarea,label) {font-family:inherit}
.admin-ui input[type=checkbox],.reseller-studio input[type=checkbox] {accent-color:#e52b35}
.admin-ui .table,.reseller-studio .table {overflow-x:auto;max-width:100%;border-radius:11px;scrollbar-color:#424b5d #1b2028}
.admin-ui :is(.table table,.table-pro),.reseller-studio .table table {border-collapse:separate;border-spacing:0;line-height:1.45}
.admin-ui :is(.table th,.table-pro th),.reseller-studio .table th {background:#202530!important;color:#acb5c5!important;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #353c4b!important;padding:13px 12px}
.admin-ui :is(.table td,.table-pro td),.reseller-studio .table td {padding:14px 12px;border-bottom:1px solid #2a303d!important;color:#dde3ed}
.admin-ui :is(.table tr,.table-pro tr):hover td,.reseller-studio .table tr:hover td {background:#1e2430}
.admin-ui :is(.pill,.badge),.reseller-studio .pill {font-size:10px;font-weight:800;border-radius:999px;padding:5px 10px}
.admin-ui :is(.ok,.alert-success),.reseller-studio .notice {border-radius:11px}
/* Revenda: dashboard com disposição hierárquica. */
.reseller-studio .dash-welcome {
  padding:31px 34px!important;
  background:radial-gradient(ellipse at 88% 16%,#a5293740,transparent 45%),linear-gradient(110deg,#2c1922,#161a22 78%)!important;
  border:1px solid #7a394454!important;
  border-radius:19px!important;
}
.reseller-studio .dash-welcome h1 {font-size:clamp(24px,2.7vw,34px);letter-spacing:-1px;font-weight:800;color:white}
.reseller-studio .dash-welcome p {color:#b4abb4}
.reseller-studio .dash-balance {background:#171c25!important;border:1px solid #6b344059!important;border-radius:13px}
.reseller-studio .dash-balance strong {color:#ff8f98!important}
.reseller-studio .kpis {gap:14px}
.reseller-studio .kpi {padding:23px!important;transition:border-color .2s ease,transform .2s ease}
.reseller-studio .kpi:hover {transform:translateY(-2px);border-color:#91425488!important}
.reseller-studio .kpi strong {color:#f5f6fa;font-size:29px;letter-spacing:-.7px}
.reseller-studio .kpi em {font-size:11px;color:#a0a9b9}
.reseller-studio .kpi-icon {color:#ff727d!important}
.reseller-studio .quick-link {transition:transform .15s ease,border-color .15s ease}
.reseller-studio .quick-link:hover {transform:translateY(-2px);border-color:#763945!important}
.reseller-studio .quick-icon {background:#e52b3518!important;color:#ff7c85!important;border-radius:11px}
.reseller-studio .expiry-row {border-color:#303541}
.reseller-studio .homebtn,.reseller-studio .adminbtn {border:1px solid #383f4e;background:#232833;border-radius:9px}
/* Login: identidade própria; layout dividido com informação de segurança. */
body.login-studio {background:#090b10!important;display:grid;place-items:center;padding:32px;font-family:Inter,"Plus Jakarta Sans",system-ui,sans-serif}
.login-studio .login-wrap {width:min(1080px,100%);max-width:1080px;min-height:610px;grid-template-columns:1.05fr 1fr;background:#141821;border:1px solid #353b48;border-radius:23px;box-shadow:0 35px 100px #0009}
.login-studio .brand-head {background:#211820;padding:39px 43px 18px}
.login-studio .brand-mark {background:linear-gradient(145deg,#f74a55,#b41c29)!important;box-shadow:0 12px 36px #db2d3944;border:1px solid #f6838c60;border-radius:14px}
.login-studio .brand-title {font-size:19px;color:#fff;font-weight:800}
.login-studio .brand-sub {color:#b8aab2}
.login-studio .studio-login-story {background:radial-gradient(ellipse at 70% 76%,#6a222d80,transparent 64%),linear-gradient(150deg,#211820,#171920);padding:38px 43px 50px}
.login-studio .studio-kicker {color:#fb8c97;letter-spacing:1.7px;font-size:10px;font-weight:800}
.login-studio .studio-login-story h2 {font-size:clamp(34px,3.9vw,49px);max-width:440px;line-height:1.13;letter-spacing:-2px;color:#fff;margin:22px 0}
.login-studio .studio-login-story p {font-size:13px;max-width:370px;color:#c1b4bc;line-height:1.8}
.login-studio .studio-login-lines {height:75px;margin-top:36px;opacity:.78}
.login-studio .studio-login-lines i {border-color:#fe697b55;background:linear-gradient(#f64f6166,#ef2b3b0a)}
.login-studio .login-card {background:#151922!important;padding:55px 55px!important}
.login-studio .access-chip {color:#ff9ca4;background:#e52b3514;border:1px solid #e52b3540;font-size:10px;font-weight:800}
.login-studio .login-card h1 {font-size:30px;letter-spacing:-1.1px;color:#fff;font-weight:850}
.login-studio .lead {color:#9aa4b6;line-height:1.7}
.login-studio .input-shell {background:#0f131b;border:1px solid #383f50;border-radius:11px;min-height:49px}
.login-studio .input-shell:focus-within {border-color:#ff6671;box-shadow:0 0 0 3px #df2f3d2b}
.login-studio .field-label {color:#c0c7d4;font-weight:650}
.login-studio input {color:#fff!important}
.login-studio .login-btn {min-height:51px;border-radius:11px!important;margin-top:10px;letter-spacing:.5px}
.login-studio .login-foot {border-color:#303744;color:#929db0}
.login-studio .bottom-note {background:#211820;color:#b8a3ae}
/* Acessibilidade e telas pequenas */
.admin-ui :focus-visible,.reseller-studio :focus-visible,.login-studio :focus-visible {outline:2px solid #ff8a94!important;outline-offset:3px}
@media (max-width:1250px) {
  .admin-ui .dash-primary {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-ui .content,.reseller-studio .content {padding:27px 25px 55px!important}
  .admin-ui .studio-top-label {display:none}
}
@media (max-width:900px) {
  .admin-ui .app-shell {--sidebar-w:0px}
  .reseller-studio .shell {grid-template-columns:minmax(0,1fr)}
  .admin-ui .topbar,.reseller-studio .top {padding:14px 21px;min-height:66px}
  .admin-ui .wt-top-status {display:none}
  .login-studio .login-wrap {grid-template-columns:1fr;max-width:480px;min-height:0}
  .login-studio .brand-head {grid-column:1;padding:27px 30px 18px}
  .login-studio .studio-login-story {display:none}
  .login-studio .login-card {grid-column:1;grid-row:2;padding:37px 31px!important}
  .login-studio .bottom-note {grid-column:1;grid-row:3;text-align:center;padding:19px 25px}
}
@media (max-width:600px) {
  .admin-ui .content,.reseller-studio .content {padding:20px 14px 42px!important}
  .admin-ui .topbar,.reseller-studio .top {padding:13px 15px;min-height:62px}
  .admin-ui .topbar-area {font-size:12px!important}
  .admin-ui .admin-chip {padding-right:7px}
  .admin-ui .admin-chip span {display:none}
  .admin-ui .page-heading {font-size:27px}
  .admin-ui .studio-hero {padding:26px!important;min-height:0}
  .admin-ui .studio-hero h2 {font-size:26px}
  .admin-ui .studio-hero-art {display:none}
  .admin-ui .dash-primary {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .admin-ui .dash-stat {display:flex!important;flex-direction:column!important;min-height:145px!important;padding:17px!important;gap:7px!important}
  .admin-ui .dash-stat .stat-icon {width:34px!important;height:34px!important}
  .admin-ui .dash-stat .stat-icon svg {width:18px;height:18px}
  .admin-ui .dash-stat small {font-size:11px!important;line-height:1.2}
  .admin-ui .dash-stat b {font-size:28px!important}
  .admin-ui .dash-actions {display:flex;flex-wrap:wrap;gap:8px}
  .admin-ui .dash-actions .primary-action {width:100%}
  .admin-ui .dash-actions .primary-action button {width:100%}
  .admin-ui .context-tabs {overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
  .admin-ui .context-tab {flex-shrink:0;font-size:11px}
  .reseller-studio .dash-welcome {padding:23px!important}
  .reseller-studio .kpis {grid-template-columns:repeat(2,minmax(0,1fr))}
  .reseller-studio .kpi {padding:17px!important}
  .reseller-studio .kpi strong {font-size:25px}
  body.login-studio {padding:12px}
  .login-studio .login-wrap {border-radius:17px}
  .login-studio .login-card {padding:30px 23px!important}
}
@media (prefers-reduced-motion:reduce) {
  .admin-ui *, .reseller-studio *, .login-studio * {animation:none!important;scroll-behavior:auto!important;transition:none!important}
}