:root{
  --bg1:#0f172a;
  --bg2:#111827;
  --accent:#16a34a;
  --accent2:#22c55e;
}
body{
  background: linear-gradient(135deg,#0b1220 0%,#0f172a 45%,#111827 100%);
  min-height:100vh;
  color:#e5e7eb;
}
.glass-nav{
  background: rgba(15,23,42,.86);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.logo-app{width:38px;height:38px;object-fit:contain;background:#fff;padding:4px}
.card-soft,.panel-soft{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
  border-radius:1.25rem;
}
.panel-soft{padding:1rem}
.page-shell{padding:1rem}
.hero-card{
  overflow:hidden;
  position:relative;
}
.hero-card::before{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(circle at top right, rgba(34,197,94,.28), transparent 35%);
  pointer-events:none;
}
.btn-success{background:linear-gradient(90deg,var(--accent),var(--accent2));border:none}
.table-dark-soft{--bs-table-bg:transparent; --bs-table-color:#fff;}
.form-control,.form-select{background:rgba(255,255,255,.92)}
.iframe-shell{height:calc(100vh - 72px)}
#appFrame{width:100%;height:100%;border:0;border-radius:0 0 1rem 1rem;background:#fff}
.badge-status{font-size:.75rem}
.public-hero{padding:3rem 0}
.torneo-card{cursor:pointer;transition:.2s transform,.2s box-shadow}
.torneo-card:hover{transform:translateY(-4px)}
@media (max-width: 767px){
  .page-shell{padding:.75rem}
  .iframe-shell{height:calc(100vh - 66px)}
}