body{
font-family:'Segoe UI', Arial, sans-serif;
background:#f8fafc;
padding:50px;
color:#111827;
}

.report{
max-width:900px;
margin:auto;
background:white;
padding:40px;
border-radius:12px;
box-shadow:0 5px 20px rgba(0,0,0,0.05);
}


/* top bar */
.topBar{
display:flex;
justify-content:space-between;
font-size:13px;
color:#6b7280;
margin-bottom:25px;
border-bottom:1px solid #eee;
padding-bottom:10px;
}

/* title */
h1{
margin-bottom:10px;
font-size:26px;
}

.meta{
margin-bottom:25px;
color:#374151;
}

.meta p{
margin:4px 0;
}


/* stats */
.stats{
display:flex;
gap:20px;
margin:25px 0 30px 0;
}

.stat{
flex:1;
background:#f9fafb;
padding:18px;
border-radius:10px;
border-left:5px solid #6366f1;
}

.stat:nth-child(2){
border-left-color:#10b981;
}

.stat:nth-child(3){
border-left-color:#f59e0b;
}

.stat span{
font-size:12px;
color:#6b7280;
}

.stat h3{
margin:5px 0 0 0;
font-size:22px;
}


/* table */
table{
width:100%;
border-collapse:collapse;
margin-top:15px;
}

th{
background:#f1f5f9;
padding:12px;
text-align:left;
font-size:14px;
}

td{
padding:12px;
border-bottom:1px solid #eee;
}

tr:nth-child(even){
background:#fafafa;
}

tr:hover{
background:#f1f5f9;
}


/* footer spacing */
table{
margin-top:25px;
}


/* print */
@media print{

body{
background:white;
padding:0;
}

.report{
box-shadow:none;
padding:0;
}

}