

<style>
        body {
            display: flex;
            margin: 0;
        }
        .sidebar {
            width: 250px;
            height: 100vh;
            background: #2c3e50;
            color: white;
            position: fixed;
            left: -250px;
            transition: left 0.3s ease-in-out;
            padding-top: 20px;
        }
        .sidebar.open {
            left: 0;
        }
        .sidebar ul {
            list-style: none;
            padding: 0;
        }
        .sidebar ul li {
            padding: 15px;
        }
        .sidebar ul li a {
            color: white;
            text-decoration: none;
            display: flex;
            align-items: center;
        }
        .menu-btn {
            font-size: 24px;
            cursor: pointer;
            padding: 15px;
            background: #34495e;
            color: white;
            position: fixed;
            top: 10px;
            left: 10px;
            border: none;
            border-radius: 5px;
        }
    </style>
            <button class="menu-btn" onclick="toggleSidebar()">
                <i class="fa-solid fa-bars"></i>
            </button>
    
    <div class="sidebar" id="sidebar">
        <ul class="nav flex-column">
            <li class="nav-item active">
                <a class="nav-link" href="dashboard.php">
                    <i class="fa-solid fa-house"></i> &nbsp; Dashboard
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="report.php">
                    <i class="fa-solid fa-flag"></i> &nbsp; Reports
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="escrow.php">
                    <i class="fa-solid fa-cart-shopping"></i> &nbsp; Escrow
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="setting.php">
                    <i class="fas fa-cog"></i> &nbsp; Settings
                </a>
            </li>
            <li class="nav-item">
                <a class="nav-link logout" href="log-out.php">
                    <i class="fa-solid fa-power-off"></i> &nbsp; Logout
                </a>
            </li>
        </ul>
    </div>
    
    <script>
        function toggleSidebar() {
            document.getElementById("sidebar").classList.toggle("open");
        }
    </script>


    
