body{
 margin:0;
 font-family:Arial;
 display:flex;
 background:#f4f6f8;
}

.sidebar{
 width:220px;
 background:#002244;
 color:white;
 padding:20px;
 height:100vh;
}

.sidebar a{
 display:block;
 padding:12px;
 color:white;
 text-decoration:none;
 cursor:pointer;
 border-radius:5px;
}

.sidebar a:hover{
 background:orange;
 color:black;
}

.main{
 flex:1;
 padding:30px;
}

.page{
 display:none;
 background:white;
 padding:20px;
 border-radius:10px;
 box-shadow:0 0 10px #ccc;
}

input, textarea, select{
 width:100%;
 padding:10px;
 margin:10px 0;
}

button{
 padding:10px 20px;
 background:orange;
 border:none;
 cursor:pointer;
}

#fileList div{
 padding:10px;
 background:#eee;
 margin:10px 0;
}
@media (max-width:768px){
 nav{
   flex-direction:column;
 }
 .gallery img{
   width:100%;
 }
 .sidebar{
   width:100px;
 }
}