body{background:#0f172a;color:#fff;font-family:sans-serif;margin:0;}
h1{text-align:center;}

.topbar{
display:flex;
justify-content:space-around;
background:#020617;
padding:10px;
}

.main{display:flex;flex-wrap:wrap;}
.left{width:70%;}
.right{width:30%;}

.card{
background:#1e293b;
margin:10px;
padding:15px;
border-radius:10px;
}

button{
padding:8px;
margin:5px;
border:none;
border-radius:6px;
background:#22c55e;
cursor:pointer;
}

.progress{width:100%;height:20px;background:#334155;}
#bar{height:100%;width:0%;background:#38bdf8;}

#chat{
height:300px;
overflow-y:auto;
background:#020617;
padding:10px;
}

@media(max-width:800px){
.left,.right{width:100%;}
}