body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

h1 {
    color: #2c3e50;
    margin-bottom: 20px;
}
/* Modal styles */
add-modal {
    display: block;
    position: fixed;
    z-index: 999;
}

/* Role-specific styles */
body.admin .role-btn[data-role="admin"],
body.sale .role-btn[data-role="sale"] {
    background-color: #4CAF50;
    color: white;
}

body.admin .role-btn[data-role="sale"],
body.sale .role-btn[data-role="admin"] {
    background-color: #e7e7e7;
    color: black;
}

/* Add any additional global styles here */