table{
  width:100%;
  border-collapse:collapse;
  margin-top:15px;
}

th{
  background:#007f5f;
  color:white;
  padding:12px;
}

td{
  padding:10px;
  text-align:center;
}

button{
  cursor:pointer;
  border:none;
  padding:10px 14px;
  border-radius:10px;
}

.add{
  background:#55a630;
  color:white;
  margin-top:15px;
}

.remove{
  background:#d62828;
  color:white;
}

.extra-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:15px;
  margin-top:20px;
}

.box{
  background:#f5fbf9;
  padding:15px;
  border-radius:15px;
}

.summary{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:15px;
  margin-top:25px;
}

.card{
  background:linear-gradient(135deg,#007f5f,#365951);
  color:white;
  padding:20px;
  border-radius:18px;
  position:relative;
  overflow:hidden;
}

.headi{
  font-weight:600;
	color:white;
}

.card::after{
  content:"";
  position:absolute;
  width:80px;height:80px;
  background:rgba(255,255,255,0.08);
  border-radius:50%;
  top:-20px;right:-20px;
}

.profit{color:#2ecc71;font-weight:bold;}
.loss{color:#ff4d6d;font-weight:bold;}

.insight{
  margin-top:20px;
  padding:20px;
  border:2px dashed #55a630;
  border-radius:15px;
  background:#f8fffb;
}