body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
    .sidebar { 
        transition: all 0.3s; 
        width: 250px; 
    }
    .sidebar.collapsed { 
        width: 70px; 
    }
    .sidebar.collapsed .sidebar-text { 
        display: none; 
    }
    .main-content { 
        transition: all 0.3s; 
        margin-left: 250px; 
    }
    .main-content.expanded {
        margin-left: 70px;
    }

    /* Mobile handling */
    @media (max-width: 768px) { 
        .sidebar { 
            position: fixed;
            transform: translateX(-100%); 
        } 
        .sidebar.open {
            transform: translateX(0);
        }
        .main-content { 
            margin-left: 0; 
        }
    }