body{

font-family:Arial;
margin:0;
background:#f5f7fb;

}

.layout{

display:flex;
min-height:100vh;

}

.sidebar{

width:240px;
background:#1e293b;
color:white;

}

.logo{

padding:20px;
font-size:20px;
font-weight:bold;
border-bottom:1px solid rgba(255,255,255,0.1);

}

.logo span{

font-size:13px;
opacity:0.7;

}

.sidebar ul{

list-style:none;
padding:0;
margin:0;

}

.sidebar li{

border-bottom:1px solid rgba(255,255,255,0.05);

}

.sidebar a{

display:block;
padding:12px 20px;
color:white;
text-decoration:none;

}

.sidebar a:hover{

background:#334155;

}

.divider{

height:20px;

}

.content{

flex:1;
padding:30px;

}

.card{

background:white;
padding:20px;
border-radius:8px;
margin-bottom:20px;
box-shadow:0 2px 8px rgba(0,0,0,0.05);

}

.grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;

}

.stat{

font-size:28px;
font-weight:bold;

}

button{

background:#ff6a00;
color:white;
border:0;
padding:10px 16px;
border-radius:5px;
cursor:pointer;

}

footer{

text-align:center;
padding:15px;
color:#888;
}