body
{
font-family: Arial;
background:#f4f6f9;
margin:0;
}

/* HEADER */

.header
{
background:#2c3e50;
color:white;
padding:15px;
font-size:20px;
text-align:center;
}

/* LOGIN PAGE */

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

.login-box
{
background:white;
padding:30px;
border-radius:6px;
box-shadow:0 0 10px rgba(0,0,0,0.2);
width:300px;
text-align:center;
}

.login-box input
{
width:100%;
padding:10px;
margin:10px 0;
}

.login-box button
{
padding:10px;
width:100%;
background:#3498db;
color:white;
border:none;
}

/* DASHBOARD MENU */

.menu-container
{
display:flex;
flex-wrap:wrap;
justify-content:center;
margin-top:40px;
}

.menu-card
{
background:white;
width:200px;
height:100px;
margin:15px;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
color:black;
font-weight:bold;
border-radius:6px;
box-shadow:0 2px 6px rgba(0,0,0,0.2);
}

.menu-card:hover
{
background:#3498db;
color:white;
}