body{

background:#f4f6f9;

font-family:Segoe UI,Arial,sans-serif;

}

.wrapper{

min-height:100vh;

}

.page{

padding:30px;

}

.card{

border:none;

border-radius:15px;

box-shadow:0 2px 10px rgba(0,0,0,.08);

}

.card-title{

font-size:14px;

font-weight:600;

color:#777;

}

.stat{

font-size:34px;

font-weight:bold;

margin-top:10px;

}

.stat-in-progress{

color:#6610f2;

}

.submission-stats-panel{
display:inline-block;
width:100%;
}

.submission-stats-toggle{
border-radius:999px;
font-size:12px;
font-weight:600;
padding:4px 12px;
}

.submission-stats-toggle .badge{
font-size:11px;
padding:3px 7px;
}

.submission-stats-chevron{
font-size:10px;
transition:transform .2s ease;
}

.submission-stats-toggle[aria-expanded="true"] .submission-stats-chevron{
transform:rotate(180deg);
}

.submission-stats{
display:flex;
flex-wrap:wrap;
gap:6px;
align-items:center;
}

.submission-stats .stat-chip{
display:inline-flex;
align-items:center;
gap:8px;
flex:0 1 auto;
background:#fff;
border:1px solid #e9ecef;
border-radius:999px;
padding:3px 10px;
box-shadow:none;
min-width:0;
}

.submission-stats .stat-chip-label{
font-size:10px;
font-weight:600;
color:#6c757d;
text-transform:uppercase;
letter-spacing:.02em;
line-height:1.2;
white-space:nowrap;
}

.submission-stats .stat-chip-value{
font-size:14px;
font-weight:700;
line-height:1;
white-space:nowrap;
}

@media (max-width: 991.98px){
.submission-stats .stat-chip{
flex:0 1 auto;
}
}

@media (max-width: 575.98px){
.submission-stats .stat-chip{
flex:0 1 auto;
min-width:0;
}
}

.table{

font-size:14px;

}

.table thead{

background:#0d6efd;

color:white;

}

.badge{

font-size:12px;

padding:7px 10px;

}

.search-box{

border-radius:30px;

}

.filter-card{

padding:20px;

margin-bottom:20px;

}

.table-hover tbody tr:hover{

background:#eef5ff;

}

.btn{

border-radius:8px;

}

.card:hover{

transform:translateY(-2px);

transition:.2s;

}

.navbar-dark .navbar-brand,
.navbar-dark .nav-link {
    color: #fff !important;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus,
.navbar-dark .nav-link:hover,
.navbar-dark .nav-link:focus,
.navbar-dark .nav-link.active,
.navbar-dark .nav-link.show {
    color: #fff !important;
}

.navbar-dark .nav-link i,
.navbar-dark .navbar-brand i {
    color: #fff;
}

.login-page{
background:#f4f6f9;
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
padding:24px;
}

.login-wrap{
width:100%;
max-width:420px;
}

.login-card{
background:#fff;
border-radius:15px;
box-shadow:0 2px 10px rgba(0,0,0,.08);
padding:32px;
}