body{

margin:0;

background:#F5F7FA;

font-family:Segoe UI,sans-serif;

}

.wrapper{

display:flex;

}

.sidebar{

width:260px;

background:#003049;

min-height:100vh;

color:white;

position:fixed;

}

.logo{

font-size:28px;

font-weight:bold;

padding:25px;

text-align:center;

background:#02253b;

}

.sidebar a{

display:block;

padding:16px 25px;

color:white;

text-decoration:none;

transition:.3s;

}

.sidebar a:hover{

background:#F77F00;

color:white;

}

.topbar{

margin-left:260px;

height:70px;

background:white;

display:flex;

align-items:center;

justify-content:space-between;

padding:0 30px;

box-shadow:0 3px 10px rgba(0,0,0,.08);

}

.search input{

width:450px;

padding:10px;

border-radius:8px;

border:1px solid #ddd;

}

.top-icons{

display:flex;

gap:20px;

align-items:center;

font-size:20px;

}

.content-wrapper{

margin-left:260px;

padding:30px;

}