/* ===== CONFIGURACIÓN DASHBOARD ===== */
#cfgx-container { display:flex; justify-content:center; padding:30px; font-family:Arial, sans-serif; }
#cfgx-container .cfgx-card {
  width:100%; max-width:700px; background:#fff;
  border-radius:12px; padding:25px 30px;
  box-shadow:0 6px 16px rgba(0,0,0,0.12);
}

#cfgx-container .cfgx-header h2 {
  text-align:center; font-size:1.6rem; color:#111;
}
#cfgx-container .cfgx-underline {
  width:140px; height:3px; background:#e50914; margin:10px auto 20px;
  border-radius:2px;
}

#cfgx-container .cfgx-tabs { display:flex; justify-content:center; gap:15px; margin-bottom:20px; }
#cfgx-container .cfgx-tab {
  padding:10px 18px; border:2px solid #e50914; border-radius:8px;
  font-weight:600; color:#e50914; background:#fff; cursor:pointer; transition:.25s;
}
#cfgx-container .cfgx-tab:hover { background:#e50914; color:#fff; }
#cfgx-container .cfgx-tab.is-active { background:#111; color:#fff; border-color:#111; }

#cfgx-container .cfgx-panel { display:none; }
#cfgx-container .cfgx-panel.is-active { display:block; animation:fade .25s ease-in; }

#cfgx-container .cfgx-form-group { margin-bottom:18px; }
#cfgx-container .cfgx-form-group label { display:block; margin-bottom:6px; font-weight:600; color:#333; }
#cfgx-container .cfgx-form-group input {
  width:100%; padding:10px 12px; border:1px solid #ccc; border-radius:6px;
}

#cfgx-container .cfgx-btn {
  width:100%; padding:12px; background:#e50914; border:none;
  color:#fff; font-weight:700; border-radius:8px; cursor:pointer; transition:.25s;
}
#cfgx-container .cfgx-btn:hover { background:#b90710; }

#cfgx-container .cfgx-msg { margin-top:10px; font-size:0.9rem; }
#cfgx-container .cfgx-msg.success { color:green; }
#cfgx-container .cfgx-msg.error { color:red; }

@keyframes fade { from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:translateY(0);} }