.devx-progress-box{

background:#f8fafc;

padding:20px;

border-radius:12px;

margin-bottom:25px;

}

.devx-progress-title{

display:flex;

justify-content:space-between;

font-weight:600;

margin-bottom:12px;

}

.devx-progress{

height:12px;

background:#e5e7eb;

border-radius:30px;

overflow:hidden;

}

.devx-progress-fill{

height:100%;

background:linear-gradient(90deg,#2563eb,#22c55e);

transition:.4s;

}

.devx-uploaded{

color:#16a34a;

font-weight:bold;

margin-bottom:6px;

}

.devx-not-uploaded{

color:#dc2626;

font-weight:bold;

}

.devx-file{

font-size:13px;

margin-top:5px;

color:#444;

}

.devx-date{

font-size:12px;

color:#888;

margin-top:3px;

}

.devx-view-btn{

background:#2563eb;

color:#fff;

padding:8px 16px;

border-radius:6px;

text-decoration:none;

margin-right:8px;

display:inline-block;

}

.devx-download-btn{

background:#16a34a;

color:#fff;

padding:8px 16px;

border-radius:6px;

text-decoration:none;

display:inline-block;

}

.devx-document-table{

width:100%;

border-collapse:collapse;

margin-top:20px;

}

.devx-document-table th{

background:#2563eb;

color:#fff;

padding:14px;

}

.devx-document-table td{

padding:18px;

border-bottom:1px solid #eee;

}