body{
background:#f5f7fb;
font-family:'Segoe UI',sans-serif;
}

.wrapper{
display:flex;
min-height:100vh;
}

.sidebar{
width:280px;
background:#002b78;
color:white;
padding:20px;
display:flex;
flex-direction:column;
}

.logo-area{
display:flex;
gap:12px;
align-items:center;
margin-bottom:30px;
}

.logo-icon{
font-size:40px;
}

.menu{
list-style:none;
padding:0;
}

.menu li{
margin-bottom:8px;
}

.menu li a{
display:block;
padding:12px;
color:white;
text-decoration:none;
border-radius:10px;
}

.menu li.active a{
background:#0b4fd3;
}

.menu li a:hover{
background:#0b4fd3;
}

.project-card{
margin-top:auto;
background:#013a99;
padding:15px;
border-radius:15px;
}

.main-content{
flex:1;
padding:25px;
}

.topbar{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:20px;
}

.stat-card{
background:white;
padding:20px;
border-radius:15px;
box-shadow:0 2px 8px rgba(0,0,0,.08);
}

.process{
display:flex;
justify-content:space-between;
align-items:center;
}

.step{
width:80px;
height:80px;
border:1px solid #ddd;
border-radius:12px;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
text-align:center;
font-size:12px;
}