/* Createxto / Ganlyo Monetización — panel frontend C1 */
.mdc-shell,.mdc-panel,.mdc-dashboard,.mdc-wrap{
  --mdc-bg:#0b1220;--mdc-card:#121a2b;--mdc-line:#243044;--mdc-txt:#f1f5f9;--mdc-muted:#94a3b8;
  --mdc-acc:#22d3ee;--mdc-grad:linear-gradient(135deg,#22d3ee,#a78bfa);
}
.mdc-card,.mdc-box,.mdc-panel .card{
  background:linear-gradient(180deg,#121a2b,#0f172a)!important;
  border:1px solid #243044!important;
  border-radius:16px!important;
  padding:16px 18px!important;
  box-shadow:0 12px 36px rgba(0,0,0,.25);
  color:#e2e8f0;
}
.mdc-role-card{
  background:linear-gradient(135deg,rgba(34,211,238,.1),rgba(167,139,250,.12));
  border:1px solid #243044;border-radius:16px;padding:16px;margin:12px 0;
}
.mdc-role-card__badge{
  display:inline-block;font-weight:800;font-size:1.1rem;
  background:var(--mdc-grad);-webkit-background-clip:text;color:transparent;
}
.mdc-progress__bar{height:8px;background:#1e293b;border-radius:999px;overflow:hidden;margin-top:8px}
.mdc-progress__bar span{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#a78bfa);border-radius:999px}
.mdc-btn,.mdc-button,button.mdc-primary{
  background:linear-gradient(135deg,#6366f1,#22d3ee)!important;color:#04111a!important;
  border:0!important;border-radius:12px!important;padding:10px 16px!important;font-weight:700!important;
}
.mdc-nav a,.mdc-tabs a{
  border-radius:999px;padding:8px 12px;color:#94a3b8;text-decoration:none;
}
.mdc-nav a:hover,.mdc-tabs a:hover,.mdc-nav a.is-active{background:rgba(34,211,238,.12);color:#fff}