*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:Segoe UI,Arial,sans-serif;
background:#f4f6f8;
}

header{
background:#003366;
color:white;
padding:15px 25px;
display:flex;
justify-content:space-between;
align-items:center;
}

header input{
padding:10px;
width:350px;
border-radius:8px;
border:none;
}

.layout{
display:flex;
min-height:calc(100vh - 65px);
}

aside{
width:320px;
background:#0f172a;
padding:20px;
overflow:auto;
}

aside h3{
color:white;
margin-top:20px;
margin-bottom:10px;
}

aside ul{
list-style:none;
}

aside a{
color:#cbd5e1;
text-decoration:none;
display:block;
padding:8px;
border-radius:6px;
}

aside a:hover{
background:#1e293b;
}

main{
flex:1;
padding:40px;
background:white;
}

main h1{
margin-bottom:20px;
}