:root{
  --bg:#06090e;--bg2:#090f16;--panel:#0d141d;--panel2:#101923;--line:#23303e;--text:#f5f7fa;--muted:#8e9aab;
  --gold:#e5ad3d;--gold2:#f7d071;--purple:#8f59ff;--green:#27d17f;--red:#ff6370;--blue:#57a8ff;
  --radius:18px;--shadow:0 20px 60px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--text);background:var(--bg)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
.muted{color:var(--muted)}.gold{color:var(--gold2)}.empty{color:var(--muted);text-align:center;padding:28px!important}
.login-body{min-height:100vh;background:
 radial-gradient(circle at 16% 16%,rgba(229,173,61,.18),transparent 28%),
 radial-gradient(circle at 82% 18%,rgba(143,89,255,.13),transparent 28%),#06090e;display:grid;place-items:center;padding:28px}
.login-wrap{width:min(1040px,100%);min-height:620px;display:grid;grid-template-columns:1.2fr .8fr;border:1px solid #24303c;border-radius:28px;overflow:hidden;box-shadow:0 40px 120px #000c;background:#080d13}
.login-visual{padding:64px;display:flex;flex-direction:column;justify-content:center;background:
 linear-gradient(145deg,rgba(10,15,22,.5),rgba(7,9,14,.9)),radial-gradient(circle at 50% 40%,#392b11 0,transparent 46%)}
.login-logo{width:260px;height:106px;overflow:hidden;border-radius:22px;margin-bottom:48px;background:linear-gradient(135deg,#ffffff,#f6e7c5)}.login-logo img{width:100%;height:100%;object-fit:cover;object-position:center 18%;transform:scale(1.18)}
.eyebrow{font-size:12px;letter-spacing:.22em;color:#aeb8c5}.login-visual h1{font-size:56px;line-height:1.02;margin:14px 0}.login-visual h1 span{color:var(--gold2)}.login-visual p{color:var(--muted);font-size:18px}
.login-card{padding:64px 52px;background:linear-gradient(180deg,#101720,#0b1017);display:flex;flex-direction:column;justify-content:center}.login-card h2{font-size:34px;margin:0 0 6px}.login-card label{display:block;margin:18px 0 8px;font-size:13px;color:#c9d0da}
.login-card input,.form-grid input,.form-grid select,.form-grid textarea,.copy-row input{width:100%;background:#070b11;color:#fff;border:1px solid #2a3745;border-radius:12px;padding:13px 14px;outline:0}.login-card input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--gold)}
.login-card .btn{margin-top:20px;width:100%}.login-foot{margin-top:24px;color:#6f7a88;font-size:12px}.mobile-brand{display:none}
.btn{border:1px solid #33404d;background:#131d27;color:#fff;border-radius:11px;padding:10px 14px;font-weight:700}.btn.primary{background:linear-gradient(135deg,#f2c55d,#c88819);border-color:#e2b548;color:#1b1306}.btn.small{padding:7px 10px;font-size:12px}
.notice{padding:12px 14px;border-radius:12px;margin:0 0 16px;border:1px solid}.notice.error{background:#331015;border-color:#72313a}.notice.success{background:#0f3325;border-color:#28654d}
.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;background:
radial-gradient(circle at 18% 8%,rgba(229,173,61,.14),transparent 22%),
radial-gradient(circle at 82% 0%,rgba(143,89,255,.10),transparent 18%),
linear-gradient(180deg,#0a1118 0%,#06090e 58%,#04070b 100%);
border-right:1px solid #243240;padding:18px 14px;display:flex;flex-direction:column;z-index:30}
.brand-box{padding:6px 8px 18px;border-bottom:1px solid #1f2c37;margin-bottom:12px;display:flex;align-items:center;gap:12px}
.brand-crop{height:56px;width:56px;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#fff7e3,#f0d08b);margin-bottom:0;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.brand-crop img{width:100%;height:100%;object-fit:cover;object-position:center 18%;transform:scale(1.08)}
.brand-text{font-size:30px;line-height:1;font-weight:900;letter-spacing:-.045em;color:#f6f8fb}
.brand-text span{color:var(--gold2)}
.sidebar nav{display:flex;flex-direction:column;gap:5px;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:12px;color:#b5bfca;padding:11px 12px;border-radius:11px;font-size:14px;white-space:nowrap}.sidebar nav a i{font-style:normal;width:22px;text-align:center;font-size:17px}.sidebar nav a:hover{background:#101923;color:#fff}.sidebar nav a.active{background:linear-gradient(90deg,#f3cb70,#bc7e14);color:#171005;font-weight:800;box-shadow:0 8px 22px rgba(188,126,20,.22)}
.side-foot{margin-top:auto;border:1px solid #2f3a46;border-radius:18px;padding:16px;background:
radial-gradient(circle at 78% 14%,rgba(229,173,61,.24),transparent 38%),
radial-gradient(circle at 18% 100%,rgba(87,168,255,.12),transparent 30%),
linear-gradient(180deg,#0f161f,#0a1017)}
.side-foot strong{color:#ffd77a;display:block;margin-bottom:8px}
.side-foot small{color:#9ba7b5;line-height:1.5}
.main{min-width:0;background:
radial-gradient(circle at 84% 0%,rgba(143,89,255,.12),transparent 22%),
radial-gradient(circle at 14% 22%,rgba(229,173,61,.07),transparent 20%),
radial-gradient(circle at 100% 40%,rgba(87,168,255,.09),transparent 18%),
linear-gradient(180deg,#091019 0%,#08111a 40%,#070d15 100%)}
.topbar{height:76px;border-bottom:1px solid #1d2833;background:rgba(7,11,17,.88);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:20}.top-title{font-weight:800}.top-date{font-size:12px;color:var(--muted);margin-top:3px}.user-chip{display:flex;align-items:center;gap:10px}.user-chip small{display:block;color:var(--muted);font-size:11px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7251ea,#e3ae40);font-weight:900}.user-chip>a{color:#8994a2;margin-left:6px}.menu-toggle{display:none;background:#121a23;border:1px solid #26323e;color:#fff;border-radius:10px;padding:8px 11px}
.content{padding:24px;max-width:1500px;margin:0 auto}.hero{min-height:150px;border:1px solid #22303d;border-radius:20px;padding:26px;display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 68% 20%,rgba(229,173,61,.17),transparent 26%),linear-gradient(135deg,#0d151e,#091018);margin-bottom:18px;box-shadow:var(--shadow)}.hero h1{font-size:34px;margin:4px 0 5px}.hero p{margin:0;color:var(--muted)}.hero-badge{min-width:170px;background:#101a23;border:1px solid #2a3745;border-radius:16px;padding:18px}.hero-badge span{display:block;color:#9aa5b3;font-size:12px}.hero-badge strong{font-size:42px}.publisher-hero{background:linear-gradient(90deg,rgba(8,13,20,.76),rgba(8,13,20,.9)),radial-gradient(circle at 80% 30%,#4c3613,transparent 40%)}.publisher-hero h1{margin-top:0}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.publisher-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.stat-card{min-height:116px;background:linear-gradient(145deg,#0f1821,#0b1219);border:1px solid #24313e;border-radius:16px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:var(--shadow)}.stat-icon{width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:linear-gradient(135deg,#483513,#9a6d18);display:grid;place-items:center;color:#ffd873;font-size:20px}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:24px;margin:4px 0;color:#fff}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.grid-2.wide-left{grid-template-columns:1.6fr .8fr}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stack{display:grid;gap:16px}
.panel{background:
radial-gradient(circle at 86% 18%,rgba(229,173,61,.06),transparent 20%),
linear-gradient(145deg,#101922,#0b1219);
border:1px solid #253341;border-radius:17px;padding:18px;box-shadow:var(--shadow);min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-head h3{margin:0;font-size:16px}.panel-head>span,.panel-head>a{font-size:12px;color:#9aa5b3}
.chart{height:260px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid #27313d;padding:22px 10px 0}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0}.bar{width:min(36px,72%);min-height:4px;background:linear-gradient(180deg,#f2c961,#8f59ff);border-radius:7px 7px 2px 2px;position:relative;transition:.2s}.bar:hover{filter:brightness(1.2)}.bar span{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);font-size:10px;color:#c2cad4;opacity:0}.bar:hover span{opacity:1}.bar-col small{font-size:10px;color:#7f8996;margin-top:7px;white-space:nowrap}
.table-wrap{overflow:auto;border-radius:12px}.table-wrap table{width:100%;border-collapse:collapse;min-width:720px}.table-wrap th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#7f8b98;text-align:left;padding:10px;border-bottom:1px solid #25313e}.table-wrap td{padding:11px 10px;border-bottom:1px solid #1c2732;font-size:13px}.table-wrap td small{display:block;color:#7e8995;margin-top:3px}.table-wrap code{color:#8fb9ff}.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;text-transform:capitalize}.status.active{background:#123d2b;color:#4de59c}.status.paused{background:#473311;color:#ffd061}.status.deleted{background:#42171b;color:#ff858e}
.actions{display:flex;gap:7px;align-items:center;white-space:nowrap}.actions a,.actions button{font-size:11px;color:#c6cfda;background:#121c26;border:1px solid #2b3744;padding:6px 8px;border-radius:8px}.actions form{display:inline}.actions .danger{color:#ff8991}
.mini-list>div,.profile-list>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #1e2934}.mini-list span,.profile-list span{color:var(--muted)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions a{padding:14px;border:1px solid #2b3745;border-radius:12px;background:#101923;font-size:13px}.quick-actions a:hover{border-color:#a97a2a}.activity>div{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:start;padding:10px 0;border-bottom:1px solid #1d2732}.dot{width:8px;height:8px;background:var(--gold);border-radius:50%;margin-top:5px}.activity p{margin:0;font-size:12px}.activity p small{display:block;color:var(--muted);margin-top:3px}.activity time{font-size:10px;color:#6f7a88}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.one{grid-template-columns:1fr}.form-grid label{color:#aab4c0;font-size:12px}.form-grid label small{color:#6f7a88}.form-grid input,.form-grid select,.form-grid textarea{display:block;margin-top:7px}.form-grid textarea{min-height:110px;resize:vertical}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end}.copy-row{display:flex;gap:10px}.copy-row input{min-width:0}.big-date{font-size:20px;font-weight:800;color:var(--gold2);padding:8px 0 14px}.thanks{text-align:center;display:grid;place-items:center;align-content:center;min-height:250px;background:radial-gradient(circle at 50% 80%,rgba(229,173,61,.18),transparent 50%),#0d141d}.trophy{font-size:44px}.thanks h3{margin-bottom:4px}.thanks p{color:var(--muted)}.backup-card{display:flex;gap:18px;align-items:center}.backup-icon{font-size:44px;color:var(--gold)}
.truncate{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1180px){
 .app-shell{grid-template-columns:88px minmax(0,1fr)}.sidebar{padding-inline:10px}.brand-crop{width:54px;height:54px;margin:0 auto 0}.brand-text,.sidebar nav a span,.side-foot{display:none}.sidebar nav a{justify-content:center;padding:12px}.sidebar nav a i{width:auto;font-size:19px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.publisher-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:840px){
 .login-wrap{grid-template-columns:1fr;min-height:auto}.login-visual{display:none}.login-card{padding:38px 28px}.mobile-brand{display:block;font-weight:900;font-size:23px;margin-bottom:30px}.mobile-brand span{color:var(--gold)}
 .app-shell{display:block}.sidebar{position:fixed;left:-270px;width:250px;transition:left .2s;box-shadow:20px 0 60px #000c}.sidebar.open{left:0}.brand-text,.sidebar nav a span,.side-foot{display:block}.brand-crop{width:56px;height:56px;margin:0}.brand-box{display:flex;align-items:center;gap:12px}.sidebar nav a{justify-content:flex-start}.sidebar nav a i{width:22px}.menu-toggle{display:block}.topbar{padding:0 14px}.user-chip>div:nth-child(2){display:none}.content{padding:14px}.grid-2,.grid-2.wide-left,.grid-3{grid-template-columns:1fr}.hero{padding:20px}.hero h1{font-size:27px}.hero-badge{min-width:120px}.stats-grid,.publisher-stats{grid-template-columns:1fr 1fr}.chart{height:220px}
}
@media(max-width:520px){.stats-grid,.publisher-stats{grid-template-columns:1fr}.hero{display:block}.hero-badge{margin-top:14px}.copy-row{flex-direction:column}.quick-actions{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.top-date{display:none}}

/* Qbexza 1.1 · Centro de actualizaciones */
.update-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;margin-bottom:16px;background:
 radial-gradient(circle at 82% 20%,rgba(229,173,61,.16),transparent 28%),
 radial-gradient(circle at 100% 0,rgba(143,89,255,.12),transparent 24%),
 linear-gradient(145deg,#111a24,#0b121a)}
.update-hero h2{margin:5px 0 8px;font-size:26px}.update-hero p{margin:0;max-width:760px;line-height:1.55}
.version-box{min-width:170px;border:1px solid #3b4652;border-radius:16px;padding:16px 18px;background:rgba(6,10,15,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.version-box span,.version-box small{display:block;color:var(--muted);font-size:11px}.version-box strong{display:block;font-size:30px;color:var(--gold2);margin:3px 0}
.update-grid{align-items:stretch}.update-form{display:grid;gap:12px}.update-drop{display:grid;gap:8px;border:1px dashed #53606d;border-radius:16px;padding:18px;background:linear-gradient(145deg,#0b1118,#0c151e)}
.update-drop strong{font-size:14px}.update-drop span{font-size:12px;color:var(--muted)}.update-drop input{margin-top:5px;color:#cfd7e1}.update-drop input::file-selector-button{border:1px solid #485563;background:#17222e;color:#fff;border-radius:9px;padding:8px 10px;margin-right:10px;cursor:pointer}
.update-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.update-checks>div{display:flex;gap:10px;align-items:flex-start;border:1px solid #25323f;border-radius:12px;padding:11px;background:#0b1219}.update-checks b{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#f0c35d,#a66d14);color:#1b1204;font-size:12px}.update-checks span{font-size:12px;color:#aeb9c5;line-height:1.45}
.update-warning{margin-top:16px;border:1px solid #62491f;background:linear-gradient(145deg,rgba(229,173,61,.12),rgba(229,173,61,.04));border-radius:14px;padding:14px}.update-warning strong{color:#ffd77b}.update-warning p{margin:6px 0 0;color:#b9c1ca;font-size:12px;line-height:1.5}
.update-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;text-transform:capitalize}.update-status.success{background:#123d2b;color:#4de59c}.update-status.failed{background:#42171b;color:#ff858e}.update-status.rollback{background:#362a54;color:#c7a9ff}
@media(max-width:840px){.update-hero{align-items:flex-start;flex-direction:column}.version-box{width:100%}.update-checks{grid-template-columns:1fr}}

/* El símbolo Q funciona como la primera letra de Qbexza; el texto lateral continúa con bexza.com. */
.brand-crop img{transform:scale(1.50);transform-origin:50% 32%;object-position:center center}



/* ===== Qbexza 1.1.2 premium updates page + premium confirm modal ===== */

/* Sidebar text larger and more premium */
.sidebar nav a{
  font-size:16px !important;
  padding:13px 14px !important;
  gap:13px !important;
}
.sidebar nav a i{
  font-size:18px !important;
}
.sidebar .brand-word{font-size:35px !important;}
.sidebar .brand-ext{font-size:31px !important;}

/* Updates header with logo above */
.update-hero{
  align-items:stretch;
  gap:26px;
}
.update-hero-main{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.update-brand-top{
  display:flex;
  align-items:center;
  gap:0;
  margin-bottom:14px;
}
.update-brand-icon{
  width:62px;
  height:62px;
  min-width:62px;
  overflow:hidden;
  border-radius:15px;
  background:linear-gradient(135deg,#fff7e3,#efcd82);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
  margin-right:-4px;
}
.update-brand-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 16%;
  transform:scale(1.10);
}
.update-brand-line{
  display:inline-flex;
  align-items:flex-end;
  line-height:.92;
  white-space:nowrap;
}
.update-brand-word{
  color:#f5f8fb;
  font-size:40px;
  font-weight:900;
  letter-spacing:-.055em;
}
.update-brand-ext{
  color:var(--gold2);
  font-size:34px;
  font-weight:900;
  letter-spacing:-.05em;
  position:relative;
  top:1px;
}
.version-box{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:220px !important;
}
.version-box strong{
  font-size:34px !important;
}
.version-box small{
  margin-top:4px;
  line-height:1.45;
  font-size:12px !important;
}

/* Premium confirm modal */
.qb-modal-overlay{
  position:fixed;
  inset:0;
  background:rgba(3,8,13,.70);
  backdrop-filter:blur(8px);
  display:grid;
  place-items:center;
  padding:20px;
  z-index:9999;
}
.qb-modal-card{
  width:min(560px,100%);
  border-radius:26px;
  border:1px solid #31404d;
  background:
    radial-gradient(circle at 88% 12%,rgba(229,173,61,.18),transparent 24%),
    radial-gradient(circle at 0% 100%,rgba(143,89,255,.10),transparent 22%),
    linear-gradient(145deg,#101922,#0b1219);
  box-shadow:0 26px 80px rgba(0,0,0,.42);
  padding:26px;
}
.qb-modal-brand{
  display:flex;
  align-items:center;
  gap:0;
  margin-bottom:12px;
}
.qb-modal-brand-icon{
  width:56px;
  height:56px;
  min-width:56px;
  border-radius:14px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff7e3,#efcd82);
  box-shadow:0 10px 24px rgba(0,0,0,.20);
  margin-right:-4px;
}
.qb-modal-brand-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 16%;
  transform:scale(1.10);
}
.qb-modal-brand-text{
  display:inline-flex;
  align-items:flex-end;
  line-height:.92;
}
.qb-modal-brand-word{
  color:#f5f8fb;
  font-size:34px;
  font-weight:900;
  letter-spacing:-.055em;
}
.qb-modal-brand-ext{
  color:var(--gold2);
  font-size:29px;
  font-weight:900;
  letter-spacing:-.05em;
  position:relative;
  top:1px;
}
.qb-modal-kicker{
  color:#ffd77a;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.qb-modal-card h3{
  margin:0 0 10px;
  font-size:30px;
}
.qb-modal-card p{
  margin:0;
  color:#bac4cf;
  line-height:1.65;
  font-size:15px;
}
.qb-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
  margin-top:24px;
}
.btn.ghost{
  background:#111a23;
  border:1px solid #36424e;
  color:#d8dfe7;
}
.btn.ghost:hover{
  border-color:#5a6776;
}
.update-form .btn.primary{
  min-height:48px;
  font-size:15px;
}

/* Slightly larger menu on medium widths */
@media(max-width:1180px){
  .sidebar nav a{font-size:15px !important;}
}

/* Mobile adjustments */
@media(max-width:840px){
  .update-brand-word{font-size:34px;}
  .update-brand-ext{font-size:29px;}
  .qb-modal-card{padding:22px;}
  .qb-modal-card h3{font-size:26px;}
}
@media(max-width:520px){
  .qb-modal-actions{
    flex-direction:column-reverse;
  }
  .qb-modal-actions .btn{
    width:100%;
  }
  .update-brand-word{font-size:30px;}
  .update-brand-ext{font-size:26px;}
}



/* ===== Qbexza 1.1.3 logo lockup refinement: Q + bexza.com as one single mark ===== */

/* Login brand (desktop visual) */
.login-logo{display:none !important;}
.login-brand-lockup{
  display:flex;
  align-items:center;
  gap:0;
  margin-bottom:38px;
}
.login-brand-icon{
  width:88px;
  height:88px;
  min-width:88px;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff7e3,#efcd82);
  box-shadow:0 18px 40px rgba(0,0,0,.24);
  margin-right:-8px;
}
.login-brand-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 16%;
  transform:scale(1.12);
}
.login-brand-line{
  display:inline-flex;
  align-items:flex-end;
  gap:0;
  white-space:nowrap;
  line-height:.88;
}
.login-brand-word,
.login-brand-ext{
  font-weight:900;
  letter-spacing:-.06em;
}
.login-brand-word{
  color:#ffffff;
  font-size:56px;
}
.login-brand-ext{
  color:var(--gold2);
  font-size:46px;
  position:relative;
  top:1px;
}

/* Sidebar brand */
.brand-box{
  padding:10px 8px 18px !important;
  border-bottom:1px solid #1f2c37;
  margin-bottom:14px;
}
.sidebar-brand-lockup{
  display:flex;
  align-items:center;
  gap:0;
  flex-wrap:nowrap;
  min-width:0;
}
.sidebar-brand-icon{
  width:58px;
  height:58px;
  min-width:58px;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff7e3,#efcd82);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
  margin-right:-5px;
}
.sidebar-brand-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 16%;
  transform:scale(1.10);
}
.sidebar-brand-line{
  display:inline-flex;
  align-items:flex-end;
  white-space:nowrap;
  line-height:.88;
}
.sidebar-brand-word,
.sidebar-brand-ext{
  font-weight:900;
  letter-spacing:-.06em;
}
.sidebar-brand-word{
  color:#f6f8fb;
  font-size:36px;
}
.sidebar-brand-ext{
  color:var(--gold2);
  font-size:31px;
  position:relative;
  top:1px;
}
.brand-text,.brand-crop{display:none !important;}

/* Login card / mobile brand */
.mobile-brand{
  display:flex !important;
  align-items:center;
  gap:0;
  white-space:nowrap;
  margin-bottom:28px;
}
.mobile-brand-icon{
  width:44px;
  height:44px;
  min-width:44px;
  border-radius:12px;
  overflow:hidden;
  background:linear-gradient(135deg,#fff7e3,#efcd82);
  box-shadow:0 8px 18px rgba(0,0,0,.18);
  margin-right:-4px;
}
.mobile-brand-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 16%;
  transform:scale(1.10);
}
.mobile-brand-word,
.mobile-brand-ext{
  font-weight:900;
  letter-spacing:-.055em;
  line-height:.9;
}
.mobile-brand-word{
  color:#ffffff;
  font-size:31px;
}
.mobile-brand-ext{
  color:var(--gold2);
  font-size:26px;
  position:relative;
  top:1px;
}

/* Updates hero brand to match same logic */
.update-brand-top{
  gap:0 !important;
}
.update-brand-icon{
  margin-right:-5px;
}
.update-brand-word{
  font-size:42px !important;
}
.update-brand-ext{
  font-size:36px !important;
}

/* Larger sidebar labels preserved */
.sidebar nav a{
  font-size:16px !important;
  padding:13px 14px !important;
}

/* Medium width collapsed sidebar: keep compact icon only */
@media(max-width:1180px){
  .sidebar-brand-line{display:none !important;}
  .sidebar-brand-icon{
    margin-right:0;
    width:58px;
    height:58px;
  }
}

/* Mobile drawer: show full lockup again */
@media(max-width:840px){
  .login-brand-icon{
    width:72px;
    height:72px;
    min-width:72px;
  }
  .login-brand-word{font-size:46px;}
  .login-brand-ext{font-size:38px;}
  .sidebar-brand-line{display:inline-flex !important;}
  .sidebar-brand-word{font-size:34px;}
  .sidebar-brand-ext{font-size:29px;}
}

/* Small mobile fine tuning */
@media(max-width:520px){
  .mobile-brand-word{font-size:28px;}
  .mobile-brand-ext{font-size:24px;}
  .login-brand-word{font-size:40px;}
  .login-brand-ext{font-size:33px;}
}



/* ===== Qbexza 1.1.4 — robust unified branding + cache-safe UI ===== */

/* Always respect hidden overlays. Prevents any modal from blocking the whole UI. */
[hidden],
.qb-modal-overlay[hidden]{
  display:none !important;
}

/* Wider full sidebar and clearly larger labels. */
.app-shell{
  grid-template-columns:280px minmax(0,1fr) !important;
}
.sidebar{
  padding:20px 16px !important;
}
.sidebar nav{
  gap:7px !important;
}
.sidebar nav a{
  font-size:18px !important;
  font-weight:600 !important;
  padding:14px 15px !important;
  line-height:1.2 !important;
  gap:14px !important;
}
.sidebar nav a i{
  font-size:19px !important;
  width:24px !important;
}
.sidebar nav a.active{
  font-weight:800 !important;
}

/* One reusable Q + bexza.com lockup everywhere. */
.qb-brand{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  white-space:nowrap !important;
  min-width:0;
}
.qb-brand-q{
  display:block !important;
  object-fit:contain !important;
  flex:0 0 auto !important;
  background:transparent !important;
}
.qb-brand-text{
  display:inline-flex !important;
  align-items:flex-end !important;
  line-height:.88 !important;
  margin-left:-8px !important;
  white-space:nowrap !important;
}
.qb-brand-name,
.qb-brand-domain{
  display:inline !important;
  font-weight:900 !important;
  letter-spacing:-.055em !important;
}
.qb-brand-name{ color:#f7f9fb !important; }
.qb-brand-domain{ color:var(--gold2) !important; }

/* Sidebar */
.brand-box{
  padding:4px 6px 20px !important;
  margin-bottom:14px !important;
}
.qb-brand--sidebar .qb-brand-q{
  width:72px !important;
  height:60px !important;
}
.qb-brand--sidebar .qb-brand-name{
  font-size:34px !important;
}
.qb-brand--sidebar .qb-brand-domain{
  font-size:29px !important;
  position:relative;
  top:1px;
}

/* Login desktop */
.qb-brand--login{
  margin-bottom:36px !important;
}
.qb-brand--login .qb-brand-q{
  width:116px !important;
  height:96px !important;
}
.qb-brand--login .qb-brand-name{
  font-size:62px !important;
}
.qb-brand--login .qb-brand-domain{
  font-size:50px !important;
  position:relative;
  top:2px;
}

/* Login card / mobile */
.qb-brand--mobile{
  margin-bottom:28px !important;
}
.qb-brand--mobile .qb-brand-q{
  width:56px !important;
  height:48px !important;
}
.qb-brand--mobile .qb-brand-name{
  font-size:31px !important;
}
.qb-brand--mobile .qb-brand-domain{
  font-size:26px !important;
  position:relative;
  top:1px;
}

/* Updates page: small top brand only, never a giant source image. */
.qb-brand--updates{
  margin-bottom:16px !important;
}
.qb-brand--updates .qb-brand-q{
  width:78px !important;
  height:66px !important;
}
.qb-brand--updates .qb-brand-name{
  font-size:40px !important;
}
.qb-brand--updates .qb-brand-domain{
  font-size:34px !important;
  position:relative;
  top:1px;
}

/* Disable obsolete branding blocks so old CSS cannot reappear. */
.login-logo,
.login-brand-lockup,
.sidebar-brand-lockup,
.sidebar-brand-icon,
.sidebar-brand-line,
.brand-crop,
.brand-text,
.update-brand-top,
.update-brand-icon,
.update-brand-line,
.mobile-brand:not(.qb-brand){
  display:none !important;
}

/* Maintain premium gradients. */
.main{
  background:
    radial-gradient(circle at 82% 0%,rgba(143,89,255,.13),transparent 24%),
    radial-gradient(circle at 13% 22%,rgba(229,173,61,.08),transparent 21%),
    radial-gradient(circle at 98% 46%,rgba(87,168,255,.08),transparent 20%),
    linear-gradient(180deg,#091019 0%,#08111a 42%,#070d15 100%) !important;
}
.panel{
  background:
    radial-gradient(circle at 86% 18%,rgba(229,173,61,.065),transparent 21%),
    linear-gradient(145deg,#101922,#0b1219) !important;
}

/* Medium desktop: collapse sidebar intentionally, but keep Q visible. */
@media(max-width:1180px){
  .app-shell{grid-template-columns:96px minmax(0,1fr) !important;}
  .sidebar{padding-inline:10px !important;}
  .qb-brand--sidebar{justify-content:center !important;}
  .qb-brand--sidebar .qb-brand-text{display:none !important;}
  .qb-brand--sidebar .qb-brand-q{
    width:66px !important;
    height:56px !important;
  }
  .sidebar nav a{
    justify-content:center !important;
    font-size:16px !important;
    padding:13px !important;
  }
  .sidebar nav a span{display:none !important;}
}

/* Mobile drawer: restore full logo and readable labels. */
@media(max-width:840px){
  .app-shell{display:block !important;}
  .sidebar{
    width:280px !important;
    left:-300px;
  }
  .sidebar.open{left:0;}
  .qb-brand--sidebar{
    justify-content:flex-start !important;
  }
  .qb-brand--sidebar .qb-brand-text{
    display:inline-flex !important;
  }
  .qb-brand--sidebar .qb-brand-q{
    width:68px !important;
    height:58px !important;
  }
  .sidebar nav a{
    justify-content:flex-start !important;
    font-size:17px !important;
  }
  .sidebar nav a span{display:inline !important;}
  .qb-brand--login .qb-brand-name{font-size:48px !important;}
  .qb-brand--login .qb-brand-domain{font-size:39px !important;}
}


/* ===== Qbexza 1.1.5 — Publisher ficticio / laboratorio de vista ===== */
.demo-lab{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-bottom:18px;
  border-color:#76571d !important;
  background:
    radial-gradient(circle at 86% 12%,rgba(229,173,61,.18),transparent 28%),
    radial-gradient(circle at 10% 100%,rgba(143,89,255,.08),transparent 24%),
    linear-gradient(145deg,#111a23,#0b1219) !important;
}
.demo-lab-copy{max-width:720px;}
.demo-kicker{
  display:block;
  color:#ffd777;
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
  margin-bottom:7px;
}
.demo-lab h3{
  margin:0 0 7px;
  font-size:23px;
}
.demo-lab p{
  margin:0;
  color:#aeb9c5;
  line-height:1.55;
}
.demo-lab-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}
.demo-profile-chip{
  min-width:150px;
  border:1px solid #3c4854;
  background:#0b1219;
  border-radius:13px;
  padding:10px 12px;
}
.demo-profile-chip span,
.demo-profile-chip small{
  display:block;
  color:#8f9aaa;
  font-size:10px;
}
.demo-profile-chip strong{
  display:block;
  margin:2px 0;
  color:#fff;
}
.demo-danger{
  background:linear-gradient(135deg,#4b1419,#7c252e) !important;
  border-color:#8b3942 !important;
  color:#ffccd0 !important;
}
.demo-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-left:8px;
  padding:3px 7px;
  border-radius:999px;
  background:#4a3712;
  color:#ffd66f;
  border:1px solid #74571e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  vertical-align:middle;
}
.demo-row{
  background:rgba(229,173,61,.035);
}
.demo-preview-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:16px;
  padding:14px 16px;
  border:1px solid #6f5220;
  border-radius:15px;
  background:
    radial-gradient(circle at 88% 15%,rgba(229,173,61,.16),transparent 30%),
    linear-gradient(145deg,#111922,#0c131b);
  box-shadow:0 12px 30px rgba(0,0,0,.16);
}
.demo-preview-bar>div:first-child{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.demo-preview-bar strong{
  font-size:14px;
}
.demo-preview-bar small{
  color:#9ca8b5;
  flex-basis:100%;
  padding-left:0;
}
.demo-preview-actions{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}
.demo-preview-actions form{margin:0;}

@media(max-width:900px){
  .demo-lab,
  .demo-preview-bar{
    align-items:flex-start;
    flex-direction:column;
  }
  .demo-lab-actions,
  .demo-preview-actions{
    width:100%;
    justify-content:flex-start;
  }
}
@media(max-width:520px){
  .demo-lab-actions,
  .demo-preview-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .demo-lab-actions .btn,
  .demo-preview-actions .btn,
  .demo-lab-actions form,
  .demo-preview-actions form{
    width:100%;
  }
}