body{
margin:0;
font-family:Arial;
background:#0f0f0f;
color:white;
display:flex;
height:100vh;
}

.sidebar{
width:220px;
background:#000;
padding:20px;
}

.logo{
font-size:20px;
margin-bottom:30px;
}

.sidebar button{
width:100%;
padding:12px;
margin-bottom:10px;
background:#2a2a2a;
border:none;
color:white;
cursor:pointer;
}

.sidebar button:hover{
background:#444;
}

.content{
flex:1;
padding:30px;
overflow:auto;
}

.cards{
display:flex;
gap:20px;
}

.card{
background:#1f1f1f;
padding:20px;
border-radius:8px;
width:200px;
}

.card span{
display:block;
font-size:28px;
margin-top:10px;
}

.page{
display:none;
}

.page.active{
display:block;
}

table{
width:100%;
border-collapse:collapse;
}

th,td{
padding:10px;
border-bottom:1px solid #333;
}

textarea,input{
width:100%;
background:#1f1f1f;
border:none;
color:white;
padding:10px;
margin-bottom:10px;
}

button{
background:#0b84ff;
border:none;
padding:10px 20px;
color:white;
cursor:pointer;
}

.progress{
height:10px;
background:#333;
margin-top:10px;
}

#bar{
height:10px;
width:0%;
background:#0b84ff;
}

#apiLog,#registerLog,#sendLog,#proxyLog{
margin-top:20px;
font-size:13px;
font-family:monospace;
}