.sidebar {
            height: 100vh;
            width: 280px;
            position: fixed;
            left: 0;
            top: 0;
            background: #f8f9fa;
            padding: 20px;
            transition: all 0.3s;
            z-index: 1000;
            overflow-y: auto;
        }
        
        .main-content {
            margin-left: 280px;
            padding: 20px;
            max-width: calc(100% - 280px);
            overflow-x: hidden;
        }
        
        .nav-link.active {
            background-color: #e9ecef;
            font-weight: 500;
        }
        
        /* Improved table styling */
        .table-container {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        
        .fixed-table {
            min-width: 100%;
            table-layout: fixed;
        }
        
        .fixed-table th,
        .fixed-table td {
            min-width: 200px;
            max-width: 300px;
            word-wrap: break-word;
            vertical-align: top;
        }
        
        /* Mobile styles */
        @media (max-width: 992px) {
            .sidebar {
                margin-left: -280px;
            }
            
            .sidebar.active {
                margin-left: 0;
            }
            
            .main-content {
                margin-left: 0;
                max-width: 100%;
            }
            
            .mobile-menu-btn {
                display: block !important;
                position: fixed;
                right: 20px;
                bottom: 20px;
                z-index: 1001;
            }
        }