*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Poppins,sans-serif
}

body{
background:#0a0f1f;
color:#fff
}

.login{
min-height:100vh;
display:flex;
justify-content:center;
align-items:center;
background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),
url("https://img.freepik.com/premium-vector/financial-banking-technology-concept_387612-31.jpg");
background-size:cover
}

.box{
width:340px;
padding:30px;
border-radius:15px;
background:rgba(255,255,255,.1);
backdrop-filter:blur(12px);
text-align:center
}

input,select,button{
width:100%;
padding:10px;
margin:8px 0;
border:none;
border-radius:8px
}

button{
background:#00bfff;
color:#fff;
font-weight:600;
cursor:pointer
}

.show{
font-size:12px;
color:#00ff9d;
cursor:pointer
}

.meter{
height:6px;
background:#333;
border-radius:5px;
overflow:hidden
}

.meter div{
height:100%;
width:0%
}

.strength{
font-size:12px
}

#toLogin{
color:#00bfff;
cursor:pointer
}

.pass-box{
position:relative
}

.pass-box i{
position:absolute;
right:12px;
top:50%;
transform:translateY(-50%);
cursor:pointer;
color:#00ff9d
}

.phone{
display:flex;
gap:8px
}

.phone select{
width:95px
}

header{
display:grid;
grid-template-columns:1fr auto auto;
align-items:center;
padding:15px 20px;
background:#020617
}

.brand{
display:flex;
align-items:center;
gap:8px;
font-weight:600
}

.brand img{
width:24px;
height:24px
}

.account{
max-width:900px;
margin:20px auto;
padding:20px;
background:#111827;
border-radius:12px;
text-align:center
}

.actions{
max-width:900px;
margin:20px auto;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:20px
}

.panel{
background:#111827;
padding:20px;
border-radius:12px;
text-align:center
}

.row{
display:flex;
gap:10px
}

.row button{
flex:1
}

.table-wrap{
max-width:1100px;
margin:30px auto;
padding:0 10px
}

table{
width:100%;
border-collapse:collapse
}

th,td{
padding:10px;
border:1px solid #333;
font-size:12px;
text-align:center
}

th{
background:#020617
}

.bill{
border:2px solid #000;
padding:8px;
border-radius:8px;
background:#fff;
color:#000;
text-align:center;
font-size:12px
}
