```php

<style>

.sidebar{

    width:260px;
    min-height:100vh;

    background:
    linear-gradient(
        180deg,
        #020617,
        #1e3a8a
    );

    color:white;

    position:fixed;

    left:0;
    top:0;

    padding:25px 15px;

    box-shadow:
    5px 0 25px rgba(0,0,0,.25);

}


.sidebar-brand{

    display:flex;
    align-items:center;

    gap:12px;

    padding:10px;

    margin-bottom:30px;

}



.sidebar-brand .logo{

    width:45px;
    height:45px;

    background:white;

    color:#2563eb;

    border-radius:14px;

    display:flex;

    align-items:center;
    justify-content:center;

    font-size:22px;

}



.sidebar-brand h4{

    margin:0;

    font-weight:700;

}



.sidebar-brand small{

    opacity:.7;

}




.menu-title{

    font-size:12px;

    text-transform:uppercase;

    opacity:.6;

    margin:20px 10px 10px;

}




.sidebar a{

    display:flex;

    align-items:center;

    gap:14px;


    color:white;

    text-decoration:none;

    padding:13px 15px;

    border-radius:14px;

    margin-bottom:8px;

    transition:.3s;

}



.sidebar a i{

    width:20px;

    text-align:center;

}



.sidebar a:hover,

.sidebar a.active{


    background:

    rgba(255,255,255,.15);


    transform:translateX(5px);


}



.logout{

    position:absolute;

    bottom:25px;

    left:15px;

    right:15px;

}



.logout a{

    background:
    rgba(239,68,68,.25);

}



.logout a:hover{

    background:#dc2626;

}



@media(max-width:768px){


.sidebar{

    width:220px;

}


}



</style>



<div class="sidebar">


<div class="sidebar-brand">


<div class="logo">

<i class="fa-solid fa-shield-halved"></i>

</div>


<div>

<h4>

Backup System

</h4>

<small>

Management Panel

</small>

</div>


</div>




<div class="menu-title">

Menu Utama

</div>



<a href="dashboard.php"
class="">

<i class="fa-solid fa-gauge"></i>

Dashboard

</a>



<a href="orders.php"
class="">

<i class="fa-solid fa-database"></i>

Data Backup

</a>



<a href="customer.php"
class="">

<i class="fa-solid fa-users"></i>

Customer

</a>



<a href="report.php"
class="">

<i class="fa-solid fa-chart-line"></i>

Report

</a>




<div class="menu-title">

System

</div>



<a href="profile.php"
class="">

<i class="fa-solid fa-user"></i>

Profile

</a>



<a href="setting.php"
class="">

<i class="fa-solid fa-gear"></i>

Setting

</a>




<div class="logout">


<a href="logout.php">

<i class="fa-solid fa-right-from-bracket"></i>

Logout

</a>


</div>



</div>
```
```php

<style>

.sidebar{

    width:240px;
    min-height:100vh;

    position:fixed;
    left:0;
    top:0;

    background:
    linear-gradient(
        180deg,
        #020617,
        #1d4ed8
    );

    color:white;

    padding:25px 15px;

    box-shadow:
    5px 0 25px rgba(0,0,0,.25);

}



.brand{

    display:flex;
    align-items:center;

    gap:12px;

    margin-bottom:40px;

}



.brand-icon{

    width:45px;
    height:45px;

    background:white;

    color:#2563eb;

    border-radius:12px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

}



.brand h4{

    margin:0;

    font-size:18px;

    font-weight:700;

}



.menu a{

    display:flex;

    align-items:center;

    gap:15px;

    padding:14px 15px;

    margin-bottom:10px;

    color:white;

    text-decoration:none;

    border-radius:14px;

    transition:.3s;

}



.menu a:hover,
.menu a.active{

    background:
    rgba(255,255,255,.18);

    transform:translateX(5px);

}



.menu i{

    width:20px;

}



.logout{

    position:absolute;

    bottom:25px;

    left:15px;

    right:15px;

}



.logout a{

    background:
    rgba(239,68,68,.25);

}



.logout a:hover{

    background:#dc2626;

}



</style>



<div class="sidebar">


<div class="brand">


<div class="brand-icon">

<i class="fa-solid fa-shield-halved"></i>

</div>


<h4>

Backup System

</h4>


</div>




<div class="menu">


<a href="dashboard.php"
class="">

<i class="fa-solid fa-gauge"></i>

Dashboard

</a>





<a href="tasklist.php"
class="">

<i class="fa-solid fa-list-check"></i>

Tasklist

</a>



</div>





<div class="logout">


<a href="logout.php">


<i class="fa-solid fa-right-from-bracket"></i>

Logout


</a>


</div>



</div>
```