.upload-form {
background:#ffffff;
padding:25px;
border-radius:12px;
max-width:800px;
margin:auto;
box-shadow:0 4px 18px rgba(0,0,0,0.08);
border:1px solid #eee;
}
.alert-box {
background:#fff7d6;
border:1px solid #ffe8a3;
padding:15px;
border-radius:10px;
margin-bottom:20px;
color:#856404;
}
.alert-box ul { margin-top:10px; }
#drop-area {
border:2px dashed #0099cc;
padding:30px;
text-align:center;
border-radius:12px;
background:#f7fdff;
cursor:pointer;
transition:0.3s;
}
#drop-area:hover {
background:#e6f8ff;
}
.upload-icon {
font-size:48px;
color:#0099cc;
}
#fileInput {
display:none;
}
#filePreview {
margin-top:15px;
}
.file-box {
background:#f1f8ff;
border:1px solid #cfe7ff;
padding:10px;
border-radius:8px;
margin-bottom:10px;
display:flex;
justify-content:space-between;
align-items:center;
}
.file-box span {
font-weight:bold;
}
#progressContainer {
width:100%;
background:#e5e5e5;
margin-top:15px;
height:10px;
border-radius:5px;
}
#progressBar {
width:0%;
height:100%;
background:#0099cc;
border-radius:5px;
transition:0.2s;
}
.btn-submit {
width:100%;
padding:12px;
margin-top:20px;
background:#0099cc;
color:white;
border:none;
border-radius:8px;
font-size:17px;
cursor:pointer;
}
.btn-submit:hover {
background:#007eaa;
}