*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:tahoma;
}

body{
background:#0f172a;
color:#fff;
}

.container{
width:95%;
max-width:1200px;
margin:auto;
padding:25px;
}

header{
text-align:center;
margin-bottom:30px;
}

header h1{
font-size:38px;
color:#facc15;
}

header p{
margin-top:10px;
color:#cbd5e1;
}

.dashboard{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}

.card{
background:#1e293b;
padding:25px;
border-radius:15px;
text-align:center;
box-shadow:0 0 15px rgba(255,255,255,.05);
}

.card h3{
margin-bottom:15px;
color:#94a3b8;
}

.card div{
font-size:28px;
font-weight:bold;
color:#22c55e;
}