body{
font-family:Arial,"Microsoft YaHei",sans-serif;
background:#111827;
color:white;
margin:0;
}

.container{
width:90%;
margin:auto;
padding:30px;
}

h1{
text-align:center;
}


.cards{
display:flex;
gap:20px;
justify-content:center;
flex-wrap:wrap;
}


.card{
background:#1f2937;
padding:20px;
border-radius:12px;
width:180px;
text-align:center;
}


.card h2{
font-size:36px;
margin:0;
}


#scroll{

height:420px;
overflow:hidden;
border-radius:10px;
background:#020617;

}


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


th{
background:#334155;
position:sticky;
top:0;
}


td,th{

padding:12px;
text-align:center;
border-bottom:1px solid #334155;

}


.success{

margin-top:30px;
padding:40px;
background:#065f46;
border-radius:15px;
text-align:center;

}


.hidden{
display:none;
}