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

body {
    font-family: Arial, sans-serif;
    padding-top: 140px; /* Make room for the fixed header */
}

header {
    background-color: #FFFFFF;
    color: #252323;
    height: 100px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.header-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    max-width: 1200px;
}

.logo img {
     height: 80px;
     width: 80px;
}

.menu-bar {
    display: flex;
    align-items: center;
}

.menu-bar-list {
    display: flex;
    list-style: none;
    margin-right: 50px;
}

.menu-item {
    margin: 0 15px;
}

.menu-link {
    color: #252323;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    transition: background 0.4s;
}

.menu-link.home, .menu-link.contact {
    background-color: #E32A2D;
    color: #FFFFFF;
    border-radius: 10px;
}

.social-links {
    display: flex;
    list-style: none;
}

.social-links li {
    margin: 0 5px;
}

.social-links li a img {
    height: 30px;
    width: 30px;
}

.banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 500px;
    position: relative;
    text-align: center;
    margin-top: -50px; /* Adjust margin to account for fixed header */
    background-image: url('image/image_1.png');
    background-size: cover;
    background-position: center;
}

.banner-content {
    position: relative;
    z-index: 1;
    color: white;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}


.banner h1 {
    font-size: 2.5em;
    margin-bottom: 10px;
}

.banner p {
    font-size: 1.2em;
}
.services_Area{
    margin-top: 2px;
    justify-content: center;
    padding: 50px 50px 50px 50px;

}
.Summary{
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 25.6px;
    text-decoration: none solid rgb(37, 35, 35);
    text-align: center;
    word-spacing: 0px;
    Color & Background
    background-color:  #FFFFFF;
    background-position: 0% 0%;
    color:  #252323;
    Box
    height: 76.75px;
    padding: 0 200px 0 200px;
    Positioning
    display: block;
    Effects
    transform: none;
    transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.4s ease 0s;
    box-sizing: border-box;
    word-wrap: break-word;
    
    margin-bottom: 50px;
}

.Summary_1{
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 25.6px;
    text-decoration: none solid rgb(37, 35, 35);
    text-align: center;
    word-spacing: 0px;
    Color & Background
    background-color:  #FFFFFF;
    background-position: 0% 0%;
    color:  #252323;
    justify-content: center;    
    display: flex;
    transform: none;
    transition: background 0.3s ease 0s, border 0.3s ease 0s, border-radius 0.3s ease 0s, box-shadow 0.3s ease 0s, transform 0.4s ease 0s;
   
    box-sizing: border-box;
    word-wrap: break-word;
}

.Summary_2{
}

.services {
    padding: 50px 20px;
    text-align: center;
}

.services h2 {
    font-size: 2em;
    margin-bottom: 20px;
}



.service-categories {
   
    flex-wrap: wrap;
    justify-content: space-around;
}

.service-categories_1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.service-category {
    text-align: center;
    margin-bottom: 50px;
    width: 200px;
}


.service-category img {
    height: 70px;
    width: 70px;
    margin-bottom: 10px;
}

.why-choose-us {
    padding: 50px 100px;
    width: 700px;
    justify-content: center;
}

.why-choose-us_banner {
    height: 300px;
    position: relative;
    margin-top: -50px; /* Adjust margin to account for fixed header */
    background-image: url('image/Why choose us.png');
    background-size: cover;
    background-position: center;
}

.why-choose-us h2 {
    font-size: 2em;
    margin-bottom: 20px;
    font-weight: bold;
    position: relative;
}
.why-choose-us p::after {
    content: '';
    display: block;
    width: 200px; /* Adjust the width of the line */
    height: 4px; /* Adjust the height of the line */
    background-color: rgb(173, 54, 54); /* Adjust the color of the line */
    margin: 10px auto 0 auto; /* Center the line and add margin */
}
.why-choose-us p {
    font-size: 1.2em;
}

.happy-clients {
    padding: 50px 20px;
    text-align: center;
}

.happy-clients h2 {
    font-size: 2em;
    margin-bottom: 20px;
}

.happy-clients blockquote {
    font-size: 1.2em;
    font-style: italic;
    margin: 0 auto;
    max-width: 600px;
}

.contact-us {
    display: flex;
    justify-content: space-around;
    padding: 50px 20px;
    background-color: rgb(19, 18, 18);
}

.contact-column {
    width: 300px;
}

.contact-column h3 {
    font-size: 1.5em;
    margin-bottom: 20px;
    color: white;
}

.contact-column p,
.contact-column ul {
    font-size: 1em;
    margin-bottom: 10px;
    color: white;
}

.contact-column ul {
    list-style: none;
    padding-left: 0;
    color: white;
}
.contact-column h3::after {
    content: '';
    display: block;
    width: 150px; /* Adjust the width of the line */
    height: 4px; /* Adjust the height of the line */
    background-color: rgb(173, 54, 54); /* Adjust the color of the line */
}


.contact-column ul li {
    margin-bottom: 10px;
    color: white;
}

.contact-column ul li a {
    text-decoration: none;
    color: #333;
    color: white;
}

footer {
    padding: 10px 20px;
    text-align: center;
    background-color: #333;
    color: #fff;
}
<?php
include('../../config/db.php');

if (!isset($_SESSION['user_id'])) {
    header("Location: login.php");
    exit();
}

// Example: Fetch user-specific data
$user_id = $_SESSION['user_id'];
$sql = "SELECT * FROM leads WHERE assigned_to = '$user_id'";
$result = $conn->query($sql);
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dashboard - Sky Pioneer CRM</title>
    <link rel="stylesheet" href="../../public/css/styles.css">
</head>
<body>
    <div class="dashboard-container">
        <h2>Dashboard</h2>
        <p>Welcome, <?php echo $_SESSION['role']; ?>!</p>

        <!-- Display user-specific leads or other data -->
        <h3>Your Leads</h3>
        <ul>
            <?php while($lead = $result->fetch_assoc()): ?>
                <li><?php echo $lead['client_name']; ?> - <?php echo $lead['project_name']; ?></li>
            <?php endwhile; ?>
        </ul>

        <a href="logout.php" class="btn">Logout</a>
    </div>
</body>
</html>