body{
 font-family: Arial, sans-serif;
 background:#f5f6fa;
 margin:0;
}

.header{
 background:#2f3640;
 color:white;
 padding:15px;
 display:flex;
 justify-content:space-between;
}

.container{
 max-width:1100px;
 width:95%;
 margin:auto;
 margin-top:20px;
}

.card{
 background:white;
 padding:20px;
 margin-bottom:20px;
 border-radius:6px;
 box-shadow:0 2px 4px rgba(0,0,0,0.1);
}

button{
 background:#0984e3;
 color:white;
 border:none;
 padding:8px 14px;
 border-radius:4px;
 cursor:pointer;
}

input{
 padding:8px;
 width:100%;
 margin-bottom:10px;
}

.nav{
 display:flex;
 gap:12px;
}

.nav a{
 color:white;
 text-decoration:none;
}

.stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
gap:15px;
margin-top:15px;
}

.stat{
background:white;
border:1px solid #ddd;
border-radius:8px;
padding:12px;
}

.stat-label{
font-size:12px;
color:#777;
}

.stat-value{
font-size:20px;
font-weight:600;
}

.upload-drop{
border:2px dashed #ccc;
border-radius:8px;
padding:30px;
text-align:center;
background:#fafafa;
cursor:pointer;
}

.upload-drop.dragover{
border-color:#0984e3;
background:#eef6ff;
}