body{
background:#0b1220;
font-family:Arial, Helvetica, sans-serif;
color:white;
display:flex;
justify-content:center;
padding:40px;
}

.container{
width:420px;
}

.label{
font-size:12px;
color:#94a3b8;
}

.input{
width:100%;
padding:12px;
border-radius:8px;
border:1px solid #1e293b;
background:#0f172a;
color:white;
margin-top:6px;
}

.small{
max-width:90px;
}

.tabs{
display:flex;
margin-top:15px;
gap:10px;
}

.tab{
flex:1;
padding:10px;
background:#0f172a;
border-radius:8px;
text-align:center;
cursor:pointer;
border:1px solid #1e293b;
}

.tab.active{
background:#06b6d4;
color:black;
}

.row{
display:flex;
gap:10px;
margin-top:15px;
}

.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin-top:15px;
}

.bin-btn{
background:#0f172a;
border:1px solid #1e293b;
padding:10px;
border-radius:8px;
text-align:center;
cursor:pointer;
}

.bin-btn:hover{
border-color:#06b6d4;
}

.charge{
margin-top:20px;
background:#06b6d4;
color:black;
border:none;
padding:14px;
width:100%;
border-radius:10px;
font-weight:bold;
cursor:pointer;
}

.success{
margin-top:20px;
background:#052e16;
border:1px solid #22c55e;
padding:15px;
border-radius:10px;
}

.success h3{
color:#22c55e;
margin-top:0;
}