<style type="text/css">
:root{
  --bg-day: #2C2E49;
  --accent: #ffc107;
  --glass-border: rgba(255,255,255,0.16);
  --text-day: #0f1724;
  --muted-day: #6b7280;
}
.dash {
margin: 0px;
padding:0px;
}

/* Shared card basics */
.dash .card {
margin: 10px;
border-radius: 14px;
padding:16px;
position:relative;
overflow:hidden;
min-height:150px;
display:flex;
flex-direction:column;
gap:12px;
border-top: 4px solid #00e6ff;
border-bottom: 4px solid #00e6ff;
color:#9ffcff;
background: linear-gradient(180deg,#32030a,#031426);
box-shadow: 0 12px 30px rgba(0,230,255,0.04);
}
.dash .card .top {
display:flex;
justify-content:space-between;
align-items:center;
}
.dash .card .user{
margin:0;
font-size:12px;
color:var(--accent);
letter-spacing:0.6px;
}
.dash .card .user .user_name{
font-size:18px;
color:inherit;
margin-left:6px;
color: #fff;
opacity:0.8;
}
.dash .card .chip_bx{
display:inline-flex;
align-items:center;
gap:8px;
font-size:12px;
background: rgba(0,0,0,0.06);
padding:6px 8px;
border-radius:999px;
}
.dash .card .chip_bx .chip{
color:#00e6ff;
animation: chip 2s infinite;
}
@keyframes chip {
0%, 100% { opacity: 1; }
50% { opacity: 0; }
}
.dash .card .chip_bx .plan{
font-weight:800;
color:#00e6ff;
}
.dash .card .balance{
font-weight:700;
font-size:22px;
color:inherit;
display:flex;
align-items:center;
gap:5px;
}
.dash .card .balance .bl_bass{
font-weight:700;
font-size:20px;
margin:0;
padding:0;
opacity:0.6;
}
.dash .card .balance .bl_amo{
font-weight:700;
font-size:20px;
margin:0;
padding:0;
}
.dash .card .meta{
font-size:13px;
color:var(--muted-day);
}

.dash .card .actions{
display:flex;
gap:10px;
margin-top:6px;
}
.dash .card .actions .stat{
background:rgba(0,0,0,0.19);
padding:10px;
border-radius: 10px;
text-align:center;
flex:1
}
.dash .card .actions .stat .num{
font-weight:800;
font-size:16px
}
.dash .card .actions .stat .lbl{
margin-top: 5px;
font-size:12px;
color:var(--muted-day)
}







</style>