.results{

min-height:100vh;

padding:70px 20px;

background:
linear-gradient(
135deg,
#f8fafc,
#edf7f1
);

}



.results-header{

margin-bottom:30px;

}



.back{

display:inline-flex;

margin-bottom:18px;

text-decoration:none;

color:#64748b;

}



.results-header h1{

font-size:42px;

margin-bottom:8px;

}



.results-header p{

color:#64748b;

}



.stats{

display:grid;

grid-template-columns:
repeat(
3,
1fr
);

gap:18px;

margin-bottom:28px;

}



.stat{

background:white;

padding:26px;

border-radius:26px;

text-align:center;

box-shadow:
0 18px 50px
rgba(
0,
0,
0,
0.05
);

}



.label{

color:#64748b;

margin-bottom:12px;

}



.value{

font-size:42px;

font-weight:700;

}



.result-card{

background:white;

padding:30px;

border-radius:28px;

overflow:auto;

box-shadow:
0 18px 50px
rgba(
0,
0,
0,
0.05
);

}



table{

width:100%;

border-collapse:collapse;

}



th,
td{

padding:18px;

text-align:left;

border-bottom:
1px solid
#edf2f7;

}



.trend{

margin-top:28px;

background:white;

padding:30px;

border-radius:28px;

box-shadow:
0 18px 50px
rgba(
0,
0,
0,
0.05
);

}



.chart{

height:240px;

display:flex;

align-items:center;

justify-content:center;

color:#64748b;

}



@media(
max-width:700px
){

.stats{

grid-template-columns:
1fr;

}

}