body {
     font-family: Arial, sans-serif;
     background: #f8f9fa;
     overflow-x: hidden;
 }

 /* Navbar */
 .mauli-admin-navbar {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 1100;
     background: #fff;
     border-bottom: 1px solid #ddd;
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05);
 }

 /* Sidebar */
 .mauli-admin-sidebar {
     height: 100vh;
     width: 250px;
     position: fixed;
     top: 56px;
     /* Below navbar */
     left: 0;
     background: #fff;
     border-right: 1px solid #ddd;
     transition: all 0.3s ease-in-out;
     z-index: 1050;
 }

 .mauli-admin-sidebar .nav-link {
     color: #333;
     padding: 12px 20px;
     font-weight: 500;
 }

 .mauli-admin-sidebar .nav-link:hover {
     background: #f1f1f1;
     border-radius: 6px;
 }

 .mauli-admin-sidebar-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 15px 20px;
     border-bottom: 1px solid #ddd;
 }

 /* Overlay for mobile */
 .mauli-admin-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     display: none;
     z-index: 1040;
 }

 /* Main content */
 .mauli-admin-main-content {
     margin-left: 250px;
     padding: 80px 20px 20px;
     /* push below navbar */
     transition: all 0.3s ease-in-out;
 }

 /* Responsive sidebar hidden */
 @media (max-width: 992px) {
     .mauli-admin-sidebar {
         left: -250px;
     }

     .mauli-admin-main-content {
         margin-left: 0;
     }
 }