.alice-modal-bg{
  position:fixed;
  inset:0;
  background:rgba(8,18,30,.58);
  display:none;
  align-items:center;
  justify-content:center;
  z-index:9999;
  padding:20px;
}
.alice-modal-bg.open{display:flex}
.alice-modal{
  width:100%;
  max-width:460px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 25px 70px rgba(0,0,0,.28);
  overflow:hidden;
}
.alice-modal-head{
  padding:18px 20px;
  border-bottom:1px solid #e8edf3;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.alice-modal-head h3{
  margin:0;
  font-size:18px;
}
.alice-close{
  border:0;
  background:none;
  font-size:24px;
  cursor:pointer;
  color:#596579;
}
.alice-modal-body{padding:20px}
.alice-field{margin-bottom:15px}
.alice-field label{
  display:block;
  font-size:12px;
  font-weight:700;
  margin-bottom:6px;
}
.alice-field input{
  width:100%;
  padding:11px 12px;
  border:1px solid #d6dee8;
  border-radius:7px;
  font-size:14px;
  outline:none;
}
.alice-field input:focus{
  border-color:#ff572f;
  box-shadow:0 0 0 3px rgba(255,87,47,.10);
}
.alice-help{
  font-size:11px;
  line-height:1.5;
  color:#69768a;
  margin-bottom:16px;
}
.alice-save{
  width:100%;
  border:0;
  border-radius:8px;
  padding:12px;
  background:linear-gradient(135deg,#ff5b31,#ff4021);
  color:#fff;
  font-weight:750;
  cursor:pointer;
}
.alice-msg{
  display:none;
  margin-top:12px;
  padding:10px;
  border-radius:7px;
  font-size:12px;
}
.alice-msg.ok{
  display:block;
  color:#087443;
  background:#e9f8f1;
}
.alice-msg.erro{
  display:block;
  color:#a42828;
  background:#fdeaea;
}

.alice-contas-modal{
  width:100%;
  max-width:720px;
  background:#fff;
  border-radius:12px;
  box-shadow:0 25px 70px rgba(0,0,0,.28);
  overflow:hidden;
}

.alice-contas-top{
  padding:18px 20px;
  border-bottom:1px solid #e8edf3;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.alice-contas-top h3{
  margin:0;
  font-size:18px;
}

.alice-contas-body{
  padding:18px 20px 22px;
}

.alice-conta-card{
  border:1px solid #dde5ee;
  border-radius:10px;
  padding:15px 16px;
  margin-bottom:12px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;
}

.alice-conta-card strong{
  display:block;
  font-size:15px;
}

.alice-conta-user{
  color:#667388;
  font-size:12px;
  margin-top:4px;
}

.alice-conta-status{
  background:#fff2ed;
  color:#e84b24;
  border-radius:20px;
  padding:7px 11px;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}

.alice-new-account{
  border:0;
  background:#ff512f;
  color:#fff;
  font-weight:700;
  padding:10px 14px;
  border-radius:8px;
  cursor:pointer;
}

.alice-empty{
  text-align:center;
  color:#69768a;
  padding:30px 10px;
  font-size:13px;
}

.alice-plan-bar{
  display:grid;
  grid-template-columns:
    repeat(5,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px 0;
}

.alice-plan-item{
  background:#fff;
  border:1px solid #e1e6ed;
  border-radius:8px;
  padding:10px 13px;
  box-shadow:
    0 2px 6px
    rgba(20,35,55,.035);
}

.alice-plan-item span{
  display:block;
  color:#718096;
  font-size:10px;
  margin-bottom:4px;
}

.alice-plan-item strong{
  display:block;
  font-size:14px;
  color:#182334;
}

@media(max-width:1100px){
  .alice-plan-bar{
    grid-template-columns:
      repeat(2,1fr);
  }
}