
.admin-toggle-panel{
  max-width:1050px;
  margin:30px auto;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  box-shadow:0 20px 70px rgba(0,0,0,.28);
}
.admin-toggle-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:18px;
}
.admin-toggle-head p{
  margin:0 0 8px;
  color:#c8b7ff;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:.78rem;
}
.admin-toggle-head h2{
  margin:0;
  font-size:clamp(1.6rem,4vw,3rem);
}
.admin-toggle-head span{
  padding:9px 12px;
  border-radius:999px;
  background:rgba(123,44,255,.18);
  border:1px solid rgba(123,44,255,.25);
  color:#d9c8ff;
  font-weight:900;
}
.admin-toggle-list{
  display:grid;
  gap:12px;
}
.admin-toggle-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:16px;
  border-radius:18px;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.08);
}
.admin-toggle-row strong{
  display:block;
  font-size:1.08rem;
}
.admin-toggle-row small{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.55);
}
.switch-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  cursor:pointer;
}
.switch-wrap input{
  display:none;
}
.switch{
  width:58px;
  height:32px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  position:relative;
  transition:.2s;
}
.switch:before{
  content:"";
  width:24px;
  height:24px;
  position:absolute;
  top:4px;
  left:4px;
  border-radius:50%;
  background:#fff;
  transition:.2s;
}
.switch-wrap input:checked + .switch{
  background:linear-gradient(135deg,#7b2cff,#c850ff);
}
.switch-wrap input:checked + .switch:before{
  transform:translateX(26px);
}
.switch-wrap b{
  min-width:115px;
  color:rgba(255,255,255,.82);
}
.admin-toggle-note{
  margin:16px 0 0;
  color:rgba(255,255,255,.62);
  line-height:1.55;
}
@media(max-width:760px){
  .admin-toggle-row,.admin-toggle-head{
    flex-direction:column;
    align-items:flex-start;
  }
}
