.modal{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  align-items:center;
  justify-content:center;
  z-index:1000
}
.modal-content{
  background:#121212;
  padding:24px;
  border-radius:18px;
  width:380px;
  max-height:90vh;
  overflow-y:auto;
  box-shadow:0 0 40px rgba(180,0,0,.4)
}
.modal-content h2{
  text-align:center;
  margin-bottom:16px;
  color:#ff4d4d
}
.modal-content label{
  margin-top:14px;
  font-size:13px;
  opacity:.9
}
.modal-content input,
.modal-content select,
.modal-content textarea{
  width:100%;
  margin-top:6px;
  padding:10px;
  border-radius:10px;
  border:none;
  background:#1f1f1f;
  color:#fff
}
.modal-content textarea{
  resize:vertical;
  min-height:70px
}
.modal-content button{
  margin-top:18px;
  width:100%;
  padding:12px;
  border:none;
  border-radius:14px;
  background:linear-gradient(135deg,#b40000,#ff4d4d);
  color:#fff;
  font-weight:600;
  cursor:pointer
}
.modal-content button:hover{
  filter:brightness(1.1)
}
.close{
  float:right;
  cursor:pointer;
  font-size:20px
}
.toggle{
  display:flex;
  gap:10px;
  margin-top:10px
}
.toggle button{
  flex:1;
  background:#1f1f1f
}
.toggle .active{
  background:#b40000
}