body{
font-family:Segoe UI;
background:#f1f5f9;
}

.hero-section{
background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),
url('https://images.unsplash.com/photo-1509062522246-3755977927d7?q=80&w=1600') center/cover;
height:45vh;
display:flex;
align-items:center;
justify-content:center;
}

.main-card{
background:white;
margin-top:-60px;
border-radius:25px;
overflow:hidden;
position:relative;
z-index:10;
margin-bottom:50px;
}

.sidebar{
background:#111827;
}

.stat-box{
background:#1f2937;
padding:25px;
border-radius:20px;
text-align:center;
}

.login-bg{
height:100vh;
display:flex;
justify-content:center;
align-items:center;
}

.login-box{
background:white;
padding:40px;
border-radius:20px;
width:400px;
}

.dash-card{
padding:30px;
border-radius:20px;
text-align:center;
box-shadow:0 5px 20px rgba(0,0,0,.1);
}