
#danaModal{
  align-items:center!important;justify-content:center!important;padding:14px!important;
  overflow:hidden!important;background:rgba(15,23,42,.34)!important;backdrop-filter:blur(1px);
}
#danaModal .modal-content{
  box-sizing:border-box!important;width:620px!important;max-width:calc(100vw - 28px)!important;
  max-height:calc(100vh - 28px)!important;margin:auto!important;padding:0!important;overflow:hidden!important;
  background:#fff!important;border:1px solid #dce5ef!important;border-radius:12px!important;
  box-shadow:0 18px 50px rgba(15,23,42,.18)!important;
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
}
#danaModal .modal-content>h2,#danaModal .modal-content>h3{
  position:relative!important;box-sizing:border-box!important;width:100%!important;
  min-height:64px!important;margin:0!important;padding:17px 18px 15px 60px!important;
  border-bottom:1px solid #e3eaf2!important;color:#17233b!important;font-size:18px!important;
  line-height:1.15!important;font-weight:600!important;
}
#danaModal .modal-content>h2:before,#danaModal .modal-content>h3:before{
  content:'▤';position:absolute;left:14px;top:13px;width:38px;height:38px;display:grid;place-items:center;
  border-radius:10px;background:linear-gradient(145deg,#6d5dfc,#5a42f5);color:#fff;font-size:15px;
  box-shadow:0 5px 12px rgba(91,66,245,.18);
}
#danaModal .modal-content>br{display:none!important}
#danaModal form{
  box-sizing:border-box!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px 14px!important;width:100%!important;margin:0!important;padding:15px!important;align-items:end!important;
}
#danaModal .form-grid{display:contents!important}
#danaModal .form-group{width:100%!important;margin:0!important;padding:0!important;min-width:0!important}
#danaModal .form-group label{
  display:block!important;margin:0 0 5px!important;color:#334155!important;
  font-size:11px!important;line-height:1.25!important;font-weight:600!important;
}
#danaModal .form-control,#danaModal input,#danaModal select{
  box-sizing:border-box!important;display:block!important;width:100%!important;max-width:none!important;
  min-width:0!important;min-height:38px!important;height:38px!important;margin:0!important;padding:0 11px!important;
  border:1px solid #d8e2ee!important;border-radius:6px!important;background:#fff!important;
  color:#17233b!important;font-size:12px!important;box-shadow:none!important;
}
#danaModal .form-control:focus,#danaModal input:focus,#danaModal select:focus{
  outline:none!important;border-color:#7c8cff!important;box-shadow:0 0 0 3px rgba(99,102,241,.08)!important;
}
#danaModal form>p,#danaModal form>small{
  grid-column:1/-1!important;margin:0!important;color:#64748b!important;font-size:10px!important;line-height:1.35!important;
}
#danaModal form>button{
  width:auto!important;min-width:78px!important;height:37px!important;margin:3px 0 0!important;
  padding:0 14px!important;border-radius:7px!important;font-size:11.5px!important;font-weight:600!important;
}
#danaModal form>button[type="submit"]{
  grid-column:2!important;justify-self:end!important;background:#2563eb!important;color:#fff!important;
  border:1px solid #2563eb!important;box-shadow:0 3px 8px rgba(37,99,235,.15)!important;
}
#danaModal form>button[onclick*="closeModal"]{
  grid-column:1!important;justify-self:end!important;background:#fff!important;color:#111827!important;
  border:1px solid #d9e2ec!important;
}
@media(max-width:640px){
  #danaModal{overflow:auto!important}
  #danaModal .modal-content{overflow:auto!important}
  #danaModal form{grid-template-columns:1fr!important}
  #danaModal form>button[type="submit"],#danaModal form>button[onclick*="closeModal"]{grid-column:1!important}
}
